✔ Klickbare Tabellenzelle selektiert Checkbox - FirefoxProblem

[ronny8]

hallo zusammen,
habe mal wieder ein kleines problem, das in unterschiedlichen browsern (firefox/ie) anders funktioniert. ich möchte, wie im folgenden script zu sehen ist, ein tabellenfeld anklickbar machen, so dass sich die davorliegende checkbox selektiert. jedoch möchte ich auch zulassen, dass man die checkbox auch anklicken kann. dies funktioniert jedoch nur im internet explorer und nicht im firefox, weil der wahrscheinlich das anklicken der checkbox gleichzeitig mit dem klick des tabellenfeld interpretiert und somit er sich sofort wieder deselektiert. hat jemand eine ahnung, wie ich das in beiden browsern realisieren kann? vielen dank im voraus!

<form>
<table border=1>
<tr>
<td width=500
onClick="document.forms[0].name.click();"
onmouseover="this.style.backgroundColor='#ff0000';"
onmouseout="this.style.backgroundColor='#ffffff';">
<input type="checkbox" name="name" value="1">
</td>
</tr>
</table>
</form>

 

[em-ix]

dazu gibts ja auch folgendes:
http://de.selfhtml.org/javascript/objekte/elements.htm#checked

 

[ronny8]

ja und was willst du mir damit nun sagen?

 

[em-ix]

dass ich das mit element.checked=true machen würde

 

[Sven Mintel]

Du musst verhindern, dass der Event "bubblt" ...also in der Dokumentstruktur nach oben (zur <td>)durchgereicht wird. Dazu setze seine Eigenschaft "cancelBubble" auf true:

<input type="checkbox" name="name" value="1"onclick="event.cancelBubble = true;">

Übrigens.... achte bitte auf deine Gross/Kleinschreibung. Näheres dazu kannst du meiner Signatur entnehmen.
Danke

 

[ronny8]

Vielen Dank, damit klappt es wunderbar.

Sorry, wegen meiner Kleinschreibung. Bin noch neu hier.

 

[Sven Mintel]

Na dann Herzlich Willkommen

Dank auch dir.... durch deine Frage hab ich feststellen dürfen, dass Mozilla "cancelBubble" mittlerweile auch kennt(bisher war dort eine andere Methode vonnöten).