Chiusura PoPup

**Gufo** · 22-06-2008, 17:58

Ciao a tutti.

Se io volessi che il popup publicitario descritto in questo articolo:
http://www.mrwebmaster.it/javascript...dhtml_372.html
oltre che avere la possibilità di chiuderlo manualmente, si chiudesse automaticamente dopo un tot di secondi, cosa dovrei aggiungere al codice?

Grazie Ciao

Edit: Secondo me il codice di chiusura descritto nell'articolo non è esatto perchè se non si aggiunge getElementById('sponsor').style ecc. con FF non funziona

**br1** · 22-06-2008, 18:13

Metti la stessa istruzione temporizzata all'onload della pagina

Codice PHP:


<body onload="setTimeout('document.getElementById(\'sponsor\').style.visibility=\'hidden\'',10000)">

Occhio ad apici e virgolette... premi "quota" per vedere il codice

EDIT: dovrebbe risultare cosi:

<body onload="setTimeout('document.getElementById(\\'spo nsor\\').style.visibility=\\'hidden\\' ',10000)">

**Gufo** · 22-06-2008, 18:58

Grazie della risposta però purtroppo dopo avere aggiunto il tuo codice la chiusura automatica non funziona:
il codice della pagina è questo:

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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Gestire spot overlayer</title>

<style type="text/css" media="screen" title="PoPup pubblicitario">
#sponsor
{
    position: Absolute;
    background-color: #EEEEEE;
    font-size: 10px;
    font-family: Verdana;
    top: 100px;
    left: 100px;
    width: 250px;
    height: 250px;
    border: Solid 1px #000000;
}
div.chiudi
{
    text-align: Right;
    border-bottom: Solid 1px #000000;
}
a.sponsor
{
    color: #000000;
    text-decoration: None;
}
a.sponsor:hover
{
    color: #000000;
    text-decoration: None;
}
</style>

</head>

<body onload="setTimeout('document.getElementById('sponsor').style.visibility='hidden'',10000)">

<div id="sponsor">
    <div class="chiudi">
        CHIUDI
    </div>
    <div>
        Metti qui il testo o l'immagine della pubblicità con relativo link...
    </div>
</div>


</body>
</html>

Cosa ho sbagliato?

**br1** · 22-06-2008, 19:16

non hai messo i caratteri di escape \ dove occorre... inltre hidden si scrive tutto minuscolo.

ciao

**Gufo** · 22-06-2008, 19:47

Originariamente inviato da br1
non hai messo i caratteri di escape \ dove occorre... inltre hidden si scrive tutto minuscolo.

ciao

Grazie.
Non ho messo i caratteri di escape perchè pensavo che all'interno dei doppi apici "" mettendo l'apice semplice non servisse il carattere di escape.

Allora com'è che il codice nell'onClick funziona anche senza gli escape?

Grazie Ciao

**br1** · 22-06-2008, 19:54

nel codice dentro setTimeout() c'e' un testo delimitato da apici semplici....
ciao

Discussione: Chiusura PoPup

Strumenti discussione

Ricerca discussione

Visualizza

Chiusura PoPup

Permessi di invio