Foros del Web » Programando para Internet » Javascript »

Cómo borrar el contenido de un textarea al pinchar sobre él?

Estas en el tema de Cómo borrar el contenido de un textarea al pinchar sobre él? en el foro de Javascript en Foros del Web. Hola! cómo hacer para que se borre automaticamente el contenido de un textarea al pinchar sobre él? Por ejemplo de este textarea: <textarea name="mitextarea" cols="30" ...
  #1 (permalink)  
Antiguo 25/11/2008, 18:28
Avatar de Sandunguero  
Fecha de Ingreso: junio-2006
Mensajes: 56
Antigüedad: 18 años, 5 meses
Puntos: 0
Cómo borrar el contenido de un textarea al pinchar sobre él?

Hola!

cómo hacer para que se borre automaticamente el contenido de un textarea al pinchar sobre él?

Por ejemplo de este textarea:

<textarea name="mitextarea" cols="30" rows="6" >Escriba aqui sus datos.</textarea>

Quisiera que al pinchar en él desaparezca el texto inicial de "Escriba aqui sus datos". Pero claro, que despues de la primera vez, si el usuario ya ha escrito algo, que no se borre todo de nuevo si vuelve a pinchar dentro otra vez.

Gracias!
  #2 (permalink)  
Antiguo 25/11/2008, 18:36
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años, 7 meses
Puntos: 839
Respuesta: Cómo borrar el contenido de un textarea al pinchar sobre él?

Podría ser algo así:
Código javascript:
Ver original
  1. if (textarea.value=="Escriba aqui sus datos") textarea.value = "";
O sea, que si en el textarea tenemos "Escriba aquí sus datos", borrarlo. Eso lo podrías poner en el evento onfocus (al enfocarlo).
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 26/11/2008, 05:12
Avatar de Sandunguero  
Fecha de Ingreso: junio-2006
Mensajes: 56
Antigüedad: 18 años, 5 meses
Puntos: 0
Respuesta: Cómo borrar el contenido de un textarea al pinchar sobre él?

Gracias por la ayuda David!

He probado con este trozo de código pero no pasa nada al pinchar en el textarea.

Código:
<script>
function borra()
{
  if (document.getElementById('mitextarea').value=="Escriba aqui sus datos")
     document.getElementById('mitextarea').value="";
}
</script>



<textarea name="mitextarea" cols="30" rows="6" onClick="borra()">Escriba aqui sus datos</textarea>

¿En qué me estoy equivocando?
  #4 (permalink)  
Antiguo 26/11/2008, 05:16
Avatar de Sandunguero  
Fecha de Ingreso: junio-2006
Mensajes: 56
Antigüedad: 18 años, 5 meses
Puntos: 0
Respuesta: Cómo borrar el contenido de un textarea al pinchar sobre él?

Acabo de ver que me decías que usara el evento onFocus. Lo acabo de modificar, quitando el onClick que yo tenía, y tampoco funciona.
  #5 (permalink)  
Antiguo 26/11/2008, 05:20
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años, 5 meses
Puntos: 834
Respuesta: Cómo borrar el contenido de un textarea al pinchar sobre él?

No le asignaste id al textarea y name!=id
  #6 (permalink)  
Antiguo 26/11/2008, 05:27
Avatar de Sandunguero  
Fecha de Ingreso: junio-2006
Mensajes: 56
Antigüedad: 18 años, 5 meses
Puntos: 0
Respuesta: Cómo borrar el contenido de un textarea al pinchar sobre él?

Gracias!! Por fin funciona!!
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 18:48.