Buenas tengo la pagina
http://www.deporte-tv.es la forma en que la tengo es al pulsar sobre el canal se abre un pop-up con otra pagina que muestra una información.
Lo que desearia es que al pasar el raton encima del texto del canal, directamente me salga la pagina y cuando saque el raton desaparezca.
Tengo como referencia lo siguiente
Código PHP:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#ayuda {border:1px solid black;visibility:hidden;position:absolute}
</style>
<script type="text/javascript">
var ns4 = (document.layers)? true:false
var ie4 = (document.all)? true:false
var ns6 = (document.getElementById && !document.all) ? true: false;
var coorX, coorY;
if (ns6) document.addEventListener("mousemove", mouseMove, true)
if (ns4) {document.captureEvents(Event.MOUSEMOVE); document.mousemove = mouseMove;}
function mouseMove(e) {
if (ns4||ns6) {
coorX = e.pageX;
coorY = e.pageY;
}
if (ie4) {
coorX = event.x;
coorY = event.y;
}
coorX += document.body.scrollLeft;
coorY += document.body.scrollTop;
return true;
}
function ini() {
if (ie4) document.body.onmousemove = mouseMove;
}
function mostrar(dato) {
with(document.getElementById("ayuda")) {
style.top = coorY + 10;
style.left = coorX + 10;
style.visibility = "visible";
}
}
function ocultar() {
document.getElementById("ayuda").style.visibility = "hidden";
}
function mover() {
with(document.getElementById("ayuda")) {
style.top = coorY + 10;
style.left = coorX + 10;
}
}
</script>
</head>
<body onload="ini()" >
<a href="http://www.deporte-tv.es" onmouseover="mostrar('mensaje segundo')"
onmousemove="mover()"
onmouseout="ocultar()">Este es el enlace</a>
<div id="ayuda">
<p>Hola</p>
</div>
</body>
</html>
Pero este codigo lo que me hace es tener un enlace hacia deporte-tv.es y al pasar el raton por encima me muestra la palabra hola, lo que deseo es quitar el enlace y que en vez de hola se muestre el contenido del enlace directamente.
¿Alguien me puede hechar una mano?