Poner un "tip"

[un_tio]

Me gustaría cómo poner un "tip" de ayuda, el cuadradito que sale dando información sobre un objeto cuando dejas el puntero del ratón unos segundos sobre él.

Y en concreto, me gustaría saber si se puede aplicar a un select (saliendo un "tip" distinto para cada opción del select).

[vampirnet]

A todos los objetos de un documento html le puedes poner un tip utilizando el tag alt="<texto que quieras poner>"

Si lo deseas hacer mas completo y con tus propios estilos, deberas de utilizar <div>

[un_tio]

Ok, gracias.

Cómo pongo el tag alt, ¿me puedes decir un ejemplo concreto? Por ejemplo:

<alt="texto que quiero poner"><input type="text"...></alt>

[DeNancy]

El atributo ALT se puede colocar en las etiquetas IMG, AREA, AREA y acepta cadenas de texto comunes.
En el caso del control INPUT solo acepta secuencias de caracteres del juego de caracteres del documento. (eso que se coloca en el head del documento con META y que indica si trabajas con el juego ISO 8859 xx...)

Conclusion: me temo que en controles de formulario, salvo el caso de input no funciona alt.

El ALT como atributo se coloca DENTRO de la etiqueta. Ejm: <img alt="mi figura" src=d.gif>

Tu opcion seria crear un layer con la etiqueta div y darle caracteristica de visible cuando pasas el mouse

Saludos
Nancy

[tunait]

Puedes usar el atributo title

title="lo que quieras"

ponlo al tag que te convenga.

Traslado el tema al foro de (x)html

movido desde javascript

saludos....

[un_tio]

Vale. Gracias por las respuestas, ahora no tengo tiempo para probar a implementar tips (estoy en otras cosas con la página), ya lo miraré más a fondo más adelante.

O sea que sólo con inputs... Bueno, ya volveré a escribir aquí si cuando lo pruebo me surgen dudas o problemas.

[frijolerou]

Vampirnet... ALT no es un tag, sino un atributo, que se utiliza como "texto alternativo" en imágenes y mapas de imágenes en el caso de que éstas no cargasen, o si se accede a ellas mediante navegadores de solo texto (como Lynx) o lectores de voz (para usuarios invidentes).

Para mostrar en pantalla un "tooltip" la respuesta la dió Tunait, usando el atributo "title", que es aplicable a la mayoría de los tags html.

[un_tio]

¿qué es un "tag"? ¿Cualquier cosa de html, dentro del body, que empiece y acabe por los símbolos "<" y ">"?

PD: quizás vendría bien poner una buena explicación de los tips en las FAQ's.

[jesusbet]

hay una forma mas compleja, pero no complicada, de hacerlo con CSS y XHTML:

a.cajita{position:relative; color:#3E4A72; font-weight:bold; cursor: default;text-decoration:none;}
a.cajita:hover{color:#330033; text-decoration: none;}
a.cajita span{display:none;}
a.cajita:hover span{ /*el span se verá solo en estado :hover */ display:block; position:absolute; top:20px; left:10px; width:300px; border:1px solid #686868; background-color:#DBDBD8; color:#000000; text-align:justify; padding:5px; font-size:11px; font-weight:normal; -moz-opacity:0.8; filter:alpha(opacity=80); khtml-opacity:0.8; opacity:0.8; -moz-border-radius:5px;}

Ahora para crear el efecto solo agregamos un link con las etiquetas <a>link</a>, de la siguiente manera:
<a href=”#” onclick=”return false” class=”cajita”>link<span>Esta es la explicación del texto.</span></a>.

saludos

[tunait]

Iniciado por un_tio

¿qué es "tag"? ¿Cualquier cosa de html que empiece y acabe por los símbolos "<" y ">"?

jeje algo así

tag, directiva, etiqueta...

Si quieres que le salga un tip a un link sería <a href="pagina.htm" title="descripción"> algo </a>