pop up come in quest sito

**magica** · 30-01-2006, 19:07

ciao, mi è capitato in questo sito la comparsa di una finestra che dice: stai per leggere qualcosa di vietato... ecc,
insomma qualcosa del genere con l'uomo che punta il dito su di te...

senza browser,

come si fa? c'è qualche sito dove posso vederla?

io ho bisogno di fare una finestra che si apra appena accedi al sito, e di una che si apra sempre senza browseer al rollover di un pulsante...

mi aiutate?

**fcaldera** · 30-01-2006, 19:12

inizia a vedere le discussioni su questo forum sul tema overlay oppure overlayer... credo che sia ciò che ti serva per cominciare.

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

**br1** · 30-01-2006, 19:15

insomma qualcosa del genere con l'uomo che punta il dito su di te

del tipo: cancella i cookies e poi apri il forum OT ?

Potresti ricavarla dal sorgente della pagina

ciao

**magica** · 30-01-2006, 20:42

mi piacerebbe ricavarla dal sorgente, ma non compare sempre... anzi è molto raro

**magica** · 30-01-2006, 20:48

ciao fcaldera, ho letto la discussione, ma manca il finale... anch'io sono designer

**magica** · 30-01-2006, 22:45

http://forum.html.it/forum/showthrea...ight=overlayer

in questa discussione ho trovato l'overlayer...

va benissimo, ma se voglio farla aprire sul rollover di un bottone come faccio?

grazie, e scusa l'inesperienza

**fcaldera** · 30-01-2006, 22:53

intendi così ?

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>
<input type="button" value=" overlayer " onmouseover="openoverlay()" />

<div id="overlay" style="position:absolute; background: #e0e0e8; top:20px; left:100px; width:452px; height:200px; z-index:100; display: none;">
[ 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>

Ciao

**magica** · 31-01-2006, 02:18

grazie fcaldera,
mi è veramente utile,

ma se voglio aprire la finestra solo la prima volta come devo scriverlo?

ciao

**fcaldera** · 31-01-2006, 10:15

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">
    var opened = false;

    function closeoverlay() {
      document.getElementById('overlay').style.display = 'none';
    
    }
    function openoverlay() {
     
      if (!opened) {
         opened = true;
         document.getElementById('overlay').style.display = 'block';
      }
    
    }
    </script>
</head>
<body>
<input type="button" value=" overlayer " onmouseover="openoverlay()" />

<div id="overlay" style="position:absolute; background: #e0e0e8; top:20px; left:100px; width:452px; height:200px; z-index:100; display: none;">
[ 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>

**magica** · 31-01-2006, 10:34

grazie

Discussione: pop up come in quest sito

Strumenti discussione

Ricerca discussione

Visualizza

pop up come in quest sito - urgente

ma? rollover?

Permessi di invio