Aqui te muestro funcionando.. y trate de explicarlo un poco.. creo que mi anterior codigo tenia algunos errores ya que la informacion en ese div yo cargo con ajax.. pero este funciona pasando como parametrol..
Saludos
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<script language="javascript1.2" type="text/javascript">
var IE = document.all ? true : false;
if (!IE) {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = getMouseXY;
var tempX = 0;
var tempY = 0;
//esta funcion no necesitas entender solo asigna la posicion del raton a tempX y tempY
function getMouseXY(e){
if (IE) { //para IE
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
}
else { //para netscape
tempX = e.pageX;
tempY = e.pageY;
}
if (tempX < 0) {
tempX = 0;
}
if (tempY < 0) {
tempY = 0;
}
return true;
}
function VentanaFlotante(mensaje, x, y){
//creo el objeto div
var div_fl = document.createElement('DIV');
//le asigno que su posicion sera abosoluta
div_fl.style.position = 'absolute';
//le asigno el ide a la ventana
div_fl.id = 'Miventana';
//digo en que posicion left y top se creara a partir de la posicion del raton tempx tempy
div_fl.style.left = tempX + 'px';
div_fl.style.top = tempY + 'px';
//asigno el ancho del div pasado por parametro
div_fl.style.width = x + 'px';
//asigno el alto del div pasado por parametro
div_fl.style.height = y + 'px';
//digo con css que el borde sera de grosor 1px solido y de color negro
div_fl.style.border = "1px solid #000000";
//asigno el color de fondo
div_fl.style.backgroundColor = "#cccccc";
//el objeto añado a la estrutura principal el document.body
document.body.appendChild(div_fl);
//el mensaje pasado por parametro muestro dentro del div
div_fl.innerHTML = mensaje;
}
function quitarDiv()
{
//creo el objeto del div
var mv = document.getElementById('Miventana');
//elimino el objeto
document.body.removeChild(mv);
}
</script>
</head>
<body>
<a href="http://www.google.com.bo" onmouseover="javascript: VentanaFlotante('Informacion de google', 200, 30)" onmouseout="javascript: quitarDiv();">google</a>
</body>
</html>