Ver Mensaje Individual
  #2 (permalink)  
Antiguo 15/09/2004, 09:23
kepawe
 
Fecha de Ingreso: agosto-2004
Mensajes: 157
Antigüedad: 19 años, 8 meses
Puntos: 5
Hola kikujiro, creo que es esto lo que buscas.

Un saludo

<html>
<head>
<title>Mostrar un mensaje</title>
<script language=JavaScript type=text/javascript>
<!--


function show_tooltip(current_event,this_link,tip_text){

var my_tooltip = document.getElementById("tooltip")

var cursor_position_x
var cursor_position_y

if(document.all){

cursor_position_x = event.clientX
cursor_position_y = event.clientY

}

else if(document.getElementById){

cursor_position_x = current_event.pageX
cursor_position_y = current_event.pageY


}

var text_tooltip = "<div style='font-size:10pt;width:250px;font-family:Arial,Helvetica;"+
"border:1px solid;padding:5px;'>"+tip_text+"</div>"

with( my_tooltip){
innerHTML = text_tooltip
style.left = cursor_position_x
style.top = cursor_position_y + 15
style.backgroundColor ="yellow"
style.visibility = "visible"
}
this_link.onmouseout = hide_tooltip

}

function hide_tooltip(){

document.getElementById("tooltip").style.visibilit y ="hidden"

}

//-->
</script>
</head>
<body>
<a href="javascript:void(0)" onmouseover="show_tooltip(event,this,'Aquí va el mensaje del link 1')" >Link 1</a>
<a href="javascript:void(0)" onmouseover="show_tooltip(event,this,'Aquí va el mensaje del link 2')" >Link 2</a>
<div id="tooltip" style="position:absolute; visibility: hidden"></div>
</body>
</html>