Hola a todos! Tengo una página con un listado de productos los cuales al pasar el mouse por arriba quisiera que me muestre en una tooltip parte de la información del producto.
Ahora estaba haciendo pruebillas con este ejemplo. En ambos casos, si le doy Enter, la variable id_producto=32 pasa a la página tooltip.php y me muestra los detalles, peeeero la idea es que al pasar por arriba aparezcan esos detalles en la tooltip.
En la primer opcion (que es lo que quise tratar de que funcione), al pasar el mouse por arriba me tira error en el include.
En la segunda opción simplemente me muestra una foto.
Les muestro el código:
prueba.php
Código PHP:
<style type="text/css">
a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltips span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltips:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c;}
</style>
</head>
<body>
<table width="46%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="30" align="center">Haciendo Include <a href="tooltip.php?id_producto=32" class="tooltips">Tooltip<span>
<?php include('tooltip.php?id_producto=32') ;?>
</span></a>.</td>
<td height="30" align="center"> Sobre Imagen <a href="#" class="tooltips">Tooltip<span><img src="tooltip.jpg" /></span></a>.</td>
</tr>
</table>
</body>
</html>
Este es un ejemplo simple y por eso me gustó. Igualmente escucho sugerencias y espero no sea muy complicado lo que quiero hacer.
Gracias y saludos.
Marx