Tema: Cursor a la izquierda de una caja de texto, sin borrar su texto
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/06/2013, 18:31
Avatar de skyz
skyz
 
Fecha de Ingreso: abril-2010
Mensajes: 170
Antigüedad: 14 años
Puntos: 1
Exclamación Cursor a la izquierda de una caja de texto, sin borrar su texto
Saludos comunidad tengo la siguiente duda:

He creado el efecto que tienen las cajas de texto de la pagina de inscripcion de facebook (en la caja de texto tiene un texto descriptivo y al darle click desaparece el texto descriptivo, si la caja de texto no tiene nada escrito y el foco esta fuera de la caja de texto aparece de nuevo el texto descriptivo), aqui el codigo funcional:

JavaScript

Código Javascript: 
Ver original
  1. function ClickApareceDesapareceTexto(ObjCajaTexto,Texto)
  2. {
  3.   var ValorCajaTexto = ObjCajaTexto.value;
  4.    
  5.   if(ValorCajaTexto == Texto)
  6.     {
  7.       document.getElementById('user').value = '';
  8.       document.getElementById('user').className = 'Desaparece';
  9.     }
  10.     
  11.   if(ValorCajaTexto == '')
  12.     {
  13.       document.getElementById('user').value = Texto;
  14.       document.getElementById('user').className = 'Aparece';
  15.     }   
  16. }

Css

Código CSS: 
Ver original
  1. .Aparece {
  2.     color: #666666;
  3.     font-style: italic;
  4. }
  5. .Desaparece{
  6.     color: #000099;
  7. }

Html

Código HTML: 
Ver original
  1. <body>
  2.     <input name="user" id="user" type="text" value="Usuario..." class="Aparece" onclick="ClickApareceDesapareceTexto(this,'Usuario...')" onblur="ClickApareceDesapareceTexto(this,'Usuario...')" size="20" >
  3. </body>

La duda es como realizar el comportamiento de darle click a la caja de texto y me muestre el cursor parpadeando y el texto descriptivo no desaparesca, como se lo puede ver en las cajas de texto del formulario de Facebook :



porque el codigo que coloque no realiza dicho efecto .

Si no es el foro adecuado donde deberia ir esta pregunta, cambiarlo porfavor al lugar correcto.

Gracias por su tiempo.