Beste Mensen,

Ik heb hier een code voor een vertaalmachine. In internet explorer krijg ik de vertaling wanneer ik op "vertalen" klik maar in Chrome en Firefox werkt hij niet. Weet iemand de oplossing ? In de div "trans" moet dus de vertaling weergegeven worden.

Code:

<script type="text/javascript">  function translate() {
        document.getElementById('trans').innerHTML="";
        var text= document.getElementById('ori').value;
        window.mycallback = function(response) {
        document.getElementById('trans').innerHTML=response;
        }

        var languageFrom = document.getElementById("select1").value;
        var languageTo = document.getElementById("select2").value;
        var s = document.createElement("script");
        s.src = "http://api.microsofttranslator.com/V2/Ajax.svc/Translate?oncomplete=mycallback&appId=8B841CA7C1A03443682C52AD07B7775A7BD5B3AA&from=" + languageFrom + "&to=" + languageTo + "&text=" + text;
        document.getElementsByTagName("head")[0].appendChild(s);
    }



    </script>


<input id="ori" type="text" />
<br>
Van: <select id="select1">
<option value="en">En</option>
<option value="nl">Nl</option>
</select>
Naar: <select id="select2">
<option value="nl">Nl</option>
<option value="en">En</option>
</select>
<br><br><button onclick="translate()">Vertalen</button>
<div id="trans"></div>
<br>

Firefox/Chrome moeten volgens mij het type-attribuut erbij hebben. Probeer eens <button type="button" onclick="translate()">Vertalen</button>

Dankje voor je antwoord, maar het werkt helaas niet.

Bij mij werkt bovenstaande code wel in Firefox maar inderdaad niet in Chrome. Chrome geeft de foutmelding "Boolean is not a function" en Google bracht me al snel bij een aantal StackOverflow threads, waaruit zou blijken dat de functienaam die je gebruikt ("translate") een gereserveerde term is binnen Chrome zelf. Hernoem de functie (en het aanroepen op de onclick natuurlijk) eens naar "vertalen" bijvoorbeeld en test dat eens.

Edit: zelf getest en werkt nu ook hier in Chrome.