ma che popup è ?

**zeweb** · 07-10-2005, 11:51

Se andate ad esempio QUI

vedete una popup che si apre ma com'è fatta...ho provato a spulciare nel codice ma non ho capito...

Grazie

**fcaldera** · 07-10-2005, 11:55

è un overlayer... basta cercare in questo forum, ci sono diversi thread al riguardo

**zeweb** · 07-10-2005, 11:58

Grazie!

**fcaldera** · 07-10-2005, 12:05

mi riferivo a questa discussione

http://forum.html.it/forum/showthrea...hreadid=848287

**zeweb** · 07-10-2005, 12:08

Sì ho visto ma non sono risposte...prendo quello che hai scritto tu? :master:

Anche su GG non ho trovato molto...sembra che non le usino invece è pieno!

**fcaldera** · 07-10-2005, 12:10

un overlayer non richiede grosse quantità di codice javascript. Quello che ho postato è tutto quello che serve...

Naturalmente poi dentro il div che fai apparire puoi metterci quello che vuoi, anche un file swf

**zeweb** · 07-10-2005, 13:39

mi aiuti a sistemare il codice, io ho scritto una cosa del genere ma penso che manchi dll'altro...a parte il contenuto del layer non so che funzioni apliccare al link che chiude...

codice:

<head>
<script>
function closeoverlay() {
  document.getElementById('overlay').style.display = 'none';

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

}
setTimeout('closeoverlay()', 10000);
</script>
</head>
<body onload=" openoverlay();setTimeout('closeoverlay()', 10000);">
<div id="overlay" style="position:absolute; width:71px; height:1px; z-index:1"></div>
</body>

**fcaldera** · 07-10-2005, 13:50

per chiudere l'overlay, dentro il div metti un link (o un immagine con una X) che chiama la funzione closeoverlay()

codice:

**zeweb** · 07-10-2005, 14:43

non funziona...ma sicuramente ho toppato io qualcosa

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script>
function closeoverlay() {
  document.getElementById('overlay').style.display = 'none';

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

}
setTimeout('closeoverlay()', 10000);
</script>
</head>
<body onload=" openoverlay();setTimeout('closeoverlay()', 10000);">
<div id="overlay" style="position:absolute; width:452px; height:200px; z-index:1; visibility: hidden;">
  <div align="right">[img]/png/productronica2005.png[/img]
    <map name="Map" id="Map">
      <area shape="rect" coords="11,166,53,185" href="#" onclick="closeoverlay()" />
    </map>
  </div>
</div>
</body>
</html>

**fcaldera** · 07-10-2005, 14:56

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>Documento senza titolo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    
    <script type="text/javascript">
    function closeoverlay() {
      document.getElementById('overlay').style.display = 'none';
    
    }
    function openoverlay() {
      document.getElementById('overlay').style.display = 'block';
    
    }
    </script>
</head>
<body onload="openoverlay(); setTimeout('closeoverlay()', 15000);">
<div id="overlay" style="position:absolute; background: #e0e0e8; top:20px; left:100px; width:452px; height:200px; z-index:100; display: block;">
[ X ]
</div>



Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec suscipit turpis dictum 
leo. Aenean dignissim, diam nec dignissim pretium, elit arcu sollicitudin ante, 
dapibus lobortis pede sapien vitae metus. Nam placerat. Suspendisse eu arcu. 
Etiam dictum, dolor nec fringilla dignissim, odio felis scelerisque tellus, lobortis 
interdum dolor justo sit amet eros. Nullam ante est, posuere vel, molestie luctus, 
faucibus quis, nisi. 
</p>



Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec suscipit turpis dictum 
leo. Aenean dignissim, diam nec dignissim pretium, elit arcu sollicitudin ante, 
dapibus lobortis pede sapien vitae metus. Nam placerat. Suspendisse eu arcu. 
Etiam dictum, dolor nec fringilla dignissim, odio felis scelerisque tellus, lobortis 
interdum dolor justo sit amet eros. Nullam ante est, posuere vel, molestie luctus, 
faucibus quis, nisi. 
</p>

</body>
</html>

Discussione: ma che popup è ?

Strumenti discussione

Ricerca discussione

Visualizza

ma che popup è ?

Permessi di invio