Блог осваивающегося web-программиста

Поселяем поиск по YouTube (и не только) в Оперу.

Недавно в очередной раз юзая быстрый поиск по Википедии через поисковое поле в Опере, подумал, что давно пора бы добавить в этот список несколько дополнительных, наиболее часто используемых поисковых серверов.

Сложного в этом ничего нет, особенно при знании как работают формы в html, но даже если с этим проблемы - не беда, в большинстве случаев можно обойтись и без знаний (а можно и разобраться).

хттп=http ;)

Метод первый. Самый простой.

1. Открываем страничку с нужным нам поиском.
2. Тыкаем курсором в нужное поисковое поле на этой страничке, жмем правую кнопку мыши, выбираем Создать поиск...
3. Смотрим, если что-то хотим изменить - изменяем.
4. Наслаждаемся результатом.

В некоторых ситуациях может не сработать (пример тому – torrents.ru), виной этому может быть использованный в форме JavaScript.

Метод второй.

Простой, но работающий только с GET запросами.
(Запросы бывают двух типов - GET, когда данные из формы передаются через url и видны в адресной строке браузера, и POST когда данные передаются в теле запроса и при этом пользователю не видны).

Этот метод жутко прост. Заходим на http://www.youtube.com/ , вводим в поисковое поле какое-то слово или значение, например 12345, жмем кнопку Поиск, смотрим в адресную строку браузера, видим примерно следующее:

хттп://www.youtube.com/results?search_type=&search_query=12345&aq=f

теперь в адресе нашу строку 12345 нужно заменить на %s, и можно добавлять в Оперу.

Из меню заходим в Инструменты- >Настройки (Ctrl+F12), на вкладке Поиск, жмем кнопку Добавить и вводим следующие данные:

Название: YouTube
Клавиша: yt
Адрес: http://www.youtube.com/results?search_type=&search_query=%s&aq=f



Вот собственно и все, таким методом можно добавить практически все интересующие вас поиски.

Метод третий.

Наиболее сложный, но всегда работающий.
(Если хочется понять, что, как, и почему).

Для начала немного теории.
Отправка на сервер поискового запроса осуществляется с помощью формы, то есть для начала нам нужно найти форму, отвечающую за поиск. Форма начинается с тега < form > и заканчивается тегом < /form >. Внутри формы объявлены поля, имена и значения которых будут передаваться на сервер, т.е. кроме поля куда мы вводим слово которое хотим найти, могут быть еще и скрытые поля, которые мы не видим, они передают различную служебную информацию. Необходимо найти нужную нам форму (их может быть несколько на странице) и для удобства скопировать ее полностью в какой либо текстовый редактор. Далее нужно изучить ее, выяснить имена всех полей передаваемых на сервер, и их значения, и затем составить поисковый запрос.

Не люблю много нудной теории, поэтому переходим сразу к практике, на примере поиска по YouTube.

Заходим на http://www.youtube.com/ , видим поисковое поле с кнопкой поиска, видим что слово "Поиск" на кнопке копируется, то есть кнопка - не рисунок, значит можно поискать нужную нам форму через это слово. Открываем исходный код страницы (Ctrl+U в Опере), и поиском (Ctrl+F) ищем форму...

Ахха! Попалась! Вот так выглядит искомый кусок кода:



Выглядит довольно-таки ужасно, но если убрать все не нужное нам, получится гораздо нагляднее:



Попробуем сформировать поисковый запрос. Т.к. форма находится на страничке http://www.youtube.com а в атрибуте action формы прописано /results, получаем адрес http://www.youtube.com/results, теперь определимся с тем, что мы будет отправлять в запросе.

Ставим знак вопроса в конце адреса, это будет говорить о том, что все что будет далее - переменные (имена полей) и содержащаяся в них информация (значения), т.е. проще говоря, если есть поле, имя которого например field, а значение к примеру 12345 (< input name="field" value="12345" >) то в запросе это будет выглядеть так:

хттп://www.site.com/results?field=12345

если таких полей будет несколько, то они будут разделяться знаком амперсанда:

хттп://www.site.com/results?field1=12345&field2=67890

Теперь смотрим на нашу форму, у нас два поля и оба пусты, получаем следующее:

хттп://www.youtube.com/results?search_type=&search_query=

Как подсказывает интуиция само поисковое слово, введенное нами должно находиться в поле search_query (если отбросить интуицию, у этого поля есть атрибут type="text", что означает что это текстовое поле, в которое пользователь может что-либо ввести, если type="hidden" - поле скрытое), это означает что введенное поисковое слово должно находиться именно в этом поле. В Опере фраза (слово) введенное в поисковое поле обозначается как %s , т.е. нужный нам запрос будет выглядеть так:

хттп://www.youtube.com/results?search_type=&search_query=%s

Проверим, подставив вместо %s какое либо слово, и перейдя по этому адресу:

http://www.youtube.com/results?search_type=&search_query=video

Если все работает, значит можно добавлять. О том, как это сделать написано выше, в методе втором.

Так получилось, что решил я разместить несколько страничек с инфой на каком либо бесплатном хосте.

Так как там всего пару статичных страничек, решил не заморачиваться с поиском хостинга с пхп мускулем и тд, а остановился на бесплатном http://by.ru .

Сразу отмечу, что из скриптов исполняемых на стороне сервера разрешен только SSI (Server Side Includes, а если не умничать - то это простое средство, которое позволяет подгружать какие либо файлы при загрузке текущего, т.е. если у вас например шапка и подвал сайта одинаковы, а изменяется только блок с контентом, то можно код шапки и подвала вынести в отдельные файлы, а в каждом файле контента вставлять специальные строчки кода, на место которых будут автоматически подгружаться нужные файлы. Удобно тем, что решив изменить что либо в шапке или подвале, или даже их целиком, вам не придется открывать все файлы и там вручную это менять, достаточно изменить только один).

О плюсах этого хостинга говорить не буду, расскажу только о том с какими проблемами можно столкнуться.

1. Сервер часто лежит, не минутами, не часами, а сутками напролет.
2. Российский трафик всегда должен превышать зарубежный, в противном случае человек из зарубежа при обращении к сайту по адресу например my-site.by.ru, получит ошибку 403 - доступ закрыт, хотя обратившись по my-site.by.ru/index.html нужная страничка откроется.
3. Реклама Google Adsense расположена в самом верху, прямо над сайтом, неприятно, но с этим можно было бы смириться, если б не:
   1) в разных браузерах она отображается по разному, и не редко очень убого, например, по левому краю когда сам сайт расположен по центру.
   2) из-за нее красивый валидный код странички превращается в ...(без комментариев).
   3) как следствие "поломанной" валидности, может пострадать и сам сайт, некоторые вещи начинают отображаться совсем не так как нужно.
4. Саппорт. Не знаю, проигнорировали ли только меня или так со всеми, но написав о проблемах с сайтом из-за кривости вставки рекламы, и попросив, чтобы ее хотя бы отцентрировали, даже ответа "фигвам" я не дождался.

Изрядно промучившись впервые устанавливая Apache, PHP и MySQL, подумал, что неплохо было бы накатать небольшую статейку для совсем-совсем начинающих, каким был я. Подумал да и забыл (точнее забил).

Вот недавно пришлось устанавливать снова, только вот досада, уже не помню толком чё и где в конфигах подправлять надо :)) поэтому решил все-таки потрудиться и по ходу действия написать, авось и поможет кому-то, а в первую очередь мне, сам же буду смотреть, когда снова придется устанавливать ;)

Пока старательно занимался этим делом в свободное время, гляжу а уже новая версия и апача и пхп выйти успела :(

Но самое смешное, что совсем немного погуглив, понял что таких руководств и без меня хватает, чёрт подери — неужели я раньше так плохо пользовался гуглом??

Собственно линк — http://setup-info.by.ru/index.shtml

ПО ПРИЧИНЕ ТОГО, ЧТО ХОСТИНГ ПЕРИОДИЧЕСКИ ЛЕЖИТ ПО НЕСКОЛЬКО ДНЕЙ, ПОДГОТОВИЛ ВЕРСИЮ ДЛЯ СКАЧИВАНИЯ В ФОРМАТЕ .chm

Скачать можно отсюда или отсюда.

Вот и я наконец-то обзавёлся блогом, хотелось бы верить, что когда-нибудь кто-то найдет здесь что-нибудь интересное и полезное :)