Hallo,

Ik heb voor de verandering weer een conflict met ons aller Internet Explorer. Ditmaal gaat het om een heel eenvoudig iets, wat toch niet wilt werken.

Hieronder staan enkele lijntjes uit de HTML die wel relevant zijn:

Code:

<input type="text" name="name" id="naam" maxlength="100" />

<select id="onderwerp" name="onderwerp">
                                            <option value="vraag">Vraag</option>
                                            <option value="offerte">Offerte</option>
                                            <option value="website">Website</option>
                                            <option value="Overige">Overige</option>
</select>

<input type="text" id="email" name="email" />

<textarea name="bericht" id="bericht" style="width: 300px; height: 100px;" rows="10" cols="10"></textarea></td><td class="fout" id="rBericht">

Dat is uiteraard niet de hele pagina en slechts enkele stukjes, maar wat je moet weten staat erin. Daarbij heb ik een in Firefox werkend javascript geschreven, maar IE wil dit stukje dus simpelweg niet pakken:

Code:

    naam = document.getElementById('naam').value;
    onderwerp = document.getElementById('onderwerp').value;
    email = document.getElementById('email').value;
    bericht = document.getElementById('bericht').value;

Als ik me niet vergis worden ze alle vier als incorrect gezien door IE, met de volgende melding:

Deze eigenschap of methode wordt niet ondersteund door dit object.

Ondanks veel googelen kom ik er maar niet uit hoe ik dat zo herschrijf dat IE ze wél correct leest.

Enige hulp is welkom!

Jaime

Heb je een jsfiddle, of een online voorbeeld? Je zou ook nog gebruik kunnen maken van jQuery, werkt over het algemeen in alle browsers in 1 keer goed!

Als ik dit soort topics lees ben ik blij dat ik jQuery gebruik...

Ik denk trouwens dat IE moeilijk doet vanwege dezelfde naam in de id en name (zie: http://webbugtrack.blogspot.com/2007...lution-in.html), maar ik kan het mis hebben. Anders moet je even testen wat typeof document.getElementById() terug geeft.

Zoals hierboven al gezegd wordt: kijk eens jaar jQuery. jQuery biedt één oplossing voor de meest gebruikte browsers, zo hoef je zelf niet meer te stoeien om het compatible te krijgen voor alle browsers.

Misschien is "var" de oplossing?

Code:

var naam = document.getElementById('naam').value;
etc

Internet Explorer.. tsja.. maak er maar geen woorden aan vuil.
En zoals bovenstaand. Gebruik Jquery.. er gaat een wereld voor je open. En een wereld vol ergenissen dicht.