Todos os nossos Mecanismos de pesquisa personalizados do Google são configurados (configuramos um diferente para cada seção do site). Nossa IU para pesquisa está pronta para uso. Temos modelos prontos para cada subpágina de resultados de pesquisa. Só temos uma etapa final para juntar tudo: fazer os pequenos links “Pesquisar em:” funcionarem.
Fizemos tanta preparação aqui que vai ser muito fácil. Tudo o que precisamos fazer é alterar o actionatributo no formulário que hospeda nosso formulário de pesquisa quando você clica em diferentes áreas para pesquisar.
Para cada um dos links “Pesquisar em:”, forneceremos um data-urlatributo. Este atributo conterá o valor que pretendemos mover para o actionatributo do formulário quando o link for clicado. Isso é exatamente o que fazemos em apenas algumas linhas de JS. Discutimos brevemente como o método .attr () pode ser tanto um “getter” quanto um “setter”, algo comum em jQuery.
Passamos o resto do tempo escrevendo um pouco de CSS e jQuery extra para definir uma classe "ativa" nos links, de modo que quando um usuário clicar em "Fóruns" (ou qualquer um dos outros), eles recebam feedback de que essa limitação de pesquisa está atualmente ativo (fica branco e sublinhado, como o padrão).
