Ajax поиск слова с google.com/dictionary - PullRequest
Новая
       19

Ajax поиск слова с google.com/dictionary

0 голосов
/ 17 декабря 2009

Предостережение: я не знаю, как написать ajax или javascipt.

Я хочу использовать словарь google.com/dictionary на своем школьном веб-сайте. Очень похоже на пользовательскую поисковую систему, доступную в Google.

Я полагаю, что самый простой способ - использовать URL и передать слово в качестве параметра, а результаты заполнить в div, расположенном под окном поиска.

Поэтому мне нужна форма, в которой мои студенты вводят слово, которое они ищут, и затем это слово вставляется в нужное место в URL http://www.google.com/dictionary?aq=f&langpair=en|en&q=WORD ВСТАВЛЕНО ЗДЕСЬ & hl = ru

Затем результаты должны отображаться в том же месте, что и окно поиска, чтобы мои ученики не переходили на другую страницу.

Можно ли это сделать? Если так, то как?

Любая помощь будет оценена.

1 Ответ

1 голос
/ 17 декабря 2009

К сожалению, большинство браузеров ограничивают запросы Ajax от одного домена к другому, поэтому вы не можете легко сделать, например, ajax-вызов google.com.

Если вы открыты для использования iframe, приведенный ниже код может вас заинтересовать. Это просто не так красиво. 

<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>
...