Visualizzazione dei risultati da 1 a 6 su 6

Discussione: pop up chiudibile

  1. #1

    pop up chiudibile

    ciao a tutti e soprattutto buon Natale, sto inserendo un pop up nell'home page del sito in questo modo

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    }
    #banner {
    position:absolute;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FFFFFF;
    border:0px;
    background-color:#FFFFFF;
    width: 245px;
    height: 181px;
    left: 333px;
    top: 151px;
    }
    #banner a
    {
    color:#FFCC00;
    text-decoration:none;
    background-color:#FFFFFF;
    }
    #banner a:hover
    {
    color:#FFCC00;
    text-decoration:underline;
    background-color:#FFFFFF;
    }
    #chiudi
    {
    position:absolute;
    width:9px;
    background-color:#FFFFFF;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#000000;
    left: 570px;
    top: 137px;
    text-align:right;
    }
    #chiudi a
    {
    background-color:#FFFFFF;
    font-weight:bold;
    color:#000000;
    text-decoration:none;
    text-align:right;
    }
    #chiudi a:hover
    {
    background-color:#FFFFFF;
    font-weight:bold;
    color:#990000;
    text-decoration:none;
    text-align:right;
    }
    </style>
    </head>
    <body>


    Qui il testo della pagina... (noi abbiamo messo le classiche frasi latine..)


    <div id="banner">
    [img]immagini/BOX-CENONE2009.jpg[/img]
    </div>


    <div id="chiudi" align="right">
    X
    </div>

    </body>

    </html>


    bene cosiì non funziona ma se tolgo queste :


    " <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it"> "
    e lascio solo <html> funziona tutto !!!
    come mai???
    io lascerei anche cosi ma in ie senza le due descrizioni iniziali non mi centra la pagina

    grazie

  2. #2
    nessuno sa come risolvere il problema???

  3. #3
    mi sono forse spiegato male???

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    per qualche motivo la mancanza di doctype sopprime un errore javascript
    l'errore è che gli oggetti banner e chiudi

    codice:
    onclick="banner.style.display='none'; chiudi.style.display='none';"
    non sono definiti da nessuna parte nel codice. forse volevi scrivere

    codice:
    onclick="document.getElementById('banner').style.display='none'; document.getElementById('chiudi').style.display='none';"
    ti sposto in javascript
    e tieni sempre un occhio sulla console degli errori
    ciao
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    Utente bannato
    Registrato dal
    Sep 2009
    Messaggi
    1,737
    Originariamente inviato da fuorigiri
    mi sono forse spiegato male???
    Hai solo fatto economia di parole, in pizzico di spiegazioni in più del problema non guastava.

    Quando posti del codic usa i tag [CODE].......[/CODE] come ho fatto io
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    }
    #banner {
    position:absolute;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FFFFFF;
    border:0px;
    background-color:#FFFFFF;
    width: 245px;
    height: 181px;
    left: 333px;
    top: 151px;
    }
    #banner a
    {
    color:#FFCC00;
    text-decoration:none;
    background-color:#FFFFFF;
    }
    #banner a:hover
    {
    color:#FFCC00;
    text-decoration:underline;
    background-color:#FFFFFF;
    }
    #chiudi
    {
    width:100%;
    background-color: #F00;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#000000;
    text-align:right;
    }
    #chiudi a
    {
    background-color: #F00;
    font-weight:bold;
    color:#000000;
    text-decoration:none;
    text-align:right;
    }
    #chiudi a:hover
    {
    background-color: #F00;
    font-weight:bold;
    color:#990000;
    text-decoration:none;
    text-align:right;
    }
    </style>
    </head>
    <body>
    
    
    Qui il testo della pagina... (noi abbiamo messo le classiche frasi latine..)
    
    
    <div id="banner">
    
    <div id="chiudi" align="right">
    X
    </div>
    [img]immagini/BOX-CENONE2009.jpg[/img]
    </div>
    
    
    </body>
    
    </html>

  6. #6
    Originariamente inviato da fcaldera
    per qualche motivo la mancanza di doctype sopprime un errore javascript
    l'errore è che gli oggetti banner e chiudi

    codice:
    onclick="banner.style.display='none'; chiudi.style.display='none';"
    non sono definiti da nessuna parte nel codice. forse volevi scrivere

    codice:
    onclick="document.getElementById('banner').style.display='none'; document.getElementById('chiudi').style.display='none';"
    ti sposto in javascript
    e tieni sempre un occhio sulla console degli errori
    ciao
    grazie mille, con il tuo metodo ho risolto!!!
    scusate ancora per la poca chiarezza del codice postato

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.