Archivo de Autor
Buscadores web en javaScript
JavaScript permite crear un motor de búsqueda básico, para diseño web potente y vistoso. Este buscador implementa busquedas en el titulo, en la descripción de las páginas y en las palabras clave. Para ello, esta información debe codificarse en el propio script, en un array. Su estructura es muy sencilla: cada página de tu sitio web es un elemento [...]
Lectura de parametros
Para determinados efectos es muy útil pasar parámetros a un página HTML. Para un ejemplo de desarrollo web típico es la necesidad de mostrar imágenes diferentes en una página: pude pasar el nombre de la imagen y su ancho a una plantilla generérica. <script language=”javascript” type=”text⁄javascript”> function getVar(nomb){ var url = document.location.href if ( url.indexOf(nomb) != -1 ) { posiBeg = url.indexOf(“=”, url.indexOf(nomb)) barre = url.indexOf(“&”, posiBeg) posiEnd = (barre != -1 ? barre : url.length) return url.substring(posiBeg + 1,posiEnd) } else { ⁄⁄informa de la ausencia del parametro return ’Parámetro no encontrado.’ } [...]
Alertas automaticas
Para los que deseen abrir un cuadro de diálogo cuando el visitante entre en su página, con el típico mensaje ¡Bienvenido a mi página Web! (o cualquier otro similar), con un diseno web de un ejemplo sencillo de cómo hacerlo con JavaScript. <script language=”javascript” type=”text⁄javascript”> ⁄⁄cambia este valor para modificar el tiempo que tarda en aparecer el mensaje var lapso = 2000 function AutoMensaje() { setTimeout(“MuestraMensaje(‘¡Bienvenido!’)”, lapso) } function MuestraMensaje(mensaje) { alert(mensaje) } window.onload = AutoMensaje if (document.captureEvents) { ⁄⁄N4 requiere invocar la funcion captureEvents document.captureEvents(Event.LOAD) } <⁄script> [...]
Confirmación previa
Este sencillo script para un desarrollo web ilustra el uso del método confirm() del objeto window. Este método muestra un cuadro de confirmación con los botones de “Aceptar” y “Cancelar”, y devuelve verdadero (true) o falso (false) en función del botón que pulse el usuairo. <script language=”javascript” type=”text⁄javascript”> function siono() { if (!confirm(“AVISO: ¿Deseas entrar a este sitio?”)) history.go(-1) return ” ” } document.write(siono()) <⁄script>
Pop-up para visitas
Para alertar sobre un nuevo servicio o funcionalidad de un desarrollo web es frecuente usar ventanas pop-up que se abren en una pequña ventana nada más cargar la página y se muestran delante de esta. Estas ventanas obligan al usuario a cerrarlas o minimizarlas cada vez que se entra en la página. Por ello conviene controlar [...]
Maximizar ventanas
Presentación de un código cuya utilidad en desarrollos web agradece a más de un webmaster. Se trata de una forma simple y eficaz de lograr que una página maximice la ventana en la que se ha cargado, mostrándose así a pantalla completa. <script language=”javascript” type=”text⁄javascript”> ⁄⁄posiciona en la esquina superior izquierda top.window.moveTo(0,0) if (document.all) { ⁄⁄si es el IE, usamos resizeTo para redimensionar top.window.resizeTo(screen.availWidth,screen.availHeight) } else if ( document.layers || document.getElementById ) { ⁄⁄si Navigator, modificamos los valores de outerHeight y outerWidth if ( top.window.outerHeight < screen.availHeight || top.window.outerWidth < screen.availWidth ) { top.window.outerWidth = screen.availWidth top.window.outerHeight = screen.availHeight } } <⁄script>
Pop-up único en javaScript
Si queremos utilizar una ventana pop up para advertir de algún cambio o novedad en nuestro site o desarrollo web, mostrar esta ventana sólo la primera vez que el usuario visite la página. La reiteración en la apertura del mismo pop up es una de las cosas que más molesta a todos los internautas. <script language=”javascript” type=”text⁄javascript”> function GetCookie(nombre) { var Arg = nombre + ”=” var longArg = Arg.length var longCookie = document.cookie.length [...]
Creador de marcos
Cuando nuestras páginas se cargan dentro de una estructura de marcos mediante el desarrollo web vemos que en ocasiones resulta complejo mantener las diferentes páginas que crean dicha estructura. Presentamos un ejemplo muy práctico que posibilita crear plantillas de estructuras de marcos para cargar después en cada uno de ellos la página que deseemos. <script language=”javascript” type=”text⁄javascript”> [...]
Ventana común en javaScript
Este pequeño script de diseño web abre una página HTML en una ventana nueva, sin barras de herramientas, de estado ni de direcciones, y sin menú. Para visualizar solo pulsa el botón Abrir. Para cerrar la ventana, puede utilizarse el botón Cerrar que aparece en la propia ventana. <script language=”javascript” type=”text⁄javascript”> function MostrarVentana(url) { ventana = open(url,”ventana”,”scrollbars=yes,status=no,toolbar=no,directories=no,menubar=no,resizable=yes,width=620,height=350″) } <⁄script>
JavaScript sin barra de herramientas
El enlace de desarrollo web carga una página que elimina la barra de herramientas, la barra de dirección y la barra de estado de la ventana del navegador en que se carga. <script language=”javascript” type=”text⁄javascript”> function CargaPagina() { window.document.open(“”, ”_self”, ”toolbar=no”) window.document.close() } <⁄script>
