IE 8 und label for

drsoong · 08.06.2011, 14:22

Hi

ich habe radio inputs mit labels, die per for-Attribut auf das jeweilige input verweisen. Das zu erwartende Standardverhalten ist: Klickt man auf das Label wird das checked-Attribut des inputs getoggelt.

Beim IE 8 geschieht das nicht. Ein Klick auf das Label bewirkt keine
Veränderung des checked-Zustands des Radiobuttons.

Kennt jemand das Problem. Gibt's da einen Trick, außer Javascript, der das Problem behebt?

fab · 08.06.2011, 14:30

Kann es sein dass du die Inputs mit "id" identifizierst und nicht mit "name"? Das wird nämlich leider nicht browserübergreifend unterstützt, weshalb es das einfachste ist, weiterhin "name" zu benutzen.

nikosch · 08.06.2011, 15:15

Öh? Natürlich mir ID! Quelle?

ChrisB · 08.06.2011, 15:56

Problem nicht nachvollziehbar ... wie üblich :-/

Valides, auf's Wesentliche reduziertes Online-Beispiel - bitte immer bei solchen Fragestellungen!

drsoong · 08.06.2011, 16:48

Danke erst mal für die Antworten.

@fab: name und id sind gleichnamig gesetzt
@ChrisB: Sorry, gibt es aktuell nicht online.

Der Gesamtquelltext passiert den W3C-Validator. Läuft in IE 9, und den jeweils neuesten Versionen von Chrome, Firefox, Opera, Safari.

Hier mal ein Codeauszug.

Code:

<form id="selectInterface" action="index.php">
<div><input type="hidden" name="modSel" id="modSel" /></div>
<div id="selectQuarters">
 <input checked="checked" name="q_1" type="checkbox" id="q_1" value="1" />
 <label class="rounded active" for="q_1">Q1</label>
 <input  name="q_2" type="checkbox" id="q_2" value="2" />
 <label class="rounded" for="q_2">Q2</label>
 <input  name="q_3" type="checkbox" id="q_3" value="3" />
 <label class="rounded" for="q_3">Q3</label>

Hat sonst noch jemand eine Idee?

ChrisB · 08.06.2011, 16:55

Problem immer noch nicht nachvollziehbar.
Funktioniert, in ein HTML-Dokument eingefügt, auch im IE 8 wie erwartet (abgesehen davon, dass die Radiobuttons aus deiner ursprünglichen Fragestellung jetzt irgendwie zu Checkboxen mutiert sind).

drsoong · 08.06.2011, 17:15

Hm, dann weiß ich jetzt auch nicht mehr weiter. Das einzige, was ich noch gefunden habe, sind merkwürdige HTML Attribut Einträge, die die IE 8 Entwicklertools zutage bringen. Da steht dann z. B.

Code:

<label class="rounded active" for="q_1" jquery162347373773="1">

Das wird nicht angezeigt, wenn man sich per Kontextmenü den Quelltext anzeigen läßt. Bzw. die Entwicklertools der anderen Browser zeigen diese Einträge auch nicht.

ChrisB · 08.06.2011, 18:13

Zitat:

Zitat von drsoong

Das wird nicht angezeigt, wenn man sich per Kontextmenü den Quelltext anzeigen läßt.

Na logisch - wenn etwas jqueryirgendwas heißt, wird es ja vermutlich auch per JavaScript erst hinzugefügt worden sein.

Zitat:

Bzw. die Entwicklertools der anderen Browser zeigen diese Einträge auch nicht.

Dann setzt jQuery sie ggf. IE-spezifisch.

Machst du denn per jQuery irgendwas mit den Formularelementen?
Bzw. ist das ominöse Problem auch vorhanden, wenn du jQuery raus nimmst/JavaScript deaktivierst ...?

nikosch · 08.06.2011, 18:54

Zitat:

jquery162347373773="1"

Für sowas nimmt man data. Ist wohl schon was älter, das Script?

drsoong · 08.06.2011, 19:11

Zitat:

Zitat von nikosch

Für sowas nimmt man data. Ist wohl schon was älter, das Script?

Äh, das habe ich nicht da reingeschrieben. Ansonsten handelt es sich um QJuery-Standard-Code:

Code:

$(this).toggleClass('active');

Den Test ohne JQuery mache ich gleich nochmal. Bin gerade unter Druck.
Gehe aber davon aus, dass das ohne JQ klappen wird.

Für's erste habe ich das jetzt komplett mit Javascript gelöst.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Zend_Form Klasse mit mehreren Forms	Enigma228	PHP-Fortgeschrittene	8	20.05.2011 14:50
[Erledigt] jquery button label beschriftung	Buschdieb	JavaScript, Ajax und mehr	13	19.10.2010 15:48
[Erledigt] HTML Formular, Label Bug?	tarian	Off-Topic Diskussionen	8	18.10.2010 16:54
montage (ImageMagick) über shell_exec	PhoSe	PHP Tipps 2010	24	10.02.2010 18:42
mehrere Labels auf ein Formelement	nikosch	HTML, Usability und Barrierefreiheit	12	26.03.2009 22:56
Zend_Form und mein Label horror	fragnicht	PHP-Fortgeschrittene	8	16.07.2008 10:23
JavaScript/PHP: qooxdoo 0.7.1 - Teil 1 : Eine Einführung	Zergling-new	Tutorials	6	25.01.2008 10:41
formaler Standard für Dokumentationen von Klassen/Funktionen	Simbo	Off-Topic Diskussionen	10	19.10.2007 21:34
Count fehler?	dEMolite	PHP Tipps 2007	11	22.02.2007 09:21
[Erledigt] Label über ein Bild funktioniert nicht?		HTML, Usability und Barrierefreiheit	3	23.05.2006 12:06
PHP-GTK Tutorial		Beitragsarchiv	9	02.11.2005 21:07

08.06.2011, 14:22
drsoong Erfahrener Benutzer Registriert seit: 05.08.2008 Beiträge: 1.127	IE 8 und label for Hi ich habe radio inputs mit labels, die per for-Attribut auf das jeweilige input verweisen. Das zu erwartende Standardverhalten ist: Klickt man auf das Label wird das checked-Attribut des inputs getoggelt. Beim IE 8 geschieht das nicht. Ein Klick auf das Label bewirkt keine Veränderung des checked-Zustands des Radiobuttons. Kennt jemand das Problem. Gibt's da einen Trick, außer Javascript, der das Problem behebt? __________________ Es ist schon alles gesagt. Nur noch nicht von allen.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

08.06.2011, 14:30
fab Erfahrener Benutzer Registriert seit: 28.07.2010 Beiträge: 2.308 PHP-Kenntnisse: Fortgeschritten	Kann es sein dass du die Inputs mit "id" identifizierst und nicht mit "name"? Das wird nämlich leider nicht browserübergreifend unterstützt, weshalb es das einfachste ist, weiterhin "name" zu benutzen. __________________ PHP Blog + Library CSS Effects + Tools

08.06.2011, 15:15
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Öh? Natürlich mir ID! Quelle? __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

08.06.2011, 15:56
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Problem nicht nachvollziehbar ... wie üblich :-/ Valides, auf's Wesentliche reduziertes Online-Beispiel - bitte immer bei solchen Fragestellungen! __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

08.06.2011, 16:48
drsoong Erfahrener Benutzer Registriert seit: 05.08.2008 Beiträge: 1.127	Danke erst mal für die Antworten. @fab: name und id sind gleichnamig gesetzt @ChrisB: Sorry, gibt es aktuell nicht online. Der Gesamtquelltext passiert den W3C-Validator. Läuft in IE 9, und den jeweils neuesten Versionen von Chrome, Firefox, Opera, Safari. Hier mal ein Codeauszug. Code: <form id="selectInterface" action="index.php"> <div><input type="hidden" name="modSel" id="modSel" /></div> <div id="selectQuarters"> <input checked="checked" name="q_1" type="checkbox" id="q_1" value="1" /> <label class="rounded active" for="q_1">Q1</label> <input name="q_2" type="checkbox" id="q_2" value="2" /> <label class="rounded" for="q_2">Q2</label> <input name="q_3" type="checkbox" id="q_3" value="3" /> <label class="rounded" for="q_3">Q3</label> Hat sonst noch jemand eine Idee? __________________ Es ist schon alles gesagt. Nur noch nicht von allen.

08.06.2011, 16:55
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Problem immer noch nicht nachvollziehbar. Funktioniert, in ein HTML-Dokument eingefügt, auch im IE 8 wie erwartet (abgesehen davon, dass die Radiobuttons aus deiner ursprünglichen Fragestellung jetzt irgendwie zu Checkboxen mutiert sind). __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

08.06.2011, 17:15
drsoong Erfahrener Benutzer Registriert seit: 05.08.2008 Beiträge: 1.127	Hm, dann weiß ich jetzt auch nicht mehr weiter. Das einzige, was ich noch gefunden habe, sind merkwürdige HTML Attribut Einträge, die die IE 8 Entwicklertools zutage bringen. Da steht dann z. B. Code: <label class="rounded active" for="q_1" jquery162347373773="1"> Das wird nicht angezeigt, wenn man sich per Kontextmenü den Quelltext anzeigen läßt. Bzw. die Entwicklertools der anderen Browser zeigen diese Einträge auch nicht. __________________ Es ist schon alles gesagt. Nur noch nicht von allen.