nicht angemeldet
hi, ich sitze gerade schon stunden an einem formular und kriege einen fehler nicht behoben.
ich habe ein hintergrundbild, wo auch das ganze formular und so drauf ist, daher habe ich ein unsichbares formular darüber gemacht. funktioniert auch alles wunderbar, jedoch die checkboxen funktionieren nur beim firefox. also ich habe ein div-layer direkt über die checkboxbilder getan mit der gleichen grösse. dort habe ich dann ein bild rein getan. anfangs ein 1px grosses transparentes gif (spacer.gif). klickt man nun auf den div layer, sollte sich das bild in ein kreuz ändern (datei heisst X.gif). nunja, funktioniert beim firefox ohne probleme, doch beim ie krieg ichs nich zu laufen. ich schreib einfach ma meine funtion hier rein und meine divs/imgs:
<script type="text/javascript">
var d1 = 0;
var d2 = 0;
var d3 = 0;
function click(c){
if (c==1) {
if (d1==0){
d1=1;
document.getElementById('nutz_pic').src='pics/X.gif';
document.getElementById('nutzungsb').value='1';
} else {
d1=0;
document.getElementById('nutz_pic').src='pics/spacer.gif';
document.getElementById('nutzungsb').value='0';
}
} else if (c==2) {
if (d2==0){
d2=1;
document.getElementById('dat_pic').src='pics/X.gif';
document.getElementById('datenschutzb').value='1';
} else {
d2=0;
document.getElementById('dat_pic').src='pics/spacer.gif';
document.getElementById('datenschutzb').value='0';
}
} else if (c==3) {
if (d3==0){
d3=1;
document.getElementById('and_pic').src='pics/X.gif';
document.getElementById('andreb').value='1';
} else {
d3=0;
document.getElementById('and_pic').src='pics/spacer.gif';
document.getElementById('andreb').value='0';
}
}
}
</script>
<div class="check_div nutz" id="nutzungsb_div" onClick="click(1);"><img class="checkimg" id="nutz_pic" src="pics/spacer.gif" /></div>
<div class="check_div daten" id="datenschutzb_div" onClick="click(2);"><img class="checkimg" id="dat_pic" src="pics/spacer.gif" /></div>
<div class="check_div andre" id="andreb_div" onClick="click(3);"><img class="checkimg" id="and_pic" src="pics/spacer.gif" /></div>
<input type="checkbox" name="nutzungsb" id="nutzungsb" value="0" class="inv_checkbox" />
<input type="checkbox" name="datenschutzb" id="datenschutzb" value="0" class="inv_checkbox" />
<input type="checkbox" name="andreb" id="andreb" value="0" class="inv_checkbox" /><br />
kurz erläuterung zur funktion: klickt man auf eine der 3 checkboxen, ruft man die funktion "click()" auf und übergibt ihr als wert 1, 2 oder 3, damit die funktion weiss, um welche der 3 checkboxen es sich handelt. die funktion prüft dann eben welche angeklickt wurde und prüft anschliessen ob die angeklickte checkbox schon angeklickt ist oder nicht, und zwar mit der variablen d1,d2 bzw d3. wurde sie noch nicht angeklickt(d1,d2 bzw d3 hat den wert 0) wird das bild vom spacer zum X geändert und der value der unsichtbaren formularcheckbox wird auf 1 gesetzt und die variable d1,d2 bzw d3 auf 1 gesetzt. sollte die checkbox schonmal angeklickt sein erkennt die funktion das d1,d2 bzw d3 nicht auf 0 stehen, dann stellt sie die variable wieder auf 0, stellt den img src wieder auf spacer und den value der jeweiligen checkbox auf 0.
nun die grosse frage: wieso funktioniert es nur beim firefox?^^
ich wette es is wieder irgendnen kleiner dummer fehler... aber ich sitz da jetzt echt schon stunden dran ^^
also danke schonmal im vorraus für eure hilfe
lg damiano
Der Martin