#95: JavaScript für mehrere benutzerdefinierte Google-Suchmaschinen

Alle unsere benutzerdefinierten Google-Suchmaschinen sind eingerichtet (wir haben für jeden Bereich der Website eine andere eingerichtet). Unsere Benutzeroberfläche für die Suche ist einsatzbereit. Wir haben Vorlagen für jede Suchergebnisseite bereit. Wir haben nur noch einen letzten Schritt, um alles miteinander zu verbinden: die kleinen „In suchen:“ Links zum Laufen zu bringen.

Wir haben hier so viel vorbereitet, das wird ziemlich einfach. Alles, was wir tun müssen, ist, das action -Attribut des Formulars zu ändern, das unser Suchformular enthält, wenn Sie auf verschiedene Bereiche zum Suchen klicken. Einfache jQuery-Sachen, wenn ich je welche gesehen habe.

Für jeden der „In suchen:“ Links geben wir ihm ein data-url -Attribut. Dieses Attribut enthält den Wert, den wir beim Klicken auf den Link in das action -Attribut des Formulars verschieben möchten. Genau das tun wir in nur ein paar Zeilen JS. Wir besprechen kurz, wie die .attr()-Methode sowohl ein „Getter“ als auch ein „Setter“ sein kann, eine übliche Sache in jQuery.

Den Rest der Zeit verbringen wir damit, ein wenig zusätzlichen CSS und jQuery zu schreiben, um den Links eine „active“ Klasse zuzuweisen, damit Benutzer, wenn sie auf „Foren“ (oder eine der anderen Optionen) klicken, Feedback erhalten, dass diese Suchbeschränkung derzeit aktiv ist (wird weiß und unterstrichen, wie im Standard).