giocala88 (Normal User)
Expert
Messaggi: 248
Iscritto: 23/04/2008
|
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 |
<style> textarea{font-family:verdana, arial; font-size:10px; width:300px; height: 100px;} #preview{font-family:verdana, arial; font-size:10px; width:300px; height: 100px; border:1px solid #000000; background-color:#cccccc; color:#8F3E3E; overflow:auto;} </style> <script> function showpreview(){ contenuto_testo=document.getElementById("testo").value; // trasformo a capo in <br/> contenuto_testo=contenuto_testo.replace(/\n/g,"<br/>"); document.getElementById("preview").innerHTML=contenuto_testo; } </script> <textarea id="testo" onkeyup="showpreview()"></textarea> <br/>Preview:<br/> <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 |
|
dotNET (Member)
Rookie
Messaggi: 26
Iscritto: 13/09/2010
|
Certo, io ti consiglio di utilizzare comunque jQuery che è crossbrowser e piu intuitivo.
basta fare cosi :
Codice sorgente - presumibilmente Javascript |
<script> $(document).ready(function(e) { $("#preview").keyup(function(e) { $("#testo").val($(this).html().replace(/<br>/g, '\n')); }); }); </script> <textarea id="testo"></textarea> <br/>Preview:<br/> <div id="preview" contenteditable=“true”></div>
|
|
|
giocala88 (Normal User)
Expert
Messaggi: 248
Iscritto: 23/04/2008
|
ottimo
|
|