Tengo el siguiente input:
<input maxlength="10" class="campoTexto" size="30" type="text" id="dni" name="dni"/>
Quiero que al pasar el ratón por encima saliera un mesaje para poder indicar como querio que mentan el dni...
¿se puede hacer?
15/01/2009, 06:49
| |||
| |||
| Mensaje al pasar ratón por input. Tengo el siguiente input: <input maxlength="10" class="campoTexto" size="30" type="text" id="dni" name="dni"/> Quiero que al pasar el ratón por encima saliera un mesaje para poder indicar como querio que mentan el dni... ¿se puede hacer? |
|
15/01/2009, 07:04
| ||||
| ||||
| Respuesta: Mensaje al pasar ratón por input. Claro! crea un div con el texto a mostrar y lo ocultas. Luego usa los eventos onmouseover y onmouseout para mostrar/ocultar el div. Salu2 |
|
15/01/2009, 07:05
| |||
| |||
| Respuesta: Mensaje al pasar ratón por input. Pero no quiero que salga como una parte del html sino como un mesaje flotante...no se si me explico bien. Sobre todo pasar el ratón me valdría...pero que no sea un div del html.... |
|
15/01/2009, 07:16
| ||||
| ||||
| Respuesta: Mensaje al pasar ratón por input. cualquier cosa que puedas controlar con javascript para ocultar y mostrar su visibilidad te sirve. Lo importante de esto es el evento que le asignes al boton (en este caso cuando pasas el ratón por encima) Puedes poner una imagen, una etiqueta coloreada, otro boton... lo que quieras siempre que, atraves de javascript, seas capaz de mostrarlo y ocultarlo a tu gusto. salu2 |
|
15/01/2009, 07:32
| |||
| |||
| Respuesta: Mensaje al pasar ratón por input. Si te pones encima de cualquier tema del foro ves que te sale una ventanita con fondo amarillo y con texto... ¡¡¡ eso quiero hacer !!! |
|
15/01/2009, 07:54
| |||
| |||
| Respuesta: Mensaje al pasar ratón por input. No entiendo como la gente aqui se va con tantos rodeos, cuando las soluciones siempre acostumbran a ser mucho mas simples. ¿Tanto cuesta decirle esto al pobre chabal? <a title="Mensajito que sale al pasar el mouse" href="http://www.lapaginaweb.com"> Titulo</a><br> Saludos |
|
15/01/2009, 07:57
| ||||
| ||||
| Respuesta: Mensaje al pasar ratón por input. |
|
15/01/2009, 08:59
| ||||
| ||||
| Respuesta: Mensaje al pasar ratón por input. alexfs, Como verás tanto el enunciado de su pregunta, como la primera pregunta que hace concretamente, la respuesta es la que se ha dado; evento onmouseover. No hay mas que decir o explicar. Si desde el principio explica lo que realmente quiere o donde lo ha visto pues se responde a su petición. salu2 |
|
16/01/2009, 06:34
| |||
| |||
| Respuesta: Mensaje al pasar ratón por input. alexfs mira todas mis preguntas...tengo un proyecto muy grande y la verdad que no controlo de todo... Mira las veces que me han dado un respuesta concreta... Al final muchas me las he respondido yo mismo.... Pense que sabía poco pero veo que no es así... La mayoría no responden o dicen que leas lo que sea. Evidentemente si tengo un problema con css se que si me leo un tocho de css vendrá... si pregunto es porque considero que un foro es como si estuvieramos un grupo de programadores ayundandonos unos a otros y si no controlas una cosa no vas a leerte todo sobre esa tecnología...sino que pides ayuda... Asi lo entiendo yo.... De todos modos muchas gracias...porque muchas veces me habéis ayudado muchisimo... Y perdonar si abuso del foro pero de verdad que no doy a basto con el proyecto y no puedo investigar cada problema que tengo... |
|
16/01/2009, 08:00
| ||||
| ||||
| Respuesta: Mensaje al pasar ratón por input. Hay múltiples soluciones a tu problema: la más sencilla de ellas, dependiendo del número de inputs que tengas, sería crear divs ocultos como se te dijo, pero posicionarlos de manera absoluta y con display none y darle las coordenadas de tu input, luego con javascript decir por ejemplo:
Código:
y tooltip sería onmouseOver = "tooltip('iddeldivescondidoquequieras')";
Código:
donde "nombredelidescondido" es un parámetro que te indica el id, asi solo usas una función para llamar a todos los tooltips.<script type=text/javascript>
function tooltip(ide){
document.getElementById(ide).style.display = block;}
</script>
Digamos que tengas cuatro inputs, Con los ids: tool1. tool2, tool3, tool4. Y que tool1 sea el mensaje de tu primer input, entonces en el input solo tendrías que poner lo sgte:
Código:
Lo de posición absoluta, si quieres también te lo podría explicar.<input type="text" onmouseOver="tooltip('tool1');">
Pd.- No le des pasto al tipo ese "alexnoseque", tampoco te molestes si te dicen que investigues, que asi se aprende, a veces los demás están ocupados pero siempre que se pueda se ayuda. Espero haberte ayudado. Saludos |
