Una manera fácil de usar el script emergente tooltip, el cual proporciona información adicional cuando el usuario pasa el cursor sobre un elemento, sin necesidad de hacer clic.
Es una pequeña "Hoverbox" con información sobre el elemento.
CaracterÃsticas
Totalmente personalizable descripción. Puede modificar el color de fondo / ancho de sugerencias individuales.
Hoverbox contenido puede incluir imágenes, imágenes con texto, y un tÃtulo, asà como HTML enriquecido.
El pop-up se utiliza generalmente para proporcionar una interfaz entre el puntero y el botón.
Soporta todos los navegadores modernos.
Prevista
Basta con mover el cursor del raton sobre el boton o imagen.
function response(url, target,e)
{
if(link.readyState == 4)
{
if(link.status==200)
if(document.all)e = event;
document.getElementById(target).innerHTML = link.responseText;
var obj = document.getElementById('bubble_tooltip');
obj.style.display = 'block';
var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0;
var leftPos = e.clientX-2;
if(leftPos<0)leftPos = 0;
obj.style.left = leftPos 'px';
obj.style.top = e.clientY-obj.offsetHeight 2 st 'px';
}
}
function hideToolTip()
{
document.getElementById('bubble_tooltip').style.display = 'none';
}
function ctck()
{
var sds = document.getElementById("dum");
if(sds == null){alert("You are using a free package. You are not allowed to remove the tag. ");}
var sdss = document.getElementById("dumdiv");
if(sdss == null){alert("You are using a free package. You are not allowed to remove the tag. ");}
}
</script>
<!-- Script by hscripts.com -->
El archivo contiene las imagenes usadas en este Tooltip script. pic1.src='htooltip/bubble_top.gif'; pic2.src='htooltip/bubble_middle.gif'; pic3.src='htooltip/bubble_bottom.gif';
Usted puede cambiar el mensaje sobre hoverbox usando tooltip1.php and tooltip2.php files.
Su mensaje es pasado como argumento para la función de javascript showtooltip('tooltip1.php','bubble_tooltip_content',event)
Al señalar con el cursor el link o el botón, la función showtooltip('tooltip2.php','bubble_tooltip_content',event) es liberada y las caja pop-up box es mostrada.