Ver Mensaje Individual
  #189 (permalink)  
Antiguo 23/07/2004, 04:07
Avatar de epplestun
epplestun
 
Fecha de Ingreso: octubre-2001
Mensajes: 1.621
Antigüedad: 23 años
Puntos: 5
191.- Textos alternativos sin hacer uso de la etiqueta alt

Alterntiva a la super FAQ 187 de Caricatos

P: Como puedo crear textos alternativos sin hacer uso de la etiqueta alt?
R: Con un poco de imaginación y una simple capita .....

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title></title>
</head>

<body>
<script type="text/javascript">
var x=0; var y=0;

if(!document.all) {
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = show;

function crearAlt(texto) {
	document.getElementById("ALTdHTML").innerHTML = '<div style="border: 1px solid #000000; background-color: #fdfec2; padding: 2px; font-size: 70%; font-family: verdana">' + texto + '</div>';
}

function show(evento) {
	document.getElementById("ALTdHTML").style.visibility = 'visible';
	if(document.all) {
		x = event.clientX;
		y = event.clientY + document.body.scrollTop;
	  	document.getElementById("ALTdHTML").style.left = x + 10;
	  	document.getElementById("ALTdHTML").style.top  = y + 14;
	} else {
		x = evento.clientX + document.body.scrollLeft;
		y = evento.clientY + document.body.scrollTop;
		document.getElementById("ALTdHTML").style.left = x + 10;
	  	document.getElementById("ALTdHTML").style.top  = y + 14;
	}
}

function hide() {
	document.getElementById("ALTdHTML").style.visibility = 'hidden';
	document.getElementById("ALTdHTML").innerHTML = "";
}	
</script>
<div id="ALTdHTML" style="position: absolute; visibility: hidden">&nbsp;</div>

<img src="" width="250" height="70" onMouseOver="crearAlt('Imagen');" onMouseOut="hide();">


</body>
</html>
__________________
Usuario registrado de Linux #288725

Última edición por Kaopectate; 03/11/2004 a las 07:07