Cómo implementar una búsqueda web e imagen en HTML

Necesitará algo de JavaScript involucrado.

A continuación se muestra el código fuente completo.

Búsqueda de Google

función submitSearchForm (botón) {
var googleSearchForm = document.getElementById (“google-search-form”);
if (button.id == ‘google-web-search-button’) {
googleSearchForm.action = ‘http://www.google.com/search’;
} else if (button.id == ‘google-image-search-button’) {
googleSearchForm.action = ‘http://images.google.com/images’;
}
googleSearchForm.method = ‘get’;
googleSearchForm.submit ();
}

Este es un ejemplo bastante específico, y supongo que la mayoría de los complementos serían más “widgety”. Si estuviera creando esto, primero crearía el diseño de página, envolviendo cada “página de resultados” en un solo div .

Luego, cuando el usuario hace clic en “Mostrar más resultados”, puede usar uno de los métodos AJAX de jQuery para cargar más “páginas” de imágenes.