Skindario - [DHTML] Enlaces dinámicos para el navegador

Portal

Foro

Usuario

Foro

RSS

Estadisticas

Funciones

Afiliados

¿Tu Web Aquí?

Enlázanos

[DHTML] Enlaces dinámicos para el navegador

Portal · Foros · Zona Biblioteca · HTML, Javascript y CSS

Noticias · Buscar · Tags · Imágenes · Usuarios · Fisgona

Autor	Mensaje
Darth_Carl SuperColaborador Mensajes: 2.733 Desde: 07/Ago/2007	#1 · ▲ [DHTML] Enlaces dinámicos para el navegador La implementación de los enlaces dinámicos en el Navigator es compleja y tiene múltiples limitaciones. Exponemos aquí un ejemplo que sirve tanto para el Internet Explorer como para el Navigator (versiones 4.x o superiores). Este ejemplo utiliza una capa posicionada de forma absoluta, lo que limita el lugar donde puede ir colocado el enlace (por ejemplo, dentro de una tabla no puede colocarse, ya que se visualizará en la esquina superior izquierda de la página para el Navigator). Además, el enlace deberá ir al final de la línea (lo que vaya detrás se superpone con el texto del enlace). Como se observa, son demasiados inconvenientes. Entre <head> y</head> Codigo <script language="javascript" type="text/javascript"> //ENLACES DINAMICOS PARA NAVIGATOR //Autor: Iván Nieto //Este script ha sido creado con el Tiralíneas de El Código //Visítalo en [url]http://www.elcodigo.com[/url] //deteccion de versiones var navegador = navigator.appName var version = parseInt(navigator.appVersion) var NAV4 = ( (navegador=="Netscape") && (version>=4) ) var IE4 = ( (navegador=="Microsoft Internet Explorer") && (version>=4) ) function Mostrar(id, enlace) { //codigo para el Navigator if ( NAV4 ) { with ( document[id].document ) { open() write(enlace) close() } //codigo para el Explorer } else if ( IE4 ) { document.all[id].innerHTML = enlace } } function CambiaColor(texto, enlace, url, encima) { //solo vale para versiones 4.x o superiores if (version >= 4) { //nuevo codigo para el enlace var codigo_enlace = '<a href="' + url + '"' if (encima) //sustituye onMouseOver por onMouseOut en el nuevo enlace codigo_enlace += " onMouseOut=\"CambiaColor('" + texto + "', '" + enlace + "', '" + url + "', false)\">" else //sustituye onMouseOut por onMouseOver en el nuevo enlace codigo_enlace += " onMouseOver=\"CambiaColor('" + texto + "', '" + enlace + "', '" + url + "', true)\">" codigo_enlace += '<font color="' + (encima?'#cc0000':'#0000cc') + '">' + texto + '</font></a>' Mostrar(enlace, codigo_enlace) } } </script> Y esto entre <body> y </body> <a href="/ejemplos/dhtml/enlacesdinNav.html" target="_blank">Página de ejemplo</a>
11/Dic/2007 14:17 GMT+1	Perfil · Privado · Desconectado · Web · Fotolog

Portal · Foros · Zona Biblioteca · HTML, Javascript y CSS

Temas similares
Asunto	Autor	#	Visitas	Última respuesta
Javascript: Detectar el navegador que usas la vercion	02/Ago/2006, 13:45 angelismo	0	704	No hay respuestas
DHTML: Texto animado divido en dos partes	02/Ago/2006, 13:35 angelismo	0	829	No hay respuestas
DHTML: Reproductor negro con lista de reproduccion	20/Jul/2006, 07:42 Demon-Off-The-Darck	0	4.119	No hay respuestas
DHTML: Texto matrix	14/Jul/2006, 22:56 lord_wars	0	960	No hay respuestas
DHTML: Mene nervioso	08/Jun/2006, 03:28 Demon-Off-The-Darck	0	889	No hay respuestas

Opciones:

Versión imprimible del tema
Subscríbete a este tema
Date de baja de este tema

TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro

Todas las fechas y horas son GMT+1. Ahora son las 19:19

Afiliados Plus

¿Tu Web Aquí?

Admin: EffectedCard - Skindario, foro soporte de Tuarroba desde el 16/10/04