area di testo dinamico e temporizzazioni

**d@ny1983** · 16-11-2006, 12:37

Ciao devo fare una simulazione e sto scrivendo del codice html integrato con javascript.Vi posto qui l' esempio:

<script language="JavaScript" type="text/javascript">

</script>
</head>
<body>
<div id="contenitore"> </div>

questo usa le temporizzazioni in javascript e fa comparire (pre ora solo) due frasi in tempi diversi settando opportunamente il time-out. Problemi:

1)visto ke le frasi dovranno essere molte vorrei sapere come creare un'area di testo ke
riesca a visualizzare gli output delle funzioni javascript evitando cosi l'effetto sulla pagina
di schiftamento verso il basso che ho quando compaiono le frasi.
2) questa pagina web dovrebbe simulare una partita di calcio che l'utente segue on-line dove le frasi sono le azioni.Con il semplice codice che ho scritto nn riesco a tenere memoria del passaggio del tempo ovvero se un utente u1 entra vedra' visualizzarsi le azioni dall'inizio della partita cosi come un utente u2 che entra dopo mezzora dall'inizio e cosi via...;l'effetto che vorrei ottenere invece è che l'utente u2 abbia caricata la pagina con le azioni svolte fino alla mezzora e poi veda dinamicamente le azioni che accadono comparire man mano

Spero di essere stato chiaro grazie

**cavicchiandrea** · 16-11-2006, 13:02

Premesso che la spiegazione non è proprio chiarissima, da quel po che ho campito, credo che una strada possibile sia AJAX un ottima guida la trovi su javascript.html.it
Ti anticipo che occorrono:
1) Buona conoscenza di js
2) Buona conoscenza di un linguaggio lato server
Senza questo diventa difficile relizzare quello che chiedi.

**d@ny1983** · 16-11-2006, 13:38

sai almeno dirmi come faccio a mettere l'output delle funzioni javascript in una text area in modo da evitare che tutta la pagina schifti verso il basso quando compare una nuova frase??

**cavicchiandrea** · 16-11-2006, 18:49

prova cosi:

codice:

<script language="JavaScript" type="text/javascript">
<!--
function frase1() {
document.getElementById('NomeTexArea').value="prima frase";
window.setTimeout("frase2()", 1000);
}

function frase2() {
document.getElementById('NomeTexArea').value="seconda frase";
}

timeoutId=window.setTimeout("frase1()", 1000);
//-->
</script>
</head>
<body>
<div id="contenitore"><textarea name="NomeTexArea" id="NomeTexArea" cols="20" rows="5">qui andra la frase</textarea></div>

**d@ny1983** · 16-11-2006, 19:28

purtroppo l'uso del tg text area è ok pero' visto che in tale area di testo dove tu hai scritto "qui ci vanno le frasi" io devo metterci cose del tipo
<div class="partita" id="contenitore"></div>
<div class="partita" id="contenitore2"> </div>
<div class="partita" id="contenitore3"></div>
.....
tanti quanti sono le frasi nn posso metterli cosi come sono nella posizione dove tu hai detto altrimenti mi visualizza nella text area

<div class....

come faccio??

**cavicchiandrea** · 16-11-2006, 19:40

Originariamente inviato da d@ny1983
purtroppo l'uso del tg text area è ok pero' visto che in tale area di testo dove tu hai scritto "qui ci vanno le frasi" io devo metterci cose del tipo
<div class="partita" id="contenitore"></div>
<div class="partita" id="contenitore2"> </div>
<div class="partita" id="contenitore3"></div>
.....
tanti quanti sono le frasi nn posso metterli cosi come sono nella posizione dove tu hai detto altrimenti mi visualizza nella text area

<div class....

come faccio??

Mi sembra che tu abbia molta confusione ti consiglio di leggere le ottime guide di html.it

**d@ny1983** · 16-11-2006, 19:49

io nn ho mai lavorato con javascript ma mi sembra che tu il problema ancora non lo hai capito allora:

è inutile che mi dici come si fa una textarea per metterci dentro delle semplici frasi perchè io devo mettere in tale text area degli output di funzioni javascript e visto che devo settare piu' volte il timeout della pagina ho dovuto metterle in dei contenitori div. ti posto il codice:

<div class="partita" id="contenitore"></div>
<div class="partita" id="contenitore2"> </div>
<div class="partita" id="contenitore3"></div>
<div class="partita" id="contenitore4"> </div>
<div class="half_time" id="contenitore5"> </div>
<div class="partita" id="contenitore6"></div>
<div class="partita" id="contenitore7"> </div>
<div class="partita" id="contenitore8"> </div>
<div class="partita" id="contenitore8"> </div>
<div class="partita" id="contenitore9"> </div>

<script language="JavaScript" type="text/javascript">
function frase1() {
document.getElementById('contenitore').innerHTML=" 22' Totti (ITA) tira sopra la traversa";
window.setTimeout("frase2()", 5000);
}

function frase2() {
document.getElementById('contenitore2').innerHTML= "29' gran colpo di testa di Gilardino (ITA) ma palla fuori";
window.setTimeout("frase3()", 5000);

}

function frase3() {
document.getElementById('contenitore3').innerHTML= "38' PIRLO tiro...GOOOAL!!!!";
document.getElementById('primo_marcatore').innerHT ML="38' Pirlo (ITA)";

avvia();
}
function frase4() {
document.getElementById('contenitore4').innerHTML= "45' un minuto di recupero";
window.setTimeout("frase5()", 1000);

}
function frase5() {
document.getElementById('contenitore5').innerHTML= "45+1 FINE PRIMO TEMPO...tutti a bere un tè caldo";
window.setTimeout("frase6()", 5000);

}
function frase6() {
document.getElementById('contenitore6').innerHTML= "46' si riparte con l'Italia al calcio d'inizio";
window.setTimeout("frase7()", 5000);

}

function frase7() {
document.getElementById('contenitore7').innerHTML= "52' tiro di Essien...di poco a lato!!";
window.setTimeout("frase8()", 5000);
}
function frase8() {
document.getElementById('contenitore8').innerHTML= "64' fallaccio di Essien...ammonito!!";
ammonito()
window.setTimeout("frase9()", 5000);

}
function frase9() {
document.getElementById('contenitore9').innerHTML= "65' si riprenderà con un calcio di punizione per l'Italia";

}
document.getElementById('ris').innerHTML="0-0"
timeoutId=window.setTimeout("frase1()", 3000);

var c1='#E0E4E3'
var c2='navy'
var cont = 0
var goal_ita=0
var goal_ghana=0
var min='64 '

function ammonito(){
codice= min+'[img]Italia-ghana_file/AMMONITO.bmp[/img]'
document.getElementById('amm').innerHTML =codice

}
function colore1(){
cont++

codice='<font color=' + c1+ '>1-0</font>'
document.getElementById('ris').innerHTML = codice
attesa = window.setTimeout("colore2()",500);
}
function colore2(){
codice='<font color=' + c2 + '>1-0</font>'
document.getElementById('ris').innerHTML =codice
if(cont==10){
stop()
}
else
attesa = window.setTimeout("colore1()",500)
}
function avvia()
{
goal_ita++
attesa = window.setTimeout("colore1()",500);
}

function stop(){
document.getElementById('ris').innerHTML = "1-0"
window.setTimeout("frase4()",5000);

}

</script>
capito??
grazie

Discussione: area di testo dinamico e temporizzazioni

Strumenti discussione

Ricerca discussione

Visualizza

area di testo dinamico e temporizzazioni

area di testo dinamico e temporizzazioni

risposta

Re: risposta

risposta

Permessi di invio