ToolTip de Walterzorn Me he puesto a diseñar un Calendario para IE6 donde al cambiar los meses me muestre los Cumpleaños de mi Familia en un ToolTip cuando acerque el Mouse a una Celda (FECHA) indicada; para lograr este efecto he descargado el ToolTip de WalterZorn:
w w w.walterzorn.com/scripts/wz_tooltip.zip
No comprendo ¿en que parte de mi Script estoy fallando?, el objetivo final es, al cambiar los meses debo mostrar un nuevo ToolTip apuntando a una Celda Cumpleañera. Para vuestra observaciones he simplificado el código con un EJEMPLO de otra manera muy semejante que describo a continuación, donde solo muestro una Tabla Simple que hace de "Meses diferentes" con 4 Celdas cual si c/mes tuviera solo 4 días.
Lo que hace mi Script "Probe.js" es, al acercar a la 2da Celda muestra un ToolTip (en reemplazo de un x-Cumpleaños), pero al clickar ">>" ó "<<" me sigue mostrando el mismo primer ToolTip (estando en "otro mes") cuando según mi Script DEBERÍA de mostrar OTRO (distinto Cumpleaños y de Otro Mes) ToolTip y en Otra Celda. Lo peor de todo esto es que cuando clicko "ACTUAL" ya no me muestra NINGÚN TOOLTIP!! Ninguno!. ¿A que se debe todo ello?.
De repente me deis soluciones como que deje ese ToolTip, que cambie por otro, etc, etc. Pero al menos me gustaría entender y saber en que parte de mi código estoy fallando o ¿por qué el mismo no funciona con el ToolTip de Walterzorn? entonces ¿Cómo obtener al cambio de ">>" o de "<<" o de "Actual" un nuevo ToolTip según mi Script??
Ps.- Aquí dejo el Código, que además necesita el Script "wz_tooltip.js" de Walterzorn, pruébenlo por favor, solo así observarán donde se halla el error, como dije el objetivo final es, al cambiar los meses debo mostrar un NUEVO ToolTip (Otro Cumpleaños) apuntando a la x-Celda Cumpleañera.
Saludos
MI ARCHIVO HTML CONTIENE LAS SIGUIENTES LÍNEAS:
Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title>Prueba ToolTips </title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>
<body>
<script type="text/javascript" src="probe.js"></script>
<script language="JavaScript" type="text/javascript" src="wz_tooltip.js"></script>
</body>
</html>
Código PHP:
Calendario();
Cambiar(4);
function Calendario()
{
document.write("<table border=3 cellpadding=1 cellspacing=1>");
document.write("<tr >");
for(j=1;j<=4;j++){
document.write("<td id="+j+">");
document.write("*");
document.write("</td>");
}
document.write("</tr>");
document.write("<tr >");
document.write('<td ><input type="button" value="<<" onclick="Cambiar(0)"></td>');
document.write('<td colspan=2 align="center" ><input type="button" value="Actual" onclick="Cambiar(4)"></td>');
document.write('<td align="right"><input type="button" value=">>" onclick="Cambiar(8)"></td>');
document.write("</tr>");
document.write("</table>");
}
function Cambiar(cambio)
{
var n=1,obj1,obj2,obj3,obj4;
for(i=cambio;i<cambio+4;i++){
document.getElementById(n).innerHTML=i;n++;
}
if(cambio==4){
obj1 =document.getElementById(2);
obj1.onmouseover= function(e){this.T_WIDTH=200;this.T_FONTCOLOR='#003399';return escape("Segunda Celda: cuando 4,5,6,7");}
n=1;
}
if(cambio==8){
obj2 =document.getElementById(1);
obj3 =document.getElementById(4);
obj2.onmouseover= function(e){this.T_WIDTH=200;this.T_FONTCOLOR='#003399';return escape("Primera Celda: cuando 8,9,10,11");}
obj3.onmouseover= function(e){this.T_WIDTH=200;this.T_FONTCOLOR='#003399';return escape("Cuarta Celda: cuando 8,9,10,11");}
}
if(cambio==0){
obj4 =document.getElementById(3);
obj4.onmouseover= function(e){this.T_WIDTH=200;this.T_FONTCOLOR='#003399';return escape("Tercera Celda: cuando 0,1,2,3");}
}
}
Re: ToolTip de Walterzorn 
