<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function muestraResultados(valor){
if(valor=="null"){valor=''}
document.getElementById("resultados").innerHTML = valor;
}
function CalculaValor(){
var valor;
valor = prompt("Texto de la ventana","valor");
muestraResultados(valor);
alert("Observa el valor en el div.\n Y como desaparecerá al aceptar, pasando por el mouseover y mouseout de nuevo.");
//si ponemso este alert se observa como aparece el valor pero luego se ejecuta otra mouseover y mousetout
//lo que intento evitar.
}
//-->
</script>
</head>
<body>
La idea es que al realizar <b>MouseOver y MouseOut</b> sobre "NO FUNCIONA" realice lo mismo que "Funciona", muestra el texto en el div.
Pero si hago el <b>onclick</b> sobre "No Funciona" quiero que el valor resultante se quede sobre el div y no ejecute otro <b>MouseOver y MouseOut</b>
</br>
</br>
</br>
<a href="#" alt="NO FUNCIONA" onclick="CalculaValor();" onmouseover="muestraResultados(this.alt)" onmouseout="muestraResultados('')">NO FUNCIONA</a>
</br>
</br>
<a href="#" alt="FUNCIONA" onmouseover="muestraResultados(this.alt)" onmouseout="muestraResultados('')">Funciona</a>
<div id="resultados" style="position:absolute; width:200px; height:115px; z-index:1; left: 236px; top: 69px; background-color:#CCCCCC;"></div>
</body>
</html>