[JS] getElementsByName oplossing in IE

[Verwijderd]

Ik heb een systeem gemaakt waarbij de bezoeker met checkboxjes zijn selectie kan maken. Hierbij maak ik gebruik van getElementsByName. Dit werkt perfect in Firefox en Safari, maar IE weigert dienst.

voorbeeld: http://copeters.nl/getelem.htm

ik wil niet dat de pagina opnieuw geladen wordt als men een vinkje aan of uit zet. heeft iemand een suggestie hoe ik dit systeem kan maken op een manier die wel in FF, IE en Safari werkt?

[trinite_t]

getElementById() functie werkt volgens mij wel overal in

[BtM909]

Waarom itereer je niet gewoon door je forms collection heen Is volgens mij nog sneller ook.

edit:

Welke versie van IE test je? Het volgende voorbeeld werkt gewoon in IE6 7: http://www.w3schools.com/...ry_dom_document_getbyname

[ Voor 48% gewijzigd door BtM909 op 31-10-2008 11:15 ]

[crisp]

P-elementen hebben officieel ook geen name-attribuut.
Persoonlijk zou ik met class werken; genoeg scripts te vinden die een crossbrowser getElementsByClassName implementeren voor browsers die het nog niet native ondersteunen

En voor het selecteren van form-elementen is de elements collection van het form-object natuurlijk de beste manier

[ Voor 22% gewijzigd door crisp op 31-10-2008 11:10 ]

[Zamalan]

Wat je ook kan doen is getElementsByTagName('p') en dan in je lus x[i].getAttribute('name'). Ik weet niet of dit proper is...

Bijkomend probleem is dat onChange enkel fired als het element focus verliest, dit is voor checkboxes waarvan de verandering direct moet gezien worden wel nogal onhandig, beter onclick gebruiken.

Verder:

code:

function setcat(c, aan){
...
}
onchange='setcat(this.value, this.checked)'

als setcat enkel door die checkboxes aangeroepen zal worden is hetvolgende misschien beter:

code:

function setcat(element){
var c = element.value;
var aan = element.checked;
...
}
onclick='setcat(this)'

[Verwijderd]

Zamalan schreef op vrijdag 31 oktober 2008 @ 11:44:
Wat je ook kan doen is getElementsByTagName('p') en dan in je lus x[i].getAttribute('name'). Ik weet niet of dit proper is...

Bedankt voor de tips, ik heb het met opgelost met getElementsByTagName('p') en de lus [x].getAttribute('name'). Werkt perfect!

zie http://copeters.nl/getelem2.htm

[Bosmonster]

Nog paar kleine dingetjes:

Gebruik type-attributen bij je style/script tags (type="text/css" en type="text/javascript")

Gebruik span-tags ipv font-tags.

Je id's moeten uniek zijn, het id 'item' komt nu ettelijke malen voor.

[DiSiLLUSiON]

Daarnaast is het niet echt netjes om op elke div een 'onmouseout' & 'onmouseover' event te hangen. Beter is het om de event aan de 'items' div te hangen, en de div met event.target te identificeren.