Archivo de Autor
Combinación de URL
Con este ejemplo de desarrollo web se implementa un salto automático o redireccionamiento hacia otra URL unos instantes después de que se haya terminado la carga de la página. Utilizado para cuando se quiere mostrar una página de título que después de unos segundos da paso a la página principal del sitio. <script language=”javascript” type=”text⁄javascript”> function AutoCarga() { setTimeout(“CargaPagina(‘http:⁄⁄www.disenoweb.org’)”, 5000) [...]
Redireccionamiento de sitio
En este ejemplo de diseño web redirigir otra URL tras cargar la página, muestrando el tiempo que falta para la redirección en la barra de estado del navegador, a modo de cuenta atrás. El tiempo que tarda en redirigir a la nueva página se configura en la variable tiempo_cuenta_atras. La función cuentaAtras() se llamandose a si misma cada segundo, [...]
Agregar favoritos en su sitio
Para fidelizar a los visitantes podes facilitarles la inclusión de las página en los favoritos del Internet Explorer. Este ejemplo para diseño web muestra en la página un enlace que al pulsarlo abre de forma automática la ventana de añadir a favoritos del Internet Explorer, complenta automáticamente los campos necesarios. <script language=”javascript” type=”text⁄javascript”> var direccion = ”http://disenoweb.org” var titulo = ”Mensaje” function Favoritos() { if ((navigator.appName == ”Microsoft Internet Explorer”) && (parseInt(navigator.appVersion) >= 4)) { document.write(‘<p><a href=”javascript:window.external.AddFavorite(direccion, titulo);” ’) document.write(‘onMouseOver=” window.status=’) [...]
Añadir scrolling vertical
Con el diseño web se puede realizar un scrolling vertical automático del marco superior, proporcionando unos controles en el inferior que permiten, la selección de la velocidad del scrolling (periodo), seleccionar el número de pixels que desplaza la ventana cada vez (paso), detener el scrolling, y iniciarlo en cualquier sentido (arriba o abajo). <script language=”javascript” type=”text⁄javascript”> var AvanceOn = false var AvanceID = null var RetrocesoOn = false var RetrocesoID = null function avanzar() { var y = document.forms["controles"].incremento.value var t = document.forms["controles"].periodo.value window.scrollBy(0, y) AvanceID = setTimeout(“avanzar()”, t) [...]
JavaScript para su sitio
La versión de JavaScript de diseño web soporta el navegador de los visitante .Teniendo en cuenta no sólo la versión del navegador, sino también el fabricante del mismo, detectando la versión de JavaScript para los navegadores de Netscape, Microsoft y Opera. <script language=”javascript” type=”text⁄javascript”> ⁄⁄pasa a minusculas el agente para facilitar las comparaciones var agt = navigator.userAgent.toLowerCase() ⁄⁄obtiene la variable para controlar la version del navegador var Version = parseInt(navigator.appVersion) ⁄⁄para IE5, esto devuelve 4 var VersionTotal = parseFloat(navigator.appVersion) ⁄⁄Netscape Navigator var NAV = ((agt.indexOf(‘mozilla’)!=-1) && (agt.indexOf(‘spoofer’)==-1) && (agt.indexOf(‘compatible’) == -1) && (agt.indexOf(‘opera’)==-1) && (agt.indexOf(‘webtv’)==-1)) var NAV2 = (NAV && (Version == 2)) var NAV3 = (NAV && (Version == 3)) var NAV4 = (NAV && (Version == 4)) var NAV5 = (NAV && (Version == 5)) ⁄⁄Microsoft Internet Explorer var IE = (agt.indexOf(“msie”) != -1) var IE3 = (IE && (Version < 4)) var IE4 = (IE && (Version == 4) && (agt.indexOf(“msie 5.0″)==-1) ) var IE5 = (IE && (Version == 4) && (agt.indexOf(“msie 5.0″)!=-1) ) [...]
Menú de navegación en javaScript
La mayoría de los menús de navegación basados en JavaScript que se encuentran en Internet utilizan DHTML, combinan la utilización de capas y estilos para conseguir bonitos efectos de ventanas flotantes y desplegables. El uso de estos menús nos impone restricciones (por ejemplo, navegadores no soportados, enorme peso de los ficheros .js del menú, dificultad de implementación, [...]
Scrolling para los diseños web
Una variante del diseño web propone un script que permite mostrar en una ventana una página desplazandose cíclicamente en sentido vertical. El efecto resultaría más vistoso si no aparece en la ventana la barra de desplazamiento vertical. Sin embargo, esta barra no puede suprimirse, porque su ausencia impide cualquier desplazamiento de la página. <script language=”javascript” type=”text⁄javascript”> var AvanceOn = false var AvanceID = null var y, t var posicion function avanzar() { [...]
Movimiento al cargar sitio
Este script hará que la ventana en que se cargue la página experimente una serie de pequeños movimientos bruscos y aleatorios, lo que destacara su desarrollo web asemejándose a un terremoto. Este efecto es visualmente atractivo, aunque puede resultar molesto, por lo que se ha limitado su duración con un contador de iteraciones que puede configurarse libremente. [...]
Vinculo anti spam
Los SpamBots no interpretan los códigos JavaScript, de manera que si escribes tu email usando variables y funciones de JavaScript, imposibilitas su captura. Diseño web propone un vínculos mailto anti SpamBots permite escribir enlaces mailto. <script language=”javascript” type=”text⁄javascript”> function MailLink (usuario, dominio, tld, texto) { ⁄⁄codifica los caracteres mas significativos var arroba = ’@’ var punto = ’.’ ⁄⁄utiliza variables para ocultar las palabras clave var etiqueta = ’ma’ + ” + ’il’ var dospuntos = ’to:’ var localizador = usuario localizador = localizador + arroba + dominio localizador = localizador + punto + tld ⁄⁄escribe en enlace document.write(‘<a href=”‘ + etiqueta + dospuntos + localizador + ’”>’ + texto + ’<⁄a>’) } <⁄script>
Codificador de spam para email
Normalmente, en una página web introducimos direcciones de correo electrónico usando el atributo mailto: del tag <a href… del HTML. Este atributo es buscado por los robots de los spammers para hacerse con las direcciones de correo publicadas en la página. Para evitarlo una el desarrollo web propone un script que permite ofuscar los vínculos de tipo mailto. <script language=”javascript” type=”text⁄javascript”> function codificaCadena ( cadena ) { [...]
