Div e javascript

[web_piero]

Io ho una pagina nella quale ho inserito i banner in un div così:

#banner {
background: Silver;
width: 300px;
height: 100px;
position: fixed;
top: 300px;
left: 400px;
}

Poi l'ho inserito:
<div id="banner">Banner</div>

Solo avrei bisogno che questo lo si possa far scomparire cliccando su una X, io non ho esperienza in javascript, ma avrei assoluto bisogno di questo, aiutatemi! Grazie, Piero

[stiffa]

non so...prova cosi
document.getElementById('banner').style.visibility ='hidden' o cmq a giocare con js con gli id


Eventualmente ti consiglio di mostrare il tuo banner stotto forma di window.open (ovviamente totalmente customizzabile da te)...
ciao

[web_piero]

Originariamente inviato da stiffa
non so...prova cosi
document.getElementById('banner').style.visibility ='hidden' o cmq a giocare con js con gli id


Eventualmente ti consiglio di mostrare il tuo banner stotto forma di window.open (ovviamente totalmente customizzabile da te)...
ciao

Sì, ma non ho capito,..., io: document.getElementById('banner').style.visibility ='hidden' dove lo metto??? E poi a me serve tutto in una stessa pagina, per evitare il blocco dei popup, sò che c'è 1 cosa fatta apposta, ma non mi soddisfa, inserisco tutto:

<script language="JavaScript">
document.getElementById('banner').style.visibility ='hidden';
</script>

<div id="banner"><font color="white"><table width="100%"><tr><td align="right">




</td></tr><tr><td align="center"><h1>BANNER</h1></td></tr></table></font></div>

<font color="white">Quizzit &egrave; un quiz online in continua evoluzine, con domande di tutti i generi e tutti i tipi. Tra poco sarà completata la procedura di registrazione e la relativa zona per gli utenti, è in progetto anche un conteggio dei punti (vedi link in menu).
</font>


Ecco, mi sa che non ho capito molto, ma a me servirebbe che come clicco sul banner:

<script language="javascript" type="text/javascript">
document.write('<s'+'cript language="javascript" src="http://ad.altervista.org/alternet.ad?c=1&f=0&'+new Date().getTime()+'"><\/s'+'cript>');
</script>


Mi si chiuda questa "finestra" css, lasciando vedere in pace ciò che c'è sotto e in più mi apra il link, help please!

[pierofix]

Io sfrutterei il metodo di 'attribuzione delle classi CSS'. Ad esempio:

XHTML

<div id="banner">
   
</div>
<a href="java&#115;cript:void(0);" onclick="chiudi()">
   Chiudi banner
</a>


CSS

#banner
{
   position:fixed; left:400px; top:300px;
   width:300px; height:100px;
   background:Silver;
}
.nascosto
{
   position:absolute; top:-100px;
   width:1px; height:1px;
   overflow:hidden;
}


Javascript

function chiudi()
{
   var banner = document.getElementById('banner');
   banner.className = 'nascosto';
}

La funzione javascript la puoi tranquillamente inizializzare nella sezione head del documento.

[web_piero]

Ho fatto tutto come indicato, ma non mi funziona! Perchè? Ho messo il codice javascript nella head:
<script language="JavaScript">
function chiudi()
{
var banner = document.getElementById('banner');
banner.className = 'nascosto';
}
</script>

I CSS nella zona "CSS":
#banner{
position:fixed; left:400px; top:300px;
width:300px; height:100px;
background:Silver;
}
.nascosto{
position:absolute; top:-100px;
width:1px; height:1px;
overflow:hidden;
}

E il codice div nella pagina:
<div id="banner">
BANNER
</div>
<a href="javascript:void(0);" onclick="chiudi()">
Chiudi banner
</a>

Ma quando clicco non succede niente!
Come posso fare??? Io includo la parte dove c'è il div con php e anche il codice nella head, tutto in una stessa pagina, ma credo che non sia il problema essendo il PHP lato server e lo javascript lato client, cosa potrebbe essere???
Saluti, Piero

[pierofix]

Che DTD ha il tuo documento?

Nel caso in cui sia XHTML, allora l'elemento script deve avere queste caratteristiche:

<script type="text/javascript">
   
</script>

[web_piero]

Cosa è il DTD? Scusi la mia ignoranza, ha un account in Skype o al limite in Messenger? Così le posso scrivere più chiaramente, comunque io ho inserito questo:
<div id="banner">
BANNER
</div>
<a href="javascript:void(0);" onclick="chiudi()">
Chiudi banner
</a>
ma attorno a questo va qualcosa in particolare? O posso metterlo dove voglio quando nell'head c'è questo:
<script type="text/javascript">

function chiudi()
{
var banner = document.getElementById('banner');
banner.className = 'nascosto';
}

</script>
E nei CSS questo:
#banner{
position:fixed; left:400px; top:300px;
width:300px; height:100px;
background:Silver;
}
.nascosto{
position:absolute; top:-100px;
width:1px; height:1px;
overflow:hidden;
}

Perchè a me non funziona! La prego di sapermi dire se ha uno dei programmi precedentemente citati, così le posso inviare la pagina e mi può, dire dove stanno gli errori, grazie, Piero


P.S. Siamo anche co-regionali F.V.G.!

[web_piero]

Aiutatemi, vi prego!

[web_piero]

Up, Aiutatemi!!!!

[fcaldera]

Copia incolla e guarda il codice che si trova in questo post
http://forum.html.it/forum/showthrea...56#post8931556

poi cambia semplicemente il css per il div


Ciao