ciao,
vi chiedo cortesemente un esempio di uno script che mi permetta di far visualizzare un div centrale (dove inserirò un banner pubblicitario) all'ingresso della pagina e che possa chiudersi in automatico dopo un tot di secondi o al clik dell'utente.
tipo quello che c'è si vede nel sito html.it, ma senza i cookies e più semplice
Grazie
Perissinotto Alessandro
nulla???
mi basta un linkino :master:
Perissinotto Alessandro
Premetto che lo scritto al volo e non so se va :P provala al max chiedi :P
function Crea(){
var div = document.createElement('DIV');
div.id='Banner';
div.onclick = Chiudi;
div.innerHTML='[img]'PERCORSO IMG[/img]';
document.body.insertBefore(div, document.body.firstChild);
setTimeout("Chiudi()",5000)
}
Function Chiudi(){
var div=document.getElementById('Banner');
div.style.display='none';
}
Ciao Matteo
sinceramente non riesco a farlo funzionare.
non è che puoi allegarmi l'html così tagliamo la testa al toro?
Grazie mille
Perissinotto Alessandro
Fatto testato e funzionante.. (non son riuscito ad allegarti fisicamente il file ma cosi è =)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</head>
<body>
<script language="javascript">
Crea();
function Crea(){
var div = document.createElement('DIV');
div.id='Banner';
div.onclick = Chiudi;
div.innerHTML='[img]test.jpg[/img]'; // Percorso immagine
document.body.insertBefore(div, document.body.firstChild);
setTimeout('Chiudi()',5000); // Imposta secondi prima che si ciude
}
function Chiudi(){
var div=document.getElementById('Banner');
div.style.display='none';
}
</script>
</body>
</html>
ok, grazie, funziona ora
devo fare delle prove e poi casomai ti chiedo anceh un'altra cosetta. nel frattempo grazie mille!
Perissinotto Alessandro
mmmmm, nasce un problema che ti allego.
in poche parole il div deve sorastare i testi sotto di lui.
nel nsotro caso fa "slittare" i testi verso il basso per poi scomparire e far ritornare tutto verso l'alto.
prova a dare un occhio
Perissinotto Alessandro
adesso che se che non posso allegare l'html
<html>
<head>
<title>test per div</title>
</head>
<body>
wertv ret wer twertwer wertv ret wer twertwer wertv ret wer twertwer wertv ret wer twertwer wertv ret wer twertwer wertv ret wer twertwer wertv ret wer twertwer wertv ret wer twertwer wertv ret
<script language="javascript">
Crea();
function Crea(){
var div = document.createElement('DIV');
div.id='Banner';
div.onclick = Chiudi;
div.innerHTML='
<center>[img]img.gif[/img]</center>'; // Percorso immagine
document.body.insertBefore(div, document.body.firstChild);
setTimeout('Chiudi()',5000); // Imposta secondi prima che si ciude
}
function Chiudi(){
var div=document.getElementById('Banner');
div.style.display='none';
}
</script>
</body>
</html>
Perissinotto Alessandro
Sovrascrive gia :P solo che i
mandano a capo... direi che puoi sostituirli con
...
div.id='Banner';
div.onclick = Chiudi;
// Nuovo codice
div.style.position ='absolute';
div.style.top = "250px"; // Distanza dall'alto
div.style.left = "100px"; // distanza da sinistra
//Fine nuovo codice
div.innerHTML='[img]img.gif[/img]';
...
Ciao Matteo
Ciao lake 86. Ho una pagina costruita all'interno di un box con position relative e il codice che hai postato fa apparire il tutto al di sotto di tutto il contenuto e quindi non risulta visibile Ho provato ad associare un div.style.z-index ='102'; ma da errore. Spero di essermi fatto capire. Hai la soluzione?
Permessi di invio
Rispondi quotando