Live Ausgabe einer Textarea [JS, DOM...]

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Hallo! :smile:

Ich habe folgendes Problem:
Ich möchte einen in eine Textarea geschriebenen Text während des schreibens in einem Div auf der selben Seite ausgeben.

Ich habe beim Stöbern im Internet eine Lösung gefunden, die eigentlich das macht, was ich möchte; allerdings wird dabei ein IFrame genutzt, welches ich eigentlich nur nutzen möchte, wenn es absolut nicht anders geht. Leider war ich auch zu unfähig das gefundene Script so anzupassen, dass stattdessen ein Div benutzt wird… :frowning:

Gefundenes Script:
Test
var t;
var code;
function real_preview() {
prev = window.open("",„preview“);
prev.document.open();
prev.document.writeln(code);
prev.document.close();
}

// this introduces some delay so that the code is not re-evaluated at every keystroke.
function preview(thecode) {
if(t) { window.clearTimeout(t) }
code = thecode;
t = window.setTimeout(„real_preview()“,400);
}

Text

Ich habe leider absolut keine Ahnung von DOM und bin auch ein ziemlicher JavaScript Anfänger, also entschuldigt bitte, wenn meine Frage möglicherweise eigentlich ziemlich einfach ist…

Hilfe bitte!

#2

Hallo Putzi

Ich habe folgendes Problem:
Ich möchte einen in eine Textarea geschriebenen Text während
des schreibens in einem Div auf der selben Seite ausgeben.

In einem Div? Oder in einem div.p? oder in einem
div.form.textarea? Direkt in ein Div auszugeben
ist schlechter Stil.Real time Javascript stuff
/* <![CDATA[ */
var t;
var actual_text;

function formpreview(new_text)
{
if( t ) { window.clearTimeout( t ) }
actual_text = new_text;

t = window.setTimeout(
function() { document.showbox.view.value = actual_text; },
200 // this introduces ms delay
);
}
/* ]]> */

.

Schreib mal wieder!

Die id’s #showform und #inputform lassen sich mit css
direkt ansprechen.

Grüße

CMБ

#3

extended example :wink:
Hallo nochmal …

hier mal ein Beispiel, welches
auch in ein div.p schreibt:Real time Javascript stuff
/* <![CDATA[ */
var t;
var actual_text;

function formpreview(new_text)
{
if( t ) { window.clearTimeout( t ) }
actual_text = new_text;

t = window.setTimeout(
function() {
document.showbox.view.value = actual_text; // #1 textarea
var x = document.getElementById(‚divshow‘); // #2 div.p
x.innerHTML = ‚‘; x.innerHTML = actual_text; // #2 div.p
},
200 // this introduces ms delay
);
}
/* ]]> */

.

Schreib mal wieder!

Hierher!

Grüße

CMБ

#4

Vielen, vielen Dank für die Hilfe! :smile:

Ich hab es heute morgen (etwas anders) noch hinbekommen in eine weitere textarea zu schreiben, aber das mit dem div.p ist natürlich das Optimale. :smile: Nochmals vielen, vielen Dank!