# 95: JavaScript vairākām Google pielāgotajām meklētājprogrammām - CSS-triki

Satura rādītājs

Ir iestatītas visas mūsu Google pielāgotās meklētājprogrammas (katrai vietnes sadaļai mēs iestatām atšķirīgu). Mūsu lietotāja saskarne meklēšanai ir gatava darbam. Mums ir sagatavotas veidnes katrai meklēšanas rezultātu apakšlapai. Mums ir tikai viens pēdējais solis, lai viss būtu sasiets kopā: lai mazās saites “Meklēt:” darbotos.

Mēs šeit esam paveikuši tik daudz sagatavošanās darbu, tas būs diezgan viegli. Viss, kas mums jādara, ir jāmaina actionatribūts veidlapā, kurā atrodas mūsu meklēšanas forma, kad noklikšķināt uz dažādām jomām, lai meklētu. Vienkārši bezgaumīgi jQuery sīkumi, ja es to kādreiz esmu redzējis.

Katrai saitei “Meklēt:” mēs piešķirsim tai data-urlatribūtu. Šis atribūts saglabās vērtību, kuru mēs plānojam pārvietot uz actionformas atribūtu, kad tiek noklikšķināts uz saites. Tas ir tieši tas, ko mēs darām tikai pāris JS rindās. Mēs īsi apspriežam, kā .attr () metode var būt gan “getter”, gan “seter”, kas ir izplatīta lieta jQuery.

Mēs pavadām atlikušo laiku, rakstot nedaudz papildu CSS un jQuery, lai iestatītu saitēm “aktīvo” klasi, lai, kad lietotājs noklikšķina uz “Forumi” (vai jebkura cita), viņš saņemtu atsauksmes, ka šis meklēšanas ierobežojums pašlaik ir spēkā. aktīvs (kļūst balts un pasvītrots, tāpat kā noklusējums).

Interesanti raksti...