# 95: JavaScript за множество Google Персонализирани търсачки - CSS-трикове

Съдържание

Всички наши Google Персонализирани търсачки са настроени (ние създаваме различна за всеки раздел от сайта). Нашият потребителски интерфейс за търсене е готов за работа. Имаме готови за работа шаблони за всяка подстраница с резултати от търсенето. Имаме само една последна стъпка, за да свържем всичко заедно: накарайте малките връзки „Търсене в:“ да работят.

Направихме толкова много подготовка тук, това ще бъде доста лесно. Всичко, което трябва да направим, е да променим actionатрибута във формуляра, в който се намира нашата форма за търсене, когато щракнете върху различни области за търсене.

За всяка от връзките „Търсене в:“ ще му дадем data-urlатрибут. Този атрибут ще съдържа стойността, която възнамеряваме да преместим в actionатрибута на формуляра при щракване върху връзката. Точно това правим само в няколко реда JS. Накратко обсъждаме как методът .attr () може да бъде едновременно „getter“ и „setter“, често срещано нещо в jQuery.

Прекарваме останалото време в писане на малко допълнителни CSS и jQuery, за да зададем „активен“ клас на връзките, така че когато потребителят щракне върху „Форуми“ (или някой от останалите), той да получи обратна връзка, че ограничението за търсене в момента е активен (става бял и подчертан, както по подразбиране).

Интересни статии...