VPF::Реализация поиска от Google API - Форум программистов

ВикторияНимфа

Дата 26.4.2013, 16:41 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 1
Регистрация: 26.4.2013

Репутация: нет
Всего: нет

Нужно сделать простой сайт веб-поиска, как Google. Главная страница должна состоять из текстовое поле и кнопку "Поиск".

Когда пользователь нажимает кнопку "Поиск", то AJAX запрос должен быть отправлен на ваш веб-сайт поиска обработчика.

Поиск обработчик получает результаты поиска от Google API и возвращает это результаты обратно клиенту.

Клиент JavaScript обработчик получает данные из JSON ответа AJAX, HTML делает презентацию результатов и вставляет это в HTML страницы динамически.

Когда пользователь выполняет поиск еще раз, то новые результаты должны заменить старые на странице.

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>-- Google Web Search API Sample -- </title>
    <script src="https://www.google.com/jsapi" type="text/javascript"></script>
    <script language="Javascript" type="text/javascript">
 
        google.load("search", "1", { "css": true }, /*{ "nooldnames": true },*/{"language": "ru" });
 
        function OnLoad() {
            var searchControl = new google.search.SearchControl(null);
 
            var localSearch = new google.search.LocalSearch();
            searchControl.addSearcher(localSearch);
            searchControl.addSearcher(new google.search.WebSearch());
            searchControl.addSearcher(new google.search.VideoSearch());
            searchControl.addSearcher(new google.search.BlogSearch());
            searchControl.addSearcher(new google.search.NewsSearch());
            searchControl.addSearcher(new google.search.ImageSearch());
            searchControl.addSearcher(new google.search.BookSearch());
 
            localSearch.setCenterPoint("Belarus");
 
            searchControl.draw(document.getElementById("searchcontrol"));
 
            searchControl.execute("");
        }
        google.setOnLoadCallback(OnLoad);
    </script>
</head>
<body>
    <div id="searchcontrol">
        Loading</div>
</body>
</html>

На этом я зависла....
помогите довести до конца

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »