Spot pubblicitario Flash in Dhtml

Autore: Luca Ruggiero | Tell a Friend Corso Java Impara a programmare col linguaggio OOP della Sun. Corso Javascript e DHTML Impara a creare controlli ed animazioni! Corso Web Design Disegno di siti Web con HTML, CSS e Dynamic HTML.

In molti siti si vedono ormai dei detestabili messaggi pubblicitari che compaiono come delle popup, ma malauguratamente non sono reali popup, bensì veri e propri oggetti della pagina corrente, in genere realizzati in Flash, che ci fanno andare su tutte le furie... per non essere volgari! ma comunque si tratta di una buona trovata per chi sul proprio sito deve in qualche modo gestire della pubblicità.

In questo Articolo vedremo come realizzare un meccanismo pubblicitario del genere in Dhtml, ovvero con l'utilizzo di un layer dinamico, di qualche classe Css ed una singola riga di codice Javascript.

Iniziamo ad analizzare il codice Html:

<div id="sponsor">
    <div class="chiudi">
        <a class="sponsor" href="javascript:void(0)" onclick="sponsor.style.visibility='Hidden'">CHIUDI</a>
    </div>
    <div>
        Qui il testo o l'immagine della pubblicità con relativo link...
        ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ...
        ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ...
    </div>
</div>

onclick="sponsor.style.visibility='Hidden'"

#sponsor
{
    position: Absolute;
    background-color: #EEEEEE;
    font-size: 10px;
    font-family: Verdana;
    top: 100px;
    left: 100px;
    width: 150px;
    height: 150px;
    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;
}