Splash screen

marco756

Splash screen

Vorrei fare una pagina splash screen che durante la sua visualizzazione carichi la home del mio sito.
Ovviamente la home non deve visualizzarsi fino a quando non è stata completamente caricata. Avete un codice da postarmi che faccia al caso mio?

claudioweb

Ciao

Ne abbiamo parlato tempo fa e avevo proposto una soluzione fatta da me, ma visto non riesco a ritrovarla prova a vedere questa soluzione
http://javascript.html.it/articoli/leggi/1552/loading/

tiago

@claudioweb said:

Ne abbiamo parlato tempo fa e avevo proposto una soluzione fatta da me
Questa?

claudioweb

@Tiago said:

Questa?

Si era quello, non ricordavo il titolo del topic...

marco756

Ho provato il codice ed era quello che cercavo.
Però siccome non sono molto pratico della programmazione ho avuto subito 2 problemi.
1° Perchè quando apro la pagina sia con IE che con FF in alto ci viene scritto questo:
"Per facilitare la protezione è stato impedito a questo file di visualizzare il contenuto attivo che potrebbe accedere al computer. Fare click qui per ulteriori pzioni..."
Premo consenti e si avvia il preload e poi si carica la pagina....
Non è possibile eliminare questo problema?
La stessa cosa mi era capitata quando provavo a creare le popup.... e poi dopo innumerevoli tentativi o lasciato perdere.
2° Siccome non sono pratico dell'html ho provato a cambiare il link all'immagine con un collegamento ipertestauale, ma senza ottenere risultati.
Ecco il codice che ho provato:
[html]
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Esempio di preloading di Claudioweb</title>
</head>
<style type="text/css">
body{
margin:0;
}
#caricamento {
width: 100%;
height: 100%;
line-height:300px;
background:#666666;
border:0;
margin:0;
padding:0;
position: absolute;
text-align: center;
font-size:100px;
color:red;
}
</style>
<script type="text/javascript">

<!--

document.write('<div id="caricamento">Attendi il caricamento della pagina...<br />
<A HREF= "win.la-busa.com/aspnuke/Default.com" </A></div>');
window.onload=function(){
    document.getElementById("caricamento").style.display="none";
}

// -->
</script>
<body>
<A HREF= "win.la-busa.com/aspnuke/Default.com" </A>
</body>
</html>[/html]

claudioweb

Ciao

Quando posti del codice dovresti formattarlo con gli appositi comandi come ho fatto io...

Il problema riscontrato avviene solo perché stai provando sul tuo computer, dove script malintenzionati potrebbero far danni e quindi il browser ti chiede conferma.

Basta dare conferma (o pubblicare online il sito) e tutto funziona

marco756

Quando posti del codice dovresti formattarlo con gli appositi comandi come ho fatto io...Scusa, avevo sbagliato a premere il pulsante.
Avevi ragione ho provato a pubblicarlo e funziona perfettamente
Però non ho risolto ancora il mio problema....
Come faccio a far caricare la home del mio sito e non un' immagine?
Come faccio a visualizzare un' immagine iniziale invece di un'area grigia con il testo "Attendi il caricamento della pagina..."
Insomma una vera pagina splash (magari in flash... )
Non è che potresti dirmi almeno come devo fare per linkarlo a una pagina web (come ti dicevo conosco poco o nulla di html e css..)
Grazie

claudioweb

Per linkarlo devi inserire nella tua home le due parti di codice.

Quella relativa al css e quella relativa allo script nell'head della pagina.

Puoi anche inserirli in file esterni come in questo esempio:
se salvi lo script in un file di nome splash.js e il css in un file di nome splash.css, li puoi richiamare così:

<link rel="stylesheet" type="text/css" href="splash.css" />



Per la modifica del div visualizzato devi modificare la parte di codice javascript dov'è contenuto il div, la riconosci semplicemente perchè lì c'è il testo: attendere caricamento...

Ma non è semplice se non conosci anche qui le basi di javascript e soprattutto del comportamento delle virgolette che crea parecchi problemi all'inizio.

Tra l'altro, dal codice che hai postato, ho visto che usu PhpNuke preinstallato, dunque potrebbe entrare in gioco a confonderti le idee anche il php o un sistema di template.


Il codice è quello indicato, se non riesci il consiglio che posso darti, se vuoi provare a capirci qualcosa, è di leggere una guida di base di html, di css e di javascript.


Puoi inziare da qui:
http://www.giorgiotave.it/guida_html/sommario.php
http://www.giorgiotave.it/forum/css/51032-faq-per-css.html

Buono studio, a presto :)

marco756

Grazie di tutto.:)
Comincierò a studiarmi quelle guide...
A presto