Foros del Web - Ver Mensaje Individual - como cambiar las propiedades de onmouseover

furoya · #12 (**permalink**) 15/12/2005, 11:55

Hola de nuevo :

Ahora entiendo mejor la pregunta, pero como ya está resuelta, dejo el ejemplo con CSS y HTML que se me había ocurrido, porque ya lo mencioné.

Código:

<html>
<head>
<title>MENÚES.</title>
<script language=" JavaScript">
function xray(T){
var uniforme = document.getElementById("whisky").getElementsByTagName("a");
var victor = uniforme.length;

for(a=0; a<victor; a++){
if(uniforme[a].className == 'zulu')uniforme[a].className = "yankee";
}
T.className = "zulu";
}
</script>
<style>
body{background:silver; }

dt{font-weight:bold; font-size:90%; font-family:"sans-serif"; margin:10px, 0; }

a:link {color: #0000ff; padding-left:20px; height:1em; font: bold 100% "sans-serif"; background:url("http://www.forosdelweb.com/images/statusicon/user_offline.gif") no-repeat;}

a:visited {color: #ff0000; padding-left:20px; height:1em; font: bold 100% "sans-serif"; background:url("http://www.forosdelweb.com/images/statusicon/user_invisible.gif") no-repeat;}

a.yankee:visited {color: #0000ff; padding-left:20px; height:1em; font: bold 100% "sans-serif"; background:url("http://www.forosdelweb.com/images/statusicon/user_offline.gif") no-repeat;}

a.zulu:visited {color: #ff0000; padding-left:20px; height:1em; font: bold 100% "sans-serif"; background:url("http://www.forosdelweb.com/images/statusicon/user_invisible.gif") no-repeat;}

a:hover {color: #00ff00; padding-left:20px; height:1em; font: bold 100% "sans-serif"; background:url("http://www.forosdelweb.com/images/statusicon/user_online.gif") no-repeat;}

a.yankee:hover {color: #00ff00; padding-left:20px; height:1em; font: bold 100% "sans-serif"; background:url("http://www.forosdelweb.com/images/statusicon/user_online.gif") no-repeat;}

a.zulu:hover {color: #00ff00; padding-left:20px; height:1em; font: bold 100% "sans-serif"; background:url("http://www.forosdelweb.com/images/statusicon/user_online.gif") no-repeat;}

a:active {color: #008000; padding-left:20px; height:1em; font: bold 100% "sans-serif"; background:url("http://www.forosdelweb.com/images/smilies/afirmar.gif") no-repeat;}

a.yankee:active {color: #008000; padding-left:20px; height:1em; font: bold 100% "sans-serif"; background:url("http://www.forosdelweb.com/images/smilies/afirmar.gif") no-repeat;}

a.zulu:active {color: #008000; padding-left:20px; height:1em; font: bold 100% "sans-serif"; background:url("http://www.forosdelweb.com/images/smilies/afirmar.gif") no-repeat;}

</style>
</head>
<body>
<h2>Men&uacute; de enlaces con vi&ntilde;etas.</h2>

<dl id="whisky">

	<dt>Estos sitios no existen y no están <i>cacheados </i>.</dt>
<dd><a class="" href="http://www.misitio.net" target="_blank">misitio. </a> </dd>
<dd><a class="" href="http://www.otrositio.net" target="_blank">otrositio. </a> </dd>
	<dt>Este sitio seguro está <i>cacheado </i>y se debe ver "visitado".</dt>
<dd><a class="" href="http://www.google.com" target="_blank" onmouseover="this.title=this.className;">Google. </a> </dd>

	<dt>Este sitio tambi&eacute;n, pero solamente se ve "visitado" con un click durante la sesi&oacute;n.</dt>
<dd><a class="yankee" href="http://www.forosdelweb.com" target="_blank" onclick="this.className='zulu';" onmouseover="this.title=this.className;">ForosDelWeb. </a></dd>
<br />
<br />
	<dt>Estos enlaces se reinician al clickear cualquiera y no mantienen el "visitado" del anterior.</dt>
<dd><a class="yankee" href="http://www.forosdelweb.com" target="_blank" onclick="xray(this);">ForosDelWeb. </a> </dd>
</dd>
<dd><a class="yankee" href="http://www.forosdelweb.com/forumdisplay.php?f=13" target="_blank" onclick="xray(this);">Javascript. </a> </dd>

<dd><a class="yankee" href="http://www.forosdelweb.com/showthread.php?t=356511" target="_blank" onclick="xray(this);">como cambiar las propiedades de onmouseover. </a> </dd>
<br />
<br />
	<dt>Si las direcciones no se pueden guardar en el Historial, sus enlaces no se marcan como "visitados".</dt>
</dl>
<h3>Im&aacute;genes.</h3>

<img src="http://www.forosdelweb.com/images/smilies/afirmar.gif" /> <img src="http://www.forosdelweb.com/images/statusicon/user_online.gif" /> <img src="http://www.forosdelweb.com/images/statusicon/user_invisible.gif" /> <img src="http://www.forosdelweb.com/images/statusicon/user_offline.gif" />

</body>
</html>

Seguramente no es original. Lo que le agregué en JS es el último enlace.