Todos nuestros motores de búsqueda personalizados de Google están configurados (configuramos uno diferente para cada sección del sitio). Nuestra interfaz de usuario para la búsqueda está lista para funcionar. Tenemos plantillas para cada subpágina de resultados de búsqueda listas para usar. Solo tenemos un paso final para unir todo: hacer que funcionen los pequeños enlaces "Buscar en:"
Hemos hecho tanta preparación aquí que será bastante fácil. Todo lo que tenemos que hacer es cambiar el actionatributo en el formulario que alberga nuestro formulario de búsqueda cuando hace clic en diferentes áreas para buscar. Cosas fáciles de jQuery si alguna vez las he visto.
Para cada uno de los enlaces "Buscar en:", le asignaremos un data-urlatributo. Este atributo tendrá el valor que pretendemos mover al actionatributo del formulario cuando se hace clic en el enlace. Eso es exactamente lo que hacemos en solo un par de líneas de JS. Discutimos brevemente cómo el método .attr () puede ser tanto un "getter" como un "setter", algo común en jQuery.
Pasamos el resto del tiempo escribiendo un poco más de CSS y jQuery para establecer una clase "activa" en los enlaces, de modo que cuando un usuario haga clic en "Foros" (o en cualquiera de los otros), obtenga comentarios de que esa limitación de búsqueda es actualmente activo (se vuelve blanco y subrayado, como el predeterminado).
