Podéis ver un ejemplo...
No sé que os parece, pero a nosotros no nos gusta demasiado el buscador de DotNetNuke. ¿Cuál es el mejor buscador? Google ¿no? Pues os presentamos aquí una sencilla forma de integrarlo con cualquier portal DotNetNuke, restringiendo los resultados que devuelve al portal que más os interese. Podéis ver un ejemplo aquí: fijaos en que se van devolviendo resultados de búsqueda a medida que se escribe, y todo integrado razonablemente bien con la imagen gráfica del portal.
¿Complicado? No creo. Basta con añadir a la página donde queramos poner el buscador un módulo HTML. Insertaremos en el encabezado del módulo (abriendo su configuración) el siguiente código, reemplazando el texto en rojo con nuestro dominio:
<!-- buscador Google -->
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script language="Javascript" type="text/javascript">
<!--
google.load('search', '1.0');
function OnLoad() {
var searchControl = new google.search.SearchControl();
var drawOptions = new google.search.DrawOptions();
drawOptions.setInput(document.getElementById("gss_input"));
var options = new google.search.SearcherOptions();
options.setExpandMode(google.search.SearchControl.EXPAND_MODE_OPEN);
options.setRoot(document.getElementById("gcsResults"));
// options.setNoResultsString("No results found."); <-- This option is broken as of 11/10/2008
searchControl.setLinkTarget(google.search.Search.LINK_TARGET_SELF);
searchControl.setResultSetSize(google.search.Search.LARGE_RESULTSET);
var siteSearch = new google.search.WebSearch();
siteSearch.setSiteRestriction("www.aquieldominio.com");
searchControl.addSearcher(siteSearch, options);
searchControl.draw(null, drawOptions);
}
google.setOnLoadCallback(OnLoad, true);
-->
</script>
A continuación, abrimos el contenido del módulo HTML y, en modo código HTML, insertamos este código:
<div class="BuscadorGoogleForm">Busque en el portal: <input type="text" id="gss_input" size="50" /><hr />
</div>
<div id="gcsResults"> </div>
Esto es lo que realmente muestra el buscador y la lista de resultados, y podemos personalizarlo fácilmente mediante estilos CSS. Lo único que deberemos mantener sin modificar son los identificadores de los dos DIV.