Hallo,
hm, also, ich habe folgenden Fehler gemacht:
Ich habe bei <script> bei type= "text/javscript" reingeschrieben, es heißt aber "text/javascript"
Du hast, soweit ich verstanden habe, was du willst, folgenden Fehler gemacht:
-Du hast da keine eindeutige IDs für die beiden Checkboxen vergeben, sondern in der Funktion den namen der Checkbox übergeben! Du musst aber die Id übergeben, welche eindeutig sein muss (mehrere Elemente mit der gleichen ID sollte man nicht machen).
-Du hast die verschiedenen div-Elemente nicht ausgeblendet am Anfang!
Du willst doch, dass am Anfang eine Checkbox aktiviert ist und der Inhalt von dieser Checkbox angezeigt ist, der Inhalt der anderen, also deaktivierten Checkbox, ist nicht sichtbar.
Dazu musst du aber das andere div-Element verstecken (mit dem style-Attribut), so:
HTML:
<div id="tmobile2" style="display:none;">[...]</div>
Da das mit dem, dass nur eine Checkbox aktiviert sein kann, so nicht unbedingt allzu gut ist, habe ich das ganze ein wenig geändert.
Dabei musst du jetzt beachten:
Die Namen der Checkboxen
müssen "checkbox" enthalten (kannst du aber ändern, ich habe da einen Kommentar drüber gemacht)
Die ID Des Inhalts zu dieser Checkbox muss die gleiche sein, wie das Value der Checkbox, die diesen Inhalt anzeigen soll!
Hier der Code im Zusammenhang (der Internet Explorer hat damit noch ziemlich Probleme, aber das hat er bei mir bis jetzt immer gehabt.. ich habs mit Opera und Firefox getestet und es geht ganz ohne Probleme):
HTML:
<input type="checkbox" name="checkbox" value="tmobile1" id="checkbox1" onChange="checkbox_change('checkbox1', 'tmobile1');" checked="checked">
T-Mobile Relax 100 60/1
<input type="checkbox" name="checkbox" id="checkbox2" onChange="checkbox_change('checkbox2', 'tmobile2');" value="tmobile2">
T-Mobile Relax 200 60/1
<script type="text/javascript">
var last_checked = "";
var last_inh = "";
function checkbox_change(id_chk, id_inh)
{
var checkbox = document.getElementById(id_chk);
var inhalt_anzeige = document.getElementById(id_inh);
if ( checkbox.checked == true )
{
/*if ( last_checked != "" )
{
document.getElementById(last_checked).checked = false;
document.getElementById(last_inh).style.display = "none";
last_checked = "";
last_inh = "";
}
last_checked = id_chk;
last_inh = id_inh;*/
for ( var i = 0; i < document.getElementsByTagName('input').length; i++ )
{
//das aktuelle el-ement
var el = document.getElementsByTagName('input')[i];
//überprüfen, ob der Name dieses Elements checkbox enthält (kann man ändern,
//jedoch muss zumindest ein Wort/eine Zeichenkette in jeder Checkbox vorkommen!!)
if ( el.name.indexOf('checkbox') > -1 )
{
if ( el.checked == true )
{
el.checked = false;
document.getElementById(el.value).style.display = "none";
}
}
}
checkbox.checked = true;
inhalt_anzeige.style.display = "block";
}
else
{
inhalt_anzeige.style.display = "none";
}
}
</script>
<div id="tmobile1">
<table width="300" border="0">
<tr>
<td width="287">T-Mobile Relax 100 </td>
<td width="103"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>Allgemeine Details </td>
<td> </td>
</tr>
<tr>
<td>Monatliche Grundgebühr </td>
<td>€ 28,- </td>
</tr>
<tr>
<td>Monatlicher Mindestumsatz </td>
<td>€ 00,- </td>
</tr>
<tr>
<td>Taktung</td>
<td>60/1</td>
</tr>
<tr>
<td>Einmalige Anschlussgebühr </td>
<td>€ 00,- </td>
</tr>
<tr>
<td>Laufzeit des Vertrages </td>
<td>24 Monate </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>Gesprächsgebühren</td>
<td> </td>
</tr>
<tr>
<td>ins nationale Festnetz </td>
<td>€ 0,39* </td>
</tr>
<tr>
<td>ins eigene Netz </td>
<td>€ 0,39* </td>
</tr>
<tr>
<td>in andere Netze </td>
<td>€ 0,39* </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>SMS</td>
<td> </td>
</tr>
<tr>
<td>Kosten pro SMS </td>
<td>€ 0,19 </td>
</tr>
</table>
</div>
<div id="tmobile2" style="display:none;">
<table width="300" border="0">
<tr>
<td width="287">T-Mobile Relax 100 (200) </td>
<td width="103"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>Allgemeine Details </td>
<td> </td>
</tr>
<tr>
<td>Monatliche Grundgebühr </td>
<td>€ 28,- </td>
</tr>
<tr>
<td>Monatlicher Mindestumsatz </td>
<td>€ 00,- </td>
</tr>
<tr>
<td>Taktung</td>
<td>60/1</td>
</tr>
<tr>
<td>Einmalige Anschlussgebühr </td>
<td>€ 00,- </td>
</tr>
<tr>
<td>Laufzeit des Vertrages </td>
<td>24 Monate </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>Gesprächsgebühren</td>
<td> </td>
</tr>
<tr>
<td>ins nationale Festnetz </td>
<td>€ 0,39* </td>
</tr>
<tr>
<td>ins eigene Netz </td>
<td>€ 0,39* </td>
</tr>
<tr>
<td>in andere Netze </td>
<td>€ 0,39* </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>SMS</td>
<td> </td>
</tr>
<tr>
<td>Kosten pro SMS </td>
<td>€ 0,19 </td>
</tr>
</table>
</div>
So, ich hoffe, dass diesmal keine Probleme mehr auftreten
MfG
Fabsch
