Foros del Web » Creando para Internet » HTML »

Poner un "tip"

Estas en el tema de Poner un "tip" en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 21/02/2005, 09:24
 
Fecha de Ingreso: febrero-2005
Mensajes: 1.017
Antigüedad: 12 años, 10 meses
Puntos: 6
Poner un "tip"

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).
  #2 (permalink)  
Antiguo 21/02/2005, 09:27
 
Fecha de Ingreso: febrero-2005
Mensajes: 28
Antigüedad: 12 años, 10 meses
Puntos: 0
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>
  #3 (permalink)  
Antiguo 21/02/2005, 09:42
 
Fecha de Ingreso: febrero-2005
Mensajes: 1.017
Antigüedad: 12 años, 10 meses
Puntos: 6
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>
  #4 (permalink)  
Antiguo 21/02/2005, 11:05
 
Fecha de Ingreso: febrero-2005
Mensajes: 8
Antigüedad: 12 años, 10 meses
Puntos: 0
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
  #5 (permalink)  
Antiguo 21/02/2005, 11:19
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
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....
  #6 (permalink)  
Antiguo 21/02/2005, 11:51
 
Fecha de Ingreso: febrero-2005
Mensajes: 1.017
Antigüedad: 12 años, 10 meses
Puntos: 6
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.
  #7 (permalink)  
Antiguo 21/02/2005, 11:53
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 14 años
Puntos: 13
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.
__________________
El conocimiento es libre: Movimiento por la Devolución
  #8 (permalink)  
Antiguo 21/02/2005, 11:57
 
Fecha de Ingreso: febrero-2005
Mensajes: 1.017
Antigüedad: 12 años, 10 meses
Puntos: 6
¿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.

Última edición por un_tio; 21/02/2005 a las 11:59
  #9 (permalink)  
Antiguo 21/02/2005, 11:59
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 13 años, 7 meses
Puntos: 2
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
  #10 (permalink)  
Antiguo 21/02/2005, 11:59
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Cita:
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>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:19.