Questo sito utilizza cookies, anche di terze parti, per mostrare pubblicità e servizi in linea con il tuo account. Leggi l'informativa sui cookies.
Username: Password: oppure
Javascript - Copiare il contenuto di un div editable in textarea (risolto)
Forum - Javascript - Copiare il contenuto di un div editable in textarea (risolto)

Avatar
giocala88 (Normal User)
Expert


Messaggi: 248
Iscritto: 23/04/2008

Segnala al moderatore
Postato alle 0:30
Mercoledì, 29/05/2013
Salve ragazzi ho un problema ...girando in rete mi sono imbattuto in questo script che fa vedere un'anteprima di ciò che viene scritto in una textarea in un div. Posto il codice

Codice sorgente - presumibilmente Javascript

  1. <style>
  2.         textarea{font-family:verdana, arial; font-size:10px; width:300px; height: 100px;}
  3.         #preview{font-family:verdana, arial; font-size:10px; width:300px; height: 100px; border:1px solid #000000; background-color:#cccccc; color:#8F3E3E; overflow:auto;}
  4. </style>
  5. <script>
  6. function showpreview(){
  7.         contenuto_testo=document.getElementById("testo").value;
  8.         // trasformo a capo in <br/>
  9.         contenuto_testo=contenuto_testo.replace(/\n/g,"<br/>");
  10.         document.getElementById("preview").innerHTML=contenuto_testo;
  11. }
  12. </script>
  13.  
  14. <textarea id="testo" onkeyup="showpreview()"></textarea>
  15. <br/>Preview:<br/>
  16. <div id="preview"></div>



Devo dire che il codice funziona alla grande solo che vorrei fare una cosa inversa. In pratica rendendo un div editable è possibile "spostare" il contenuto di questo in una texarea??? Grazie

Ultima modifica effettuata da giocala88 il 31/05/2013 alle 15:52
PM Quote
Avatar
dotNET (Member)
Rookie


Messaggi: 26
Iscritto: 13/09/2010

Segnala al moderatore
Postato alle 9:40
Mercoledì, 29/05/2013
Certo, io ti consiglio di utilizzare comunque jQuery che è crossbrowser e piu intuitivo.
basta fare cosi :
Codice sorgente - presumibilmente Javascript

  1. <script>
  2. $(document).ready(function(e)
  3. {
  4.     $("#preview").keyup(function(e)
  5.     {
  6.         $("#testo").val($(this).html().replace(/<br>/g, '\n'));
  7.     });
  8. });
  9. </script>
  10. <textarea id="testo"></textarea>
  11. <br/>Preview:<br/>
  12. <div id="preview" contenteditable=true></div>



Perito informatico diplomato all' ITI Majorana Grugliasco ( TO ) 2010/2011
Punteggio finale : 77 / 100
linguaggi conosciuti : VB.NET, C#, C, C++, JAVA, JS, ACTION SCRIPT 3.0, PHP, ASP.NET, VB6
Lavora in DORODESIGN - www.siamodoro.com
PM Quote
Avatar
giocala88 (Normal User)
Expert


Messaggi: 248
Iscritto: 23/04/2008

Segnala al moderatore
Postato alle 15:52
Venerdì, 31/05/2013
ottimo :k:

PM Quote