creando mensajes emergentes

[alexo]

Hola a todos, espero me puedan ayudar con lo siguiente: actualmente estoy desarrolando una aplicacion y lo que dese que al pasar el mouse sobre un texto de una etiqueta se muestre una pequeña descripcion, esto lo he visto en algunas aplicaciones y es de mucha ayuda para el usuario ya que asi sabe a que corresponde cada campo que debe ingresar. Espero me puedan ayudar con esto, gracias de antemano.

[TurKa]

Hola alexo,

Si entendí bien, lo que necesitás es que cuando el usuario se pose sobre un campo de formulario le aparezca un cartelito descriptivo con los datos que debe colocar (un tooltip).

Si es así, este ejemplo que armé creo que puede servirte:

Código:

<script type="text/Javascript" language="javascript">
function MostrarToolTip(texto) {
	document.getElementById('tooltip').style.left = (event.clientX)+5;
        //ubica el tooltip 5 píxeles más a la derecha de donde está el mouse
	document.getElementById('tooltip').style.top = (event.clientY)+5;
        //ubica el tooltip 5 píxeles más abajo de donde está el mouse
	document.getElementById('tooltip').style.visibility = 'visible';
        //pone el tooltip visible
	document.getElementById('tooltip').innerHTML = texto;
        //modifica el texto del tooltip (hay que colocarlo en el evento onmouseover
}
</script>
<form name=nombre_del_form>
	<input type=text onMouseOver="MostrarToolTip('Nuevo texto <b>aquí</b>');" 
	onMouseOut="document.getElementById('tooltip').style.visibility = 'hidden'">
</form>
<div id="tooltip" 
	style="padding: 3px; border: 1px solid #c0c0c0; background-color: #f4f4f4; 
	font-family: Tahoma; font-size: 11px;
	position: absolute; top: 0; left: 0; visibility: hidden;"><b>ToolTip:</b> 
	Hola Mundo.
</div>

[chalchis]

Iniciado por alexo

Hola a todos, espero me puedan ayudar con lo siguiente: actualmente estoy desarrolando una aplicacion y lo que dese que al pasar el mouse sobre un texto de una etiqueta se muestre una pequeña descripcion, esto lo he visto en algunas aplicaciones y es de mucha ayuda para el usuario ya que asi sabe a que corresponde cada campo que debe ingresar. Espero me puedan ayudar con esto, gracias de antemano.

ah eso se llama tooltip
y hay un buen de ellos dejo unas ligas para implementar

te dejo un directorio de tooltips
http://www.smashingmagazine.com/2007...ipt-css-dhtml/


saludos que lo disfrutes
bye

[caricatos]

Hola:

Si no te bastan los atributos title (que es lo normal), puedes encontrar en nuestras FAQs algunos mensajes sobre tooltip o title mejorado.

Saludos