Newsgroup: it.comp.lang.javascript
Titolo: come inserire il testo scritto nella textarea in "real time" nella stessa pagina?

come inserire il testo scritto nella textarea in "real time" nella stessa
pagina?
Vorrei scrivere una pagina in cui l'utente scrive in una textarea una
parte del codice HTML ... per fargli vedere come verrà quello che lui
scrive.... vorrei farglielo vedere "in tempo reale" cioè mentre lui
scrive in una parte della pagina stessa.
Come posso fare?
Grazie in anticipo, Mario.

</textarea></p>
</form>
</BODY>
</HTML>
--
andreotta fabiano
WebMªster ATI POWER s.n.c.
andr...@atipower.it
http://www.aticommerce.com
  (new)
http://www.atipower.it
http://www.jsdir.com
http://www.dxml.it
  (u.c.)

Prova questo, non so se è proprio quello che volevi... ma credo di si!
<html>
<head>
<title>Untitled Document</title>
<script>
function scriviilcodice()
{
 if (document.all)
    {
  document.all.comeviene.innerHTML=document.all.codice.value;
 }
 else if (document.layers) {
 document.divZoom.document.write(document.all.codice.value);
 document.divZoom.document.close();
}
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<textarea rows="10" cols"10" name="codice"
onKeypress="scriviilcodice()"></textarea>
<div id="comeviene" name="comeviene" style="background-color:red;
height:120px; width:120px"></div>
</body>
</html>
ciao
Stefano
---------------------------------------------------------
VI ASPETTIAMO TUTTI NELLA CHAT del CANALE!!!
server             
irc.net36.com
    port. 6667
server 2          
irc.azzurra.net
    port. 6667
chan                 #JavaScript
--------------------------------------------------------

oooopss! ^___^
sostituisci divZoom con comeviene ^___^
else if (document.layers) {
  document.comeviene.document.write(document.all.codice.value);
  document.comeviene.document.close();
Piccolo errore!


 Prova questo,
Davvero una chicca, complimenti :)
Sono un recente estimatore del js, e non ho toccato il tuo script, non
ne avrei capacita'; mi sono tuttavia permesso di apportarvi una modesta
"revisione estetica", ma solo al fine di renderlo fruibile. Con IE noto
che reagisce alla perfezione; NN invece, oltre al pretendere la textarea
inserita in un modulo, afferma che la sintassi contiene un errore. Per
pura curiosita': che dici, c'e' rimedio? Ti/vi fornisco l'occorrente per
un copy/paste:
<html>
<head>
<title>Scrivi il codice</title>
<script>
function scriviilcodice()
{
 if (document.all)
    {
  document.all.comeviene.innerHTML=document.all.codice.value;
}
else if (document.layers) {
  document.comeviene.document.write(document.all.codice.value);
  document.comeviene.document.close();
}
}
</script>
</head>
<body bgcolor="#FFFFCC">
<div align="center"> 
  <form method="post" action="">
    <textarea name="codice"
onKeyUp="scriviilcodice()" cols="100" rows="10">&lt;HTML&gt; 
&lt;HEAD&gt; 
&lt;TITLE&gt;&lt;/TITLE&gt; 
&lt;/HEAD&gt; 
&lt;BODY&gt;
 
&lt;/BODY&gt; 
&lt;/HTML&gt; </textarea>
  </form>
</div>
<div id="comeviene" name="comeviene";
height:120px; width:120px"></div>
</body>
</html>
-- 
mailto: y = i
----------------------------------------
Vivo nel terrore di non essere frainteso 
(Oscar Wilde)

A dire il vero non l'ho proprio provato con netscape, ho fatto un copia
incolla da un altro file... anche la soluzione che ti sto postando adesso
non l'ho provata ma credo che sia quella giusta.... fammi sapere.
Una cosa, non puoi togliere il tag style dal dive e lasciare le condizioni
separate da un ; questo genera errore, se non vuoi dimensionare un livello è
sufficente mettere come attiribuo del taga solo l'id.
CIAO
Stefano
_______ CODICE HTML _________
<html>
<head>
<title>Scrivi il codice</title>
</head>
<script language="JavaScript">
function scriviilcodice()
{
 if (document.all)
    {
  document.all.divZoom.innerHTML=document.all.codice.value;
}
else if (document.layers) {
 document.divZoom.document.write(document.form1.codice.value);
        document.divZoom.document.close();
}
}
</script>
<body bgcolor="#FFFFCC">
<div align="center">
  <form method="post" action="" name="form1">
    <textarea name="codice" onKeyUp="scriviilcodice()" cols="100" rows="10">
 &lt;HTML&gt;
 &lt;HEAD&gt;
 &lt;TITLE&gt;&lt;/TITLE&gt;
 &lt;/HEAD&gt;
 &lt;BODY&gt;
 &lt;/BODY&gt;
 &lt;/HTML&gt; </textarea>
 </form>
</div>
<div id="divZoom"></div>
</body>
</html>

 sufficente mettere come attiribuo del taga solo l'id.
Prendo nota, thank you :)


un copy/paste:
document.all  e' una collezione sconosciuta a nn4
che preferisce anche il tag layer (abbandonato da ns6)
anche se un div puo' essere fatto riconoscere nella collezione layers
di ns4
comunque prova questo mi pare funzioni pe rIe e ns4 (non 6)
<html>
<head>
<title>Scrivi il codice</title>
<script>
function scriviilcodice()
{
 if (document.all)
    {
  document.all.comeviene.innerHTML=document.all.codice.value;
}
else if (document.layers) 
{bb=document.forms[0].codice.value
with(a=document.layers.comeviene)
 a.document.write(bb);
  a.document.close();
}
}
</script>
</head>
<body bgcolor="#FFFFCC">
<div align="center"> 
  <form method="post" action="">
    <textarea name="codice"
onKeyUp="scriviilcodice()" cols="100" rows="10">&lt;HTML&gt; 
&lt;HEAD&gt; 
&lt;TITLE&gt;&lt;/TITLE&gt; 
&lt;/HEAD&gt; 
&lt;BODY&gt;
 
&lt;/BODY&gt; 
&lt;/HTML&gt; </textarea>
  </form>
</div>
<div id="comeviene">
<layer name="comeviene" height=120 width=120 >
</layer>
</div>
</body>
</html>

 Cata, forse per te che sei nuovo... e` roba vecchia e stravecchia :)
SPYROOOOOO! Ho sbagliato a esprimermi: buttaci quella roba stantia che
M. Balestra e' solito mettere sul ng :-DD 
(un Cata nuovo e stranuovo, che ha scoperto di recente il js per colpa
tua :))


 comunque prova questo mi pare funzioni pe rIe e ns4 (non 6)
Ora lo vede, fa i cavoli suoi ma lo vede :-)  Ho provato con NN4xx tanto
su MacOs quanto su Windows, stranamente hanno lo stesso difetto:
elementi d'ogni genere vanno a capo quando pare a loro. No problem
comunque, per me il js e' unicamente uno svago, per ora mi limito ad
apprezzarlo ;)  Ciao, grazie


 wrote in message
3afa9b83...@news.iunet.it...
paolo hai perfettamente ragione e che č un pň che ho lasciato perdere
JavaScript lato client  e quindi mi devo ripassare qualcosina ^^;; vabbé
speriamo che con l'estate arrivi un pň di tempo in piů.
Ciao e Grazie
Stefano