nicht angemeldet
Hallo,
ich bin Anfänger und auf der Suche nach Hilfe.
Meine Seite besteht aus 3 Auswahllisten und 4 Checkboxen.
Wichtig sind nur die 1. Liste und die Checkboxen.
In der Liste stehen verschiedene Werte. Je nach ausgewähltem Wert sollen bestimmte Checkboxen aktiviert oder deaktiviert werden.
Mein javascript hat jedoch noch fehler. Es aktiviert/deaktiviert die Checkboxen nicht ordentlich.
Wird Basic ausgewählt sollen z.B. alle Checkboxen aktiviert werden.
Bei Standart sollen alle bisherigen Boxen aktiviert werden und nur "Mobility" und "ACD" deaktiviert werden.
Es handelt sich um die Funktion updateTarif().
<!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 name="Tarife" action="">
<p><select name="Top" size="1" onchange="updateTarif()">
<option>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_Typ()">
<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 updateTarif(){
if(document.Tarife.Top.selectedIndex==0){
document.Tarif.CTI.disabled=false;
document.Tarif.Mobility.disabled=false;
document.Tarif.ACD.disabled=false;}
else if(document.Tarife.Top.selectedIndex==1){
document.Tarif.CTI.disabled=true;}
else if(document.Tarife.Top.selectedIndex==2){
document.Tarif.CTI.disabled=false;
document.Tarif.Mobility.disabled=true;
document.Tarif.ACD.disabled=true;}
}
</script>
<td style="width:50%;">
<form action="" 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="ACD"> Automatic Call Distributio<br>
</form>
</td>
</tr>
</table>
</body>
</html>
Vielen Dank im Voraus.
Gruß