Ver Mensaje Individual
  #2 (permalink)  
Antiguo 10/04/2013, 10:31
Bultack
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Hover con text

Me estoy imaginando cómo es la página que tienes.

Tienes una imagen en una página y un input text oculto, el input text debe mostrarse cuando el usuario tiene el icono del ratón encima de la imagen. ¿Si el usuario quita el icono del ratón de la imagen desaparecerá el input text? Si es así, la única opción que se me ocurre para que el usuario pueda escribir en el input text sin tener que mover el ratón es accediendo a dicho input mediante la tecla tabulador o utilizando el atributo focus de la etiqueta input.

De todas formas para conseguir esto creo que lo mejor sería utilizar jQuery:

Código:
$(document).ready( function() {
	$(".inputText").css('display','none'); //Ocultamos el input text cuando cargue la página	
	
	$("img").mouseenter(function() {
		$(".inputText").show('show');
	}); //Mostramos input text cunado el ratón está sobre la imagen
	
	$("h1").mouseleave( function(){
		$(".inputText").hide('slow');

	});//Ocultamos input text cuando el ratón se quita de la imagen
});
A todo esto, tendrás que añadir la librería jQuery a tu página.