pop up come virgilio

**christazio** · 20-06-2005, 16:34

Come faccio a realizzare un popup come sulla home di www.virgilio.it ?
Grazie

**fcaldera** · 20-06-2005, 16:42

tecnicamente quello è un overlay e non una popup. La realizzazione consiste essenzialmente nell'espandere verticalmente un DIV e temporizzarne l'espansione attraverso settimeout e la chiusura tramite apposito pulsante.

puoi trovare diverso materiale su
http://www.google.it/search?hl=it&q=...+overlay&meta=

**christazio** · 20-06-2005, 16:57

più semplicemente mi interessava avere un'effetto del genere
pro.html.it

**fcaldera** · 20-06-2005, 17:02

nemmeno quella è una popup, ma un layer sovrapposto privo di bordi a cui è stato impostato uno z-index più alto rispetto agli altri elementi della pagina.

**christazio** · 20-06-2005, 17:07

potresti spiegarti meglio?
ovvero...io nella mia pagina metto un layer con dentro il mio flash...il pulsante di chiusura X e l'auto chiusura come la faccio?

**fcaldera** · 20-06-2005, 17:21

il pulsante di chiusura in realtà richiama un codice che setta la proprietà "display"
del layer (cioè del div) a "none".

Se il tuo div ha per esempio id=""overlay" il pulsante richiama una funzione di
questo tipo:

codice:

function closeoverlay() {
  document.getElementById('overlay').style.display = 'none';

}

per default il layer deve essere nascosto (quindi display:none). All'evento Onload
del body lo fai apparire richiamando un funzione analoga alla precedente cioè

codice:

function openoverlay() {
  document.getElementById('overlay').style.display = 'block';

}

eppoi temporizzi l'invisibilità del layer (ad es. dopo 10 secondi):

codice:

setTimeout('closeoverlay()', 10000);

quindi il tag body diventa

codice:

<body onload="openoverlay();setTimeout('closeoverlay()', 10000);">

mentre le funzioni openoverlay e closeoverlay le piazzi nell'header della pagina

+ o - a grandi linee....

**christazio** · 20-06-2005, 17:26

sei gentilissimo e pazientissimo

ma io di codice sono estremamente ignorante mi occupo di grafica

nel mio html cosa devo inserire?

inserisco un layer con all'interno il mio flash...

codice:

<div id="Layer1" style="position:absolute; width:71px; height:1px; z-index:1">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="650" height="200">
    <param name="movie" value="Japan.swf">
    <param name="quality" value="high">
    <embed src="Japan.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="650" height="200"></embed></object>
</div>

ma mi fermo qui...

**christazio** · 21-06-2005, 15:48

Vi prego aiutatemi!!!

**deleted_26** · 28-09-2006, 09:08

codice:

<html>
<script type="text/javascript">
function openoverlay() {
  document.getElementById('Layer1').style.display = 'block';

}
function closeoverlay() {
  document.getElementById('overlay').style.display = 'none';

}
</script>
<title>Mia pagina</title>
<body onload="openoverlay();setTimeout('closeoverlay()', 10000);">
<div id="Layer1" style="position:absolute; width:71px; height:1px; z-index:1">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="650" height="200">
    <param name="movie" value="Japan.swf">
    <param name="quality" value="high">
    <embed src="Japan.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="650" height="200"></embed></object>
</div>

**apriliars** · 29-10-2006, 18:35

up (sn interessato su questo argomento)

Discussione: pop up come virgilio

Strumenti discussione

Ricerca discussione

Visualizza

pop up come virgilio

Permessi di invio