Oggetti in movimento [era: Come si fa?]

**Andre00** · 27-06-2003, 20:12

Ho visto in alucni siti finestre aprirsi progressivamente o addiritturra menù aprirsi progressivamente all'interno della stessa pagina.

Come si fa a far fare qualcosa ad una funzione in modo progressivo?

es se volessi far comparire una tabella da sinistra verso destra

non dovrei usare un ciclo for per rallentare il tutto ?

Ho provato ma non funziona come mai?

Es avendo un tag div nel bodu della pagina

<div id="prova" width="??" height="??">
<table onmouseover=funzione()>
ec...
</table>
</div>

e la funzione sarebbe

funzione() {

for (i=1;i<200;i++) {

document.prova.width=i;

}
}

ma non me lo visualizza progressivamente
PErchè?

Grazie a tutti.

**antares25** · 27-06-2003, 21:55

Un esempio di prova con la sintassi corretta:

<html>

<head>
<script>
function funzione() {

for (i=1;i<200;i++) {

document.all.prova.style.width=i;
document.all.prova.style.height=i;

}
}
</script>
</head>

<body>
<div id="prova" style="width:50;height:20;background:yellow">
<table onmouseover="funzione()">
<tr>
<td>
Ciaooooo
</td>
</tr>
</table>
</div>
</body>

</html>

Oppure in questo esempio con un timer
che gestisce l'apertura (meglio del for secondo me) :
<html>

<head>
<script>
var x=50;var y=20;
function funzione() {
setTimeout("funz2()",20);
}
function funz2() {
x++;
y++;
if ( x<=200 ) {
document.all.prova.style.width=x;
document.all.prova.style.height=y;
funzione();
}
}
</script>
</head>
<body>
<div id="prova" style="width:50;height:20;background:yellow">
<table onmouseover="funz2()">
<tr>
<td>
Ciaooooo
</td>
</tr>
</table>
</div>
</body>
</html>

Ovviamente sono solo esempi e vanno adattati e migliorati

Ciao

Discussione: Oggetti in movimento [era: Come si fa?]

Strumenti discussione

Ricerca discussione

Visualizza

Come si fa?

Permessi di invio