Ver Mensaje Individual
  #5 (permalink)  
Antiguo 06/06/2003, 15:34
thebigmen
 
Fecha de Ingreso: junio-2003
Mensajes: 4
Antigüedad: 21 años, 9 meses
Puntos: 0
ok, entonces pondre el ejemplo entonces
esto es un archivo llamado tip.js
var tipX=10,tipY=0;
var estilo,x,y;
var masX=-1000,masY=-1000;

if(document.layers)
{
document.captureEvents(Event.MOUSEMOVE);
}

document.onmousemove=capturaRaton;

function muestraTip(msg)
{
var cadena="<span class='contenido'><table height=50 width=650 border=0 cellpadding=2 cellspacing=0>"+
"<tr><td class='tdtip'>"+msg+"</td></tr></table></span>";

masX=tipX;
masY=tipY;

if(document.layers)
{
document.tip.document.write(cadena);
document.tip.document.close();
document.tip.visibility="visible"
}
if(document.all)
{
document.all("tip").innerHTML=cadena;
document.all("tip").style.visibility="visible"
}
if(document.getElementById)
{
document.getElementById("tip").innerHTML=cadena;
document.getElementById("tip").style.visibility="v isible"
}
}

function capturaRaton(e)
{
if(document.all)
{
x=event.x+document.body.scrollLeft;
y=event.y+document.body.scrollTop;
document.all("tip").style.left=x+masX;
document.all("tip").style.top=y+masY;
}
else if(document.layers)
{
x=e.pageX;
y=e.pageY;
document.layers['tip'].left=x+masX;
document.layers['tip'].top=y+masY;
}
else if(document.getElementById)
{
x=e.clientX;
y=e.clientY;
window.status=x;
document.getElementById("tip").style.left=x+masX;
document.getElementById("tip").style.top=y+masY;
}
}

function ocultaTip()
{
masY=-1000;
masX=-1000;
if(document.all)
document.all("tip").style.visibility="hidden";
else if(document.layers)
document.layers["tip"].visibility="hidden";
else if(document.getElementById)
document.getElementById("tip").style.visibility="h idden";
}

<TABLE WIDTH=95% BORDER="1" CELLSPACING="0" CELLPADDING="0" background="imagenes/fondofor_hogar.gif" bordercolor="White">
<TR class="titulo" align="middle">
<TD colspan="9">Tabla de Planes para pago</TD>
</TR>
<TR class="titulo" align="middle">
<TD >&nbsp;</TD>
<TD colspan="2">Deducible 0</TD>
<TD colspan="2">Deducible 3</TD>
<TD colspan="2">Deducible 5</TD>
<TD colspan="2">Deducible 10</TD>
</TR>
<TR class="textnegrita" align="middle">
<TD>&nbsp;</TD>
<TD colspan="2">Prima UF</TD>
<TD colspan="2">Prima UF</TD>
<TD colspan="2">Prima UF</TD>
<TD colspan="2">Prima UF</TD>
</TR>
<TR class="textnegrita" align="middle">
<TD>&nbsp;</TD>
<TD>Anual</TD>
<TD>Mensual</TD>
<TD>Anual</TD>
<TD>Mensual</TD>
<TD>Anual</TD>
<TD>Mensual</TD>
<TD>Anual</TD>
<TD>Mensual</TD>
</TR>
<TR>
<TD colspan="9">&nbsp;</td>
</TR>
<tr class="titulo" bgcolor="#b0c4de">
<TD WIDTH="18%" background="imagenes/fondofor_hogar2.gif">
<A href="#" class="sin-sub-azu" onmouseout=ocultaTip() onmouseover="muestraTip('<li>Daños Materiales y Robo, Hurto o uso no autorizada, hasta el 100% del valor Comercial.</li><br><li>Responsabilidad Civil por: Daño Emergente hasta UF 700.</li><br><li>Responsabilidad Civil por: Daño Moral hasta UF 500.</li><br><li>Responsabilidad Civil por: Lucro Cesante hasta UF 300.</li><br><li>Robo de Accesorios, partes y piezas hasta el 10% del valor comercial del vehículo con tope de UF 40. Deducible UF 1 Vehículos con Alarma; UF 3 Vehículos sin Alarma</li>')">&nbsp;&nbsp;&nbsp;Básico</a>
</TD>
<TD align="middle"><A href="JavaScript:Ir('B','1',0)">1</A></TD>
<TD align="middle"></TD>
<TD align="middle"><A href="JavaScript:Ir('B','2',3)">2</A></TD>
<TD align="middle"></TD>
<TD align="middle"><A href="JavaScript:Ir('B','3',5)">3</A></TD>
<TD align="middle"></TD>
<TD align="middle"><A href="JavaScript:Ir('B','4',10)">4</A></TD>
<TD align="middle"></TD>
</tr>
<TR>
<TD colspan="9">&nbsp;</td>
</TR>
<TR class="titulo" bgcolor="#b0c4de">
<TD WIDTH="18%" background="imagenes/fondofor_hogar2.gif">
<A href="#" class="sin-sub-azu" onmouseout=ocultaTip() onmouseover="muestraTip('<li>Coberturas del Plan Intermedio más los siguientes Adicionales:</li><br><li>Responsabilidad Civil por: Daño emergente hasta la suma de UF 700. Daño moral hasta la suma de UF 700. Y lucro cesante hasta la suma de UF 700.</li><br><li>Daños materiales a consecuencia de la propia carga (CAD 1 92 127).</li><br><li>Daños materiales a consecuencia de conductores dependientes (CAD 1 98 027).</li><br><li>Daños a terceros causados por la carga (CAD 1 98 028).</li><br><li>Daños a terceros a consecuencia de conductores dependientes (CAD 1 98 029).</li><br><li>Defensa penal y constitucional de fianza hasta UF 100 (CAD 1 92 132).</li><br><li>Daños al vehículo durante viajes al extranjero (CAD 1 92 129).</li><br><li>Asistencia en viaje a: Personas, equipaje y al vehículo (CAD 1 90 032).</li>')">&nbsp;&nbsp;&nbsp;Total</a>
</TD>
<TD align="middle"><A href="JavaScript:Ir('T','5',0)">5</A></TD>
<TD align="middle"></TD>
<TD align="middle"><A href="JavaScript:Ir('T','6',3)">6</A></TD>
<TD align="middle"></TD>
<TD align="middle"><A href="JavaScript:Ir('T','7',5)">7</A></TD>
<TD align="middle"></A></TD>
<TD align="middle"><A href="JavaScript:Ir('T','8',10)">8</A></TD>
<TD align="middle"></TD>
</TR>
<TR>
<TD colspan="9">&nbsp;</td>
</TR>
<TR class="titulo" bgcolor="#b0c4de">
<TD colspan="9" WIDTH="18%" background="imagenes/fondofor_hogar2.gif">
<A href="JavaScript:Mostrar('PT')" class="sin-sub-azu" onmouseout=ocultaTip() onmouseover="muestraTip('<li>Pérdida Total, incluyendo la pérdida total por daños materiales y/o robo, hurto o uso no autorizado según valor comercial del vehículo, incluye la pérdida total a consecuencia de:</li><br><li>Daños Materiales a consecuencia de Hulega y Terrorismo (CAD 1 92 122).</li><br><li>Daños materiales a consecuencia de Actos Maliciosos (CAD 1 92 123).</li><br><li>Daños materiales a consecuencia de Riesgos de la Naturaleza (CAD 1 92 124 ).</li><br><li> Daños materiales a consecuencias de Granizo (CAD 1 92 125).</li><br><li>Daños materiales a consecuencia de Sismo (CAD 1 92 126).</li>')">&nbsp;&nbsp;&nbsp;Pérdida Total</a>
</TD>
</TR>
<TR>
<TD colspan="9">&nbsp;</td>
</TR>
<TR class="titulo" bgcolor="#b0c4de">
<TD colspan="9" WIDTH="18%" background="imagenes/fondofor_hogar2.gif">
<A href="JavaScript:Mostrar('APT')" class="sin-sub-azu" onmouseout=ocultaTip() onmouseover="muestraTip('<li>Pérdida Total, incluyendo la pérdida total por daños materiales y/o robo, hurto o uso no autorizado según valor comercial del vehículo, incluye la pérdida total a consecuencia de:</li><br><li>Daños Materiales a consecuencia de Hulega y Terrorismo (CAD 1 92 122).</li><br><li>Daños materiales a consecuencia de Actos Maliciosos (CAD 1 92 123).</li><br><li>Daños materiales a consecuencia de Riesgos de la Naturaleza (CAD 1 92 124 ).</li><br><li>Daños materiales a consecuencias de Granizo (CAD 1 92 125).</li><br><li>Daños materiales a consecuencia de Sismo (CAD 1 92 126).</li><br><li>Responsabilidad Civil por Daño Emergente hasta UF 500, Daño Moral hasta UF 500 y Lucro Cesante hasta UF 500.</li>')">&nbsp;&nbsp;&nbsp;Amplio Pérdida Total</a>
<div id="tip"></div>
</TD>
</TR>
<TR>
<TD colspan="9">&nbsp;</td>
</TR>
<TR>
<TD colspan="9" bgcolor="#ffffff" class="titulo">** Valores con I.V.A. Incluido</td>
</TR>
<tr align="right">
<td align="right" colspan="9" bgcolor="#ffffff">
<input class="boton" type="button" name="atras" onclick="JavaScript:Volver();" Value="<<" style="HEIGHT: 24px; WIDTH: 50px">
<input class="boton" type="button" name="adelante" onclick="JavaScript:Seguir();" Value="Otra Cotización" style="HEIGHT: 24px; WIDTH: 150px">
</td>
</tr>
</TABLE>
<script language="JavaScript" src="includes/tip.js"></script>

toda la información que se muestra debe venir de una lectura a una base de datos, mediante ASP