Google Пользовательский Поиск с пользовательским полем поиска и кнопкой?
Я пытаюсь сделать Google пользовательским поиском (мне просто нужна своего рода поисковая система на моем сайте), и я должен сделать его так, чтобы я мог использовать свое собственное поле поиска (поле ввода). Мне нужен он для имения точный размер. Я также должен смочь сделать свою собственную кнопку для поиска. Я испытываю необходимость, чтобы смочь изменить размер и фон кнопки поиска. Я еще не абсолютно уверен, но мне, возможно, на самом деле понадобился бы он, чтобы быть регулярным img.
Кто-либо знает, как сделать это?
Если Вы не можете сделать этого с Google, Вы знаете о другом способе сделать это?
Если нет никакого другого пути помимо использования Вашей собственной поисковой системы, могу я, получите ссылку на очень упрощенное учебное руководство о том, как сделать мое собственное. Я готов вставить дополнительную работу для изучения, но я попробовал немного, и после рассмотрения трех различных работ, я сдался, потому что они были очень очень длинны и сбивали с толку. Я надеюсь, что просто смотрел в неправильных местах.
1 ответ
Вот тот, который я использую, вам просто нужно добавить некоторые стили на , который является окном поиска, а < Входное значение = 'myButton' - это кнопка, чтобы щелкнуть
<!-- Google CSE Search Box Begins -->
<center>
<form id="searchbox_XXXXXXXXXX:YYYYYYYYY" action="http://myblog">
<input value="XXXXXXXXXX:YYYYYYYYY" name="cx" type="hidden"/>
<input value="FORID:11" name="cof" type="hidden"/>
<input id="q" style="width:600px;" name="q" size="75" type="text"/>
<input value="MyButton" name="sa" type="submit"/>
</form>
</center>
....
Редактировать : выше мой ответ из 2010 года, я не могу подтвердить, что он работает или нет, но вот одна работа.
<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load('search', '1', {language : 'en'});
google.setOnLoadCallback(function() {
var customSearchControl = new google.search.CustomSearchControl('XXXXXXXXXXXXXXXX:YYYYYYYYYYYYYY');
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
var options = new google.search.DrawOptions();
options.setAutoComplete(true);
customSearchControl.draw('cse', options);
}, true);
</script>
Для получения дополнительной информации: см. https://developers.google.com/custom-search/docs/js/celement-devguide