pop-up

**Mich_** · 29-04-2004, 11:34

Originariamente inviato da kaze
Cmq utilizzano lo script che ti ho indicato qualche post sopra.

:quote:

Non mi pare.
Nel sito di comprabanner usano uno script che funziona anche sotto Mozilla (io lo vedo), mentre lo script di dynamicdrive e` espressamente solo per IE.

**ludoweb.it** · 29-04-2004, 11:36

Allora mi da errore su: movogg.style.left = px; va bene cosi come lo messo?

<HTML>
<HEAD>
<STYLE>
#dflott
{
position: absolute;
left: 0;
top: 0;
background-color: transparent;
width: 100;
heigth: 200;
}
#iflott
{
width: 100;
height: 200;
background-color: inherit;
}
</STYLE>

<script type="text/javascript">
// random movement of a layer
// (c) Mich_, 2004
// variable parameters

var minx = 0; // min horizontal position
var maxx = 500; // max horizontal position
var miny = 0; // min vertical position
var maxy = 500; // max vertical position
var speedx = 10; // speed of every step - hor.
var speedy = 10; // speed of every step - vert.
var reptime = 100; // time of step (20 - 500)
var maxrep = 0; // -1:stop; 0:loop forever
var px = 0; // initial positions
var py = 0;

// ==== do not edit below this line ====
var movogg = document.getElementById('dflott');
var count = 0;

function moveflott () {
var dx = Math.round(Math.random()*speedx - speedx/2);
var dy = Math.round(Math.random()*speedy - speedy/2);

px += dx;
py += dy;
if (px < minx) px = minx;
else if (px > maxx) px = maxx;
if (py < miny) py = miny;
else if (py > maxy) py = maxy;

movogg.style.left = px;
movogg.style.top = py;

count++;
if(maxrep < 0) return false;
else if(maxrep > 0 && count > maxrep) return false;

setTimeout('moveflott()', reptime);
return true;
}
</script>
</HEAD>
<BODY onload="moveflott();">
<div id="dflott">
[img]albero.gif[/img]
</div>
</BODY>
</HTML>

**Mich_** · 29-04-2004, 11:43

Manca la pagina dentro cui muoversi. Potrebbe essere un problema.
Metti dentro al body anche un <div> con dimensioni 98%x98% e mettici dentro qualcosa.

Dovresti anche dire che errore da`.
Prova comunque a sostituire queste dure righe:
movogg.style.left = px;
movogg.style.top = py;
con:
document.getElementById('dflott').style.left = px;
document.getElementById('dflott').style.top = py;

All'inizio vedi l'immagine dell'albero in alto a sin?

**ludoweb.it** · 29-04-2004, 11:45

allora si vedo l'albero a sinistra e si muove leggermente!!!!

ora provo la div al 98% grazie!

**ludoweb.it** · 29-04-2004, 11:48

allora piu o meno funge ma se voglio che so che dopo 20 secondi sparisce e' possibile?

**Mich_** · 29-04-2004, 11:54

Metti un valore congruo al maxrep.
Potrebbe essere 200, se lasci fermi gli altri valori.

Per modificare la velocita`, devi agire sui parametri speed e reptime.
Poi forse occorre modificare la randomizzazione.

PS. Cosa hai fatto per arrivare al tuo "piu o meno funge"?

**ludoweb.it** · 29-04-2004, 12:21

eccoti il codice completo:
cosi funziona si muove, solo che va in discesa..cioe' non sale..e cmq fa smepre lo stesso percorso..
Io non ci capisco davvero tanto di javascript ma cmq siamo gia a dun buon passo..manca poko per fare una cosa davvero buona!
Cmq ho visto che il maxrep tipo se lo setto a 20 a 20 si ferma ma nn sparisce rimane nella pagina ma fermo..

<HTML>
<HEAD>
<STYLE>
#dflott
{
position: absolute;
left: 0;
top: 0;
background-color: transparent;
width: 100;
heigth: 200;
}
#iflott
{
width: 100;
height: 200;
background-color: inherit;
}
</STYLE>

<script type="text/javascript">
// random movement of a layer
// (c) Mich_, 2004
// variable parameters

var minx = 0; // min horizontal position
var maxx = 800; // max horizontal position
var miny = 0; // min vertical position
var maxy = 250; // max vertical position
var speedx = 10; // speed of every step - hor.
var speedy = 10; // speed of every step - vert.
var reptime = 100; // time of step (20 - 500)
var maxrep = 200; // -1:stop; 0:loop forever
var px = 0; // initial positions
var py = 0;

// ==== do not edit below this line ====
var movogg = document.getElementById('dflott');
var count = 0;

function moveflott () {
var dx = Math.round(Math.random()*speedx - speedx/8);
var dy = Math.round(Math.random()*speedy - speedy/8);

px += dx;
py += dy;
if (px < minx) px = minx;
else if (px > maxx) px = maxx;
if (py < miny) py = miny;
else if (py > maxy) py = maxy;

document.getElementById('dflott').style.left = px;
document.getElementById('dflott').style.top = py;

count++;
if(maxrep < 0) return false;
else if(maxrep > 0 && count > maxrep) return false;

setTimeout('moveflott()', reptime);
return true;
}
</script>
</HEAD>
<BODY onload="moveflott();">
<div id="dflott">
[img]albero.gif[/img]
</div>
</BODY>
</HTML>

**Mich_** · 29-04-2004, 12:29

Ad ogni richiesta c'e` una risposta.

Hai ragione. Si ferma e resta li`.

Fai questa modifica (alla fine dello script):

codice:

  count++;
  if(maxrep < 0) {
    document.getElementById('dflott').style.display = 'none';
    return false;
  } else if(maxrep > 0 && count > maxrep) {
    document.getElementById('dflott').style.display = 'none';
    return false;
  } else {
    setTimeout('moveflott()', reptime);
    return true;
  }

Con un codice piu` sofisticato si potrebbe anche farlo uscire dallo schremo, prima di farlo sparire.

Quindi il problema era l'uso dell'oggetto movogg?
Puoi dirmi con che browser stai provando il tutto?
E nella tua pagina c'e` un DOCTYPE?

**ludoweb.it** · 29-04-2004, 12:37

allora come doctype uso lui:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

come browser uso Internet Explorer 6

allora il problema della sparizione e' perfetto grazie mille, ora se si riuscisse a sistmar eil movimento e renderlo random sarebbe perfetto..cmq ti rigrazio davvero tanto..sei un genio!

**Mich_** · 29-04-2004, 14:56

Il movimento attuale e` random (piu` random di cosi` ...).

Occorre capire cosa vuoi. Potrebbe essere (ad esempio):
- un movimento uniforme che fa urti elastici contro i bordi;
- un movimento che prosegue comunque diritto (moto uniforme) fino ad un bordo, poi cambia direzione random;
- un urto contro ostacoli random;
- ... la fantasia non ha limite ...

Discussione: pop-up

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio