Automatsko prikazivanje teksta dok se upisuje

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Zanima me parče jQuery ili javascript koda koji će rešiti moj problem:
Imam jednu TEXTAREA formu u koju pišem neki tekst. Dok ga upisujem želim da se odmah ispisuje u jedan DIV ispod u HTML stranici. Kako to da uradim? Ne nađem tutorijal na netu. Hvala!

• 2Ovo se svidja korisnicima: iCho, Default
  
  Registruj se da bi pohvalio/la poruku!

Drugar da li ti moze ovo pomoci , nisam ovladao ovom oblasti jos, ali sam guglao nesto, nadam se da je od pomoci?

http://stackoverflow.com/questions/8173718/auto-show-preview-from-text-box

???

• 1Ovo se svidja korisniku: nike992
  
  Registruj se da bi pohvalio/la poruku!

Svaka čast.. sutra ću isprobati. Hvala ti!

• 1Ovo se svidja korisniku: Default
  
  Registruj se da bi pohvalio/la poruku!

HTML
  <input id="tb" /> <div id="show"></div>

jQuery

$('#tb').keyup(function() {     $('#show').html($('#tb').val()); });

• 1Ovo se svidja korisniku: Default
  
  Registruj se da bi pohvalio/la poruku!

nike992 ::HTML
  <input id="tb" /> <div id="show"></div>

jQuery

$('#tb').keyup(function() {     $('#show').html($('#tb').val()); });

Ili jednostavno , gotov primer u JSFiddle:

http://jsfiddle.net/LUDWQ/2/

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

nike992 ::HTML
  <input id="tb" /> <div id="show"></div>

jQuery

$('#tb').keyup(function() {     $('#show').html($('#tb').val()); });

Ovo super radi! E sada sledeći i zadnji problem. Kako da mi HTML prepozna novi red kada u mesto inpit stavim textarea? Kada napravim novi red on samo napravi u DIV razmak. Dali mogu da stavim neki kod koji zamenjuje određene elemente? ili bar da mi \r\n koji je sakriven u kodu dok kucaš pretvori u <br>?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

A što ne koristiš atribut contenteditable? http://www.w3schools.com/tags/att_global_contenteditable.asp

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

cvrlebg ::A što ne koristiš atribut contenteditable? http://www.w3schools.com/tags/att_global_contenteditable.asp

Prvi put u životu vidim ovu opciju. Veoma korisno. Ali baš mi treba ova druga varijanta koju sam naveo sa formom zbog snimanja i editovanja.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Event Listener

http://api.jquery.com/category/events/

• 3Ovo se svidja korisnicima: Lackeeee, E.L.I.T.E., Default
  
  Registruj se da bi pohvalio/la poruku!

E hvala vam, evo rešenja koje mi je pomoglo i radi sve što mi treba:
<script> $(function(){    $("#banner_text").keyup(function() {    var texts = $("#banner_text").val();       texts=texts.replace(/\n/g,"<br>");       $("#banner_text_show").html("<div style=\"width:auto;owerflow:hidden;\">"+texts+"</div>");       });    });    </script>

Insert new text here (HTML is enabled). <textarea style="width:750px; height:100px; margin-top:0px; resize:vertical;" id="banner_text" name="banner_text"></textarea> <div id="banner_text_show"></div>

Ovo sam ubacio i radi perfektno. Fora je bila što tekst koji upišem na kraju šaljem putem email-a i trebalo mi je da prikažem u realnom vremenu kako će u email-u izgledati.

Hvala Vam!