king-arthur
Neues Mitglied
Hallo,
ich möchte eine Seite erstellen die aus drei Dropdownlisten und 4 Checkboxen besteht.
Mein Problem ist, dass sich bestimmte Checkboxen nicht deaktivieren (grau hinterlegen) lassen, wenn in der ersten Liste ein bstimmter Wert ausgewählt wird.
Hier ist der Code, den ich bis jetzt geschrieben habe.
Es handelt sich um die Liste "Top6" und die Checkboxen "Tarif".
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="author" content="fsschmittj">
<meta name="editor" content="html-editor phase 5">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<table width="50%" border="1" cellpadding="0" cellspacing="2">
<tr>
<td style="width:50%;">
<h2>Bitte Tarif auswählen</h2>
<form action="Tarife">
<p><select name="Top6" size="1" onchange="update_Tarif()">
<option selected>Basic</option>
<option> Basic+</option>
<option> Standard</option>
<option>Comfort</option>
<option>Premium</option>
<option>Agent Service Basic +</option>
</select></p></form>
</td>
<td style="width:50%;">
<form name="Gerätetypen">
<select size="1" name="Typen" onchange="update_auswahl()">
<option value="IP" selected>IP</option>
<option value="Digital">Digital</option>
</select>
<select size="1" name="Phones">
<option selected>1110</option>
1120</option>
<option>1140</option>
<option>1210</option>
<option>1220</option>
<option>1230</option>
</select>
<br />
</form>
</td>
<script language="Javascript">
function update_Typ() {
var TypenAuswahl = document.forms.Gerätetypen.Typen;
var PhonesAuswahl = document.forms.Gerätetypen.Phones;
PhonesAuswahl.options.length = 0; // DropDown Menü entleeren
if (TypenAuswahl.options[TypenAuswahl.selectedIndex].value == "IP"){
PhonesAuswahl.options[0] = new Option("1110");
PhonesAuswahl.options[1] = new Option("1120");
PhonesAuswahl.options[2] = new Option("1140");
PhonesAuswahl.options[3] = new Option("1210");
PhonesAuswahl.options[4] = new Option("1220");
PhonesAuswahl.options[5] = new Option("1230");
} else if (TypenAuswahl.options[TypenAuswahl.selectedIndex].value == "Digital")
{
PhonesAuswahl.options[0] = new Option("M3902");
PhonesAuswahl.options[1] = new Option("M3903");
PhonesAuswahl.options[2] = new Option("M3904");
}
}
function update_Tarif(){
if (document.Top6.options.selected == "Basic"){
alert(Fehler);
document.Tarif.style.display = "none";
}
}
</script>
<td style="width:50%;">
<form action="checkbox">
<form name="Tarif">
<p</p>
<p>
<input type="checkbox" name="CTI" value="CTI">CTI<br>
<input type="checkbox" name="Unified Communication" value="UC"> Unified <wbr> Communication<br>
<input type="checkbox" name="Mobility" value="Mobility"> Mobility<br>
<input type="checkbox" name="Automatic Call Distribution" value="Automatic Call Distribution"> Automatic Call Distributio<br>
</form>
</td>
</tr>
</table>
</body>
</html>
Die Funktion update_typ funktioniert.
Es handelt sich um die Funktion update_Tarif.
Vielen Dank im Voraus.
Gruß
ich möchte eine Seite erstellen die aus drei Dropdownlisten und 4 Checkboxen besteht.
Mein Problem ist, dass sich bestimmte Checkboxen nicht deaktivieren (grau hinterlegen) lassen, wenn in der ersten Liste ein bstimmter Wert ausgewählt wird.
Hier ist der Code, den ich bis jetzt geschrieben habe.
Es handelt sich um die Liste "Top6" und die Checkboxen "Tarif".
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="author" content="fsschmittj">
<meta name="editor" content="html-editor phase 5">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<table width="50%" border="1" cellpadding="0" cellspacing="2">
<tr>
<td style="width:50%;">
<h2>Bitte Tarif auswählen</h2>
<form action="Tarife">
<p><select name="Top6" size="1" onchange="update_Tarif()">
<option selected>Basic</option>
<option> Basic+</option>
<option> Standard</option>
<option>Comfort</option>
<option>Premium</option>
<option>Agent Service Basic +</option>
</select></p></form>
</td>
<td style="width:50%;">
<form name="Gerätetypen">
<select size="1" name="Typen" onchange="update_auswahl()">
<option value="IP" selected>IP</option>
<option value="Digital">Digital</option>
</select>
<select size="1" name="Phones">
<option selected>1110</option>
1120</option>
<option>1140</option>
<option>1210</option>
<option>1220</option>
<option>1230</option>
</select>
<br />
</form>
</td>
<script language="Javascript">
function update_Typ() {
var TypenAuswahl = document.forms.Gerätetypen.Typen;
var PhonesAuswahl = document.forms.Gerätetypen.Phones;
PhonesAuswahl.options.length = 0; // DropDown Menü entleeren
if (TypenAuswahl.options[TypenAuswahl.selectedIndex].value == "IP"){
PhonesAuswahl.options[0] = new Option("1110");
PhonesAuswahl.options[1] = new Option("1120");
PhonesAuswahl.options[2] = new Option("1140");
PhonesAuswahl.options[3] = new Option("1210");
PhonesAuswahl.options[4] = new Option("1220");
PhonesAuswahl.options[5] = new Option("1230");
} else if (TypenAuswahl.options[TypenAuswahl.selectedIndex].value == "Digital")
{
PhonesAuswahl.options[0] = new Option("M3902");
PhonesAuswahl.options[1] = new Option("M3903");
PhonesAuswahl.options[2] = new Option("M3904");
}
}
function update_Tarif(){
if (document.Top6.options.selected == "Basic"){
alert(Fehler);
document.Tarif.style.display = "none";
}
}
</script>
<td style="width:50%;">
<form action="checkbox">
<form name="Tarif">
<p</p>
<p>
<input type="checkbox" name="CTI" value="CTI">CTI<br>
<input type="checkbox" name="Unified Communication" value="UC"> Unified <wbr> Communication<br>
<input type="checkbox" name="Mobility" value="Mobility"> Mobility<br>
<input type="checkbox" name="Automatic Call Distribution" value="Automatic Call Distribution"> Automatic Call Distributio<br>
</form>
</td>
</tr>
</table>
</body>
</html>
Die Funktion update_typ funktioniert.
Es handelt sich um die Funktion update_Tarif.
Vielen Dank im Voraus.
Gruß