Hola!
Estoy desarrollando una Web con PHP que maneja algunos valores en distintas monedas. Estoy viendo la posibilidad de que cuando pase el mouse sobre un valor que esté en X moneda me muestre la conversión a las demás monedas en una ventanita emergente que desaparezca cuando saque el mouse del valor...Tengo entendido que no es demasiado jodido pero la verdad es que no sé JavaScript.
La ventana emergente sería de 190*190.
La conversión por ejemplo sería la siguiente:
Moneda1 = 1
Moneda2 = 2
O sea, si pasaría el mouse sobre un 100 de la moneda 1 mostraría 200 en la conversión.
Podrían darme una mano para empezar?
Mil gracias!! :) :) :)
Hola, realmente para lo que queres hacer ni siquiera necesitas javascript, con usar puro CSS podes hacerlo sin problema, aca te pongo un ejemplito:
<html>
<head>
<title>Mini tooltip de ejemplo</title>
<style type="text/css">
a.tooltip {
border-bottom: 1px dashed brown;
text-decoration: none;
}
a.tooltip:hover {
position: relative;
}
a.tooltip span {
display: none;
}
a.tooltip:hover span {
display: block;
min-width: 190px;
max-width: 190px;
position: absolute; top: -15px; left: 0;
/* estilo de la cajita */
padding: 5px; margin: 10px; z-index: 100;
background: #f0f0f0; border: 1px dotted #c0c0c0;
opacity: 0.9;
}
</style>
</head>
<body>
<p>Esto ejemplo vale <a href="#" class="tooltip">$3<span>1 U$D<br>0,5 €<br>5 NOK</span></a> y todo sin usar javascript!</p>
</body>
</html>
Si tenes mas dudas podes googlear por "pure css tooltip".
Exitos con tu proyecto.
pa!! groso predicador :palmas:
Un grande Predi!!
Ahora lo pruebo y te aviso, de paso puedo usar PHP para calcular los valores, ya me veia intentando hacerlo en JS :)
En un predicador del PHP
Muy bueno, lo probe y funca de diez