[JS] onclick werkt overal, behalve in IE

[D34F]

Dag dames en heren,

Ik zit nu al een tijd te zoeken, maar kan geen oplossing vinden voor het volgende probleem. Namelijk dat onclick wel werkt in FF, Safarai, etc. maar niet in IE.

Ik heb de volgende code op m'n site:

<input id="submitData3" type="button" name="submitData3" value=" " onclick="change()"/>
<input id="submitDataContactUnset" type="hidden" onclick="change2()" name="submitDataContactUnset" value=" "/>

En dit in de head:

<script type = "text/javascript">
function change() {
document.getElementById("submitData3").type="hidden";
document.getElementById("submitDataContactUnset").type="button";
}
function change2() {
document.getElementById("submitData3").type="button";
document.getElementById("submitDataContactUnset").type="hidden";
}
</script>

Op deze manier wil ik er voor zorgen dat als er op de ene button geklikt wordt een ander tevoorschijn komt en andersom. In Firefox etc. verdwijnt de knop waarop je klikt en komt een ander tevoorschijn en andersom (zoals het hoort dus). In IE verdwijnt de knop niet en er verschijnt ook geen andere knop. Hij voert de onclick dus niet uit. Als ik na erop geklikt te hebben de broncode bekijk zie ik ook dat er niks is veranderd. Ik kom er maar niet uit hoe ik dit kan oplossen. Ook niet via Google. Zo las ik dat je misschien onchange kon gebruiken, maar dat werkt in allebei de browsers niet. Of het tussen <select> tags zetten en als optie bieden, maar dit is niet echt de bedoeling.

Overigens wil ik het liefst dat als je op een button klikt de id én background-image ervan veranderd, (het is een knop waarmee je iets kan toevoegen en wanneer je erop klikt moet hij veranderen naar verwijderen) maar dat wilde niet lukken zonder postback. Vandaar dit alternatief.

Hopelijk kan iemand helpen. Bij voorbaat dank.

Groetjes,

Peter

[ Voor 11% gewijzigd door D34F op 06-10-2009 16:09 ]

[BtM909]

WAT werkt er niet? Wordt je onclick wel getriggered in IE? Wat als je gaat debuggen (desnoods met alerts overal tussen)?

[D34F]

BtM909 schreef op dinsdag 06 oktober 2009 @ 16:01:
WAT werkt er niet? Wordt je onclick wel getriggered in IE? Wat als je gaat debuggen (desnoods met alerts overal tussen)?

Ah dat had ik even moeten verduidelijken, mijn excuses. In Firefox etc. verdwijnt de knop waarop je klikt en komt een ander tevoorschijn en andersom (zoals het hoort dus). In IE verdwijnt de knop niet en er verschijnt ook geen andere knop. Hij voert de onclick dus niet uit. Als ik na erop geklikt te hebben de broncode bekijk zie ik ook dat er niks is veranderd.

[wouwie]

Je kan een input element niet zomaar van type veranderen in IE, ik denk dus dat de code wel degelijk wordt uitgevoerd (check met alerts zoals reeds gezegd)

Probeer eerder reeds een hidden button in je pagina te zetten en die te tonen (puus CSS dus, niet element types)

[ Voor 0% gewijzigd door wouwie op 06-10-2009 16:09 . Reden: typo ]

[.oisyn]

D34F schreef op dinsdag 06 oktober 2009 @ 16:03:
In IE verdwijnt de knop niet en er verschijnt ook geen andere knop. Hij voert de onclick dus niet uit.

Beetje voorbarige conclusie. Dat je code niet goed werkt betekent niet meteen dat hij niet wordt aangeroepen. Door die conclusie echter wel te trekken zoek je het probleem compleet op de verkeerde plek

Als ik na erop geklikt te hebben de broncode bekijk zie ik ook dat er niks is veranderd.

Hoe bedoel je, de broncode bekijken? Met rechts-klikken en dan view source? Dat laat natuurlijk de pagina zien zoals hij is geserveerd. Het feit dat je met javascript dingen aan het aanpassen bent betekent niet dat de bron ook wijzigt. Daarvoor zul je een DOM inspector moeten gebruiken (installeer de IE developer toolbar)

[MueR]

wouwie schreef op dinsdag 06 oktober 2009 @ 16:09:
Je kan een input element niet zomaar van type veranderen in IE, ik denk dus dat de code wel degelijk wordt uitgevoerd (check met alerts zoals reeds gezegd)

Probeer eerder reeds een hidden button in je pagina te zetten en die te tonen (puus CSS dus, niet element types)

QFT. Je zal die elementen of onclick moeten aanmaken, of ze al op de pagina zetten en vervolgens hiden.

[D34F]

Ik heb het opgelost door ipv de type te veranderen de style te veranderen naar display: none;. Dit werkt namelijk wel. Bedankt voor jullie tips.

[_Noldy]

Ging het om IE7,8 of alleen IE6. In dat laatste geval had je het neit hoeven fixen .