Foros del Web » Programando para Internet » Javascript »

como se pone el contenido de un div en la variable?

Estas en el tema de como se pone el contenido de un div en la variable? en el foro de Javascript en Foros del Web. Buenas, tengo un textarea donde se escribe y a presionar un boton se pone lo escrito en un div, pero me gustaria que en lugar ...
  #1 (permalink)  
Antiguo 09/09/2012, 00:59
Avatar de waldragon  
Fecha de Ingreso: mayo-2010
Mensajes: 735
Antigüedad: 12 años, 2 meses
Puntos: 55
Pregunta como se pone el contenido de un div en la variable?

Buenas, tengo un textarea donde se escribe y a presionar un boton se pone lo escrito en un div, pero me gustaria que en lugar de cambiar lo nuevo por lo que ya estaba en ese div, se fuera sumando todo lo escrito

Esto es lo que tengo:
Código Javascript:
Ver original
  1. <script language="javascript" type="text/javascript">
  2. var textoo="contenido del div destino";//aca es donde tendria que tomar el contenido del div, pero no se como se hace
  3.  
  4. function llenarDIV(){      
  5. var obj = document.getElementById('destino');      
  6. obj.innerHTML = textoo + document.bbb.mensaje.value ;   }
  7. </script>
  8.  
  9. <div id="destino" name="destino" value="valor por defecto">DIV sin informacion</div>
  10. <form name="bbb">
  11. <textarea name="mensaje"  tabindex="1" rows="4" id="mensaje" style="width:694px;" >texto de prueba</textarea>
  12. <input type="button" value="Cambiar" onClick="llenarDIV();">
  13. </form>

cambia lo escrito en el div destino por lo que se escribe en el textarea, pero como hago para mantener lo que ya tiene el div sumandole lo nuevo? gracias...
  #2 (permalink)  
Antiguo 09/09/2012, 08:16
 
Fecha de Ingreso: diciembre-2011
Mensajes: 98
Antigüedad: 10 años, 7 meses
Puntos: 29
Respuesta: como se pone el contenido de un div en la variable?

Me parece que esto es lo que quieres:
Código Javascript:
Ver original
  1. <script language="javascript" type="text/javascript">
  2.  
  3. function llenarDIV(){
  4. var textoo=document.getElementById("destino").innerHTML;//aca es donde tendria que tomar el contenido del div, pero no se como se hace
  5. var obj = document.getElementById('destino');
  6. obj.innerHTML = textoo + document.bbb.mensaje.value ;   }
  7. </script>
  8.  
  9. <div id="destino" name="destino" value="valor por defecto">DIV sin informacion</div>
  10. <form name="bbb">
  11. <textarea name="mensaje"  tabindex="1" rows="4" id="mensaje" style="width:694px;" >texto de prueba</textarea>
  12. <input type="button" value="Cambiar" onClick="llenarDIV();">
  13. </form>


Para coger qualquier texto de dentro de un div, span u otro usa "innerHTML"
  #3 (permalink)  
Antiguo 09/09/2012, 11:01
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 15 años, 1 mes
Puntos: 1567
Respuesta: como se pone el contenido de un div en la variable?

Para darle un poco de sentido a eso que querés hacer, habría que limpiar el contenido del area de texto tras presionar le botón, si no no solo vas a estar agregandp texto, sino repitiendo una y otra vez lo ya escrito
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <script type="text/javascript">
  7. //<![CDATA[
  8. function llenarDIV(){
  9. var obj = document.getElementById('destino');
  10. obj.innerHTML += ' ' + document.getElementById('mensaje').value;
  11. document.getElementById('mensaje').value = "";
  12. }
  13. //]]>
  14. </head>
  15. <form action="#">
  16. <textarea tabindex="1" rows="4" cols="40" id="mensaje" style="width:694px;">
  17.  <input type="button" value="Cambiar" onclick="llenarDIV();" />
  18.  </form>
  19. <div id="destino"></div>
  20. </body>
  21. </html>
Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #4 (permalink)  
Antiguo 09/09/2012, 23:11
Avatar de waldragon  
Fecha de Ingreso: mayo-2010
Mensajes: 735
Antigüedad: 12 años, 2 meses
Puntos: 55
Respuesta: como se pone el contenido de un div en la variable?

Cita:
Iniciado por nilburcion Ver Mensaje
Me parece que esto es lo que quieres:
Código Javascript:
Ver original
  1. <script language="javascript" type="text/javascript">
  2.  
  3. function llenarDIV(){
  4. var textoo=document.getElementById("destino").innerHTML;//aca es donde tendria que tomar el contenido del div, pero no se como se hace
  5. var obj = document.getElementById('destino');
  6. obj.innerHTML = textoo + document.bbb.mensaje.value ;   }
  7. </script>
  8.  
  9. <div id="destino" name="destino" value="valor por defecto">DIV sin informacion</div>
  10. <form name="bbb">
  11. <textarea name="mensaje"  tabindex="1" rows="4" id="mensaje" style="width:694px;" >texto de prueba</textarea>
  12. <input type="button" value="Cambiar" onClick="llenarDIV();">
  13. </form>


Para coger qualquier texto de dentro de un div, span u otro usa "innerHTML"
muchas gracias nilburcion, es que recien estoy empezando con js y no sabia eso.
Le agregue un salto de linea para que no salga todo seguido, es para un chat...
  #5 (permalink)  
Antiguo 09/09/2012, 23:17
Avatar de waldragon  
Fecha de Ingreso: mayo-2010
Mensajes: 735
Antigüedad: 12 años, 2 meses
Puntos: 55
Respuesta: como se pone el contenido de un div en la variable?

Cita:
Iniciado por emprear Ver Mensaje
Para darle un poco de sentido a eso que querés hacer, habría que limpiar el contenido del area de texto tras presionar le botón, si no no solo vas a estar agregandp texto, sino repitiendo una y otra vez lo ya escrito
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <script type="text/javascript">
  7. //<![CDATA[
  8. function llenarDIV(){
  9. var obj = document.getElementById('destino');
  10. obj.innerHTML += ' ' + document.getElementById('mensaje').value;
  11. document.getElementById('mensaje').value = "";
  12. }
  13. //]]>
  14. </head>
  15. <form action="#">
  16. <textarea tabindex="1" rows="4" cols="40" id="mensaje" style="width:694px;">
  17.  <input type="button" value="Cambiar" onclick="llenarDIV();" />
  18.  </form>
  19. <div id="destino"></div>
  20. </body>
  21. </html>
Saludos
tienes razon, al ver lo que escribiste no me di cuenta que ya lo habias arreglado, entonces me puse a buscar en g como se haria eso, y cuando lo voy a agregar, veo que ya lo habias solucionado, jaja,

tambien le puse que despues de enviar ponga el foco nuevamente en el textarea y que se envie al presionar enter...

Código Javascript:
Ver original
  1. <script>
  2. function envAUT(e) {
  3. tecla = (document.all) ? e.keyCode :e.which;
  4.     if(tecla==13 && !e.shiftKey){//13
  5.     llenarDIV();
  6.     return false;
  7.     }
  8. return true;
  9. }
  10. </script>
  11. <script language="javascript" type="text/javascript">
  12.  
  13. function llenarDIV(){
  14. var textoo=document.getElementById("destino").innerHTML;//aca es donde tendria que tomar el contenido del div, pero no se como se hace
  15. var obj = document.getElementById('destino');
  16. obj.innerHTML = textoo + "<br/>" + document.bbb.mensaje.value ;  
  17. document.getElementById('mensaje').value = ''; //para limpiar el textarea
  18. document.bbb.mensaje.focus();//para poner el foco o cursor en el textarea
  19. }
  20. </script>
  21.  
  22. <div id="destino" name="destino" value="valor por defecto">DIV sin informacion</div>
  23. <form name="bbb" >
  24. <textarea name="mensaje"  tabindex="1" rows="4" id="mensaje" style="width:694px;" onkeypress="return envAUT(event);">texto de prueba</textarea>
  25. <input type="button" value="Cambiar" onClick="llenarDIV();">
  26. </form>

muchas gracias, esto va tomando forma...

Etiquetas: contenido, html, input, botones
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 03:50.