Recherche de mot Ajax de google.com/dictionary

Question

caveat: Je ne sais pas comment écrire ajax ou javascipt. Je veux utiliser le dictionnaire de google.com/dictionary sur le site de mon école. Je veux utiliser le dictionnaire de google.com/dictionary. Tout comme le moteur de recherche personnalisé disponible auprès de Google. Je pense que le moyen le plus simple est d'utiliser l'URL et de passer le mot comme paramètre, et d'obtenir les résultats dans une div située sous le champ de recherche.

donc je besoin d'un formulaire où mes élèves tapent le mot qu'ils recherchent et puis ce mot est inséré dans l'emplacement approprié dans l'URL http://www.google.com/dictionary?aq=f&langpair=en|en&q=WORD INSERE ICI & hl = fr

Ensuite, les résultats doivent être affiché au même endroit que le champ de recherche, mes élèves ne naviguent donc pas vers une autre page.

Est-ce que cela peut être fait? Si oui, comment?

Toute aide serait appréciée.

Answer 1

Malheureusement, la plupart des navigateurs limitent les requêtes Ajax d'un domaine à un autre, de sorte que vous ne pouvez pas facilement passer un appel ajax à google.com par exemple.

Si vous êtes ouvert à l'utilisation d'un iframe, le code ci-dessous pourrait vous intéresser. Ce n'est pas tout à fait aussi joli.

<script> 

function search(word) { 
    var url = "http://www.google.com/dictionary?aq=f&langpair=en|en&q=" + word; 
    document.getElementById("searchResult").src = url; 
    showIframe(); 
} 
function showIframe() { 
    document.getElementById("searchResult").style.display = ""; 
} 

function toggleIframe() { 
    var display = document.getElementById("searchResult").style.display; 
    if (display == "none") { 
     display = ""; 
    } else { 
     display = "none" 
    } 
    document.getElementById("searchResult").style.display = display; 
} 
</script> 

<input type="text" id="word"/> 
<input type="button" value="submit" onclick="search(document.getElementById('word').value)"/><br> 
<a href="#" onclick="toggleIframe()">Toggle results</a><br/> 
<iframe id="searchResult" width="500" height="200"></iframe>