Скрипт для юкоз - Система поиска в интернете на вашем сайте
2-03-2012, 18:07. Разместил: without_face
Скрипт для юкоз - Система поиска в интернете на вашем сайте
В многих блогах задаются вопросы, а как сделать чтобы пользователи могли пользоваться поиском прямо на сайте, и чтобы все стили могли изменить мы сами. То есть надо создать свой поисковик на сайте, типа как в многих крупных поисковых систем... Конечно мы свой поисковик создавать не будем, но воспользуемся функцией Google API, с помощью Google API мы сможем создать очень красивую страницу для поиска, как на сайте как и в интернете Вставьте в HTML файл эту готовую страницу:
<!DOCTYPE html>
<html>
<head>
<ul id="menu">
<li><a href="http://google.com" title="Главная"><img src="http://isu-ucoz.3dn.ru/a_scripts/h/home.png" alt="Home"
class="home" /></a></li>
<li><a href="http://skript.kz/forum" title="Форум поддержки">Форум поддержки</a></li>
<li><a href="#" title="Блог">Блог</a></li>
<li><a href="#" title="Товары">Товары</a></li>
<li><a href="#" title="О нас">О нас</a></li>
</ul>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Поиск по сайту с использованием Google | Демонстрация</title>
<link rel="stylesheet" type="text/css" href="http://isu-ucoz.3dn.ru/a_scripts/h/styles.css" />
</head>
<body>
<div id="page">
<h1 id="home"><a href="#" class="s"></a></h1>
<form id="searchForm" method="post">
<fieldset>
<input id="s" type="text" />
<input type="submit" value="Submit" id="submitButton" />
<div id="searchInContainer">
<input type="radio" name="check" value="site" id="searchSite" checked />
<label>Поиск по Isu-uCoz.3dn.Ru</label>
<input type="radio" name="check" value="web" id="searchWeb" />
<label for="searchWeb">Поиск в Интернет</label>
</div>
<ul class="icons">
<li class="web" title="Страницы" data-searchType="web">Страницы</li>
<li class="images" title="Изображения" data-searchType="images">Изображения</li>
<li class="news" title="Новости" data-searchType="news">Новости</li>
<li class="videos" title="Видео" data-searchType="video">Видео</li>
</ul>
</fieldset>
</form>
<div id="resultsDiv"></div>
</div>
<!-- Нижная часть | меню страницы начало -->
<p class="credit"><a href="#">Ссылка</a><a href="#">Ссылка</a><a href="#">Ссылка</a><a href="#">Ссылка</a><a
href="#">Ссылка</a><a href="#">$POWERED_BY$</a></p>
<!-- Нижная часть | меню страницы конец-->
<script src="http://isu-ucoz.3dn.ru/a_scripts/h/jquery.min.js"></script>
<script src="http://isu-ucoz.3dn.ru/a_scripts/h/script.js"></script>
</body>
</html>
<html>
<head>
<ul id="menu">
<li><a href="http://google.com" title="Главная"><img src="http://isu-ucoz.3dn.ru/a_scripts/h/home.png" alt="Home"
class="home" /></a></li>
<li><a href="http://skript.kz/forum" title="Форум поддержки">Форум поддержки</a></li>
<li><a href="#" title="Блог">Блог</a></li>
<li><a href="#" title="Товары">Товары</a></li>
<li><a href="#" title="О нас">О нас</a></li>
</ul>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Поиск по сайту с использованием Google | Демонстрация</title>
<link rel="stylesheet" type="text/css" href="http://isu-ucoz.3dn.ru/a_scripts/h/styles.css" />
</head>
<body>
<div id="page">
<h1 id="home"><a href="#" class="s"></a></h1>
<form id="searchForm" method="post">
<fieldset>
<input id="s" type="text" />
<input type="submit" value="Submit" id="submitButton" />
<div id="searchInContainer">
<input type="radio" name="check" value="site" id="searchSite" checked />
<label>Поиск по Isu-uCoz.3dn.Ru</label>
<input type="radio" name="check" value="web" id="searchWeb" />
<label for="searchWeb">Поиск в Интернет</label>
</div>
<ul class="icons">
<li class="web" title="Страницы" data-searchType="web">Страницы</li>
<li class="images" title="Изображения" data-searchType="images">Изображения</li>
<li class="news" title="Новости" data-searchType="news">Новости</li>
<li class="videos" title="Видео" data-searchType="video">Видео</li>
</ul>
</fieldset>
</form>
<div id="resultsDiv"></div>
</div>
<!-- Нижная часть | меню страницы начало -->
<p class="credit"><a href="#">Ссылка</a><a href="#">Ссылка</a><a href="#">Ссылка</a><a href="#">Ссылка</a><a
href="#">Ссылка</a><a href="#">$POWERED_BY$</a></p>
<!-- Нижная часть | меню страницы конец-->
<script src="http://isu-ucoz.3dn.ru/a_scripts/h/jquery.min.js"></script>
<script src="http://isu-ucoz.3dn.ru/a_scripts/h/script.js"></script>
</body>
</html>
Вернуться назад