Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 12
  1. #1
    Utente di HTML.it L'avatar di niubbo
    Registrato dal
    Jul 2004
    Messaggi
    692

    Come mostro una pagina solo quando è stata caricata totalmente?

    A volte vedo pagine caricate a video solo quando sono state scaricate completamente, nell'attesa compare l'animazione di "downloading"... intuisco che si faccia rendendo visibile un DIV nascosto a fine caricamento... qualcuno sa dirmi come si fa?

    Grazie
    Non si può niubbare per sempre...

    P.S. Ma perché i CSS non fanno quello che gli dico di fare.... aaaAAAAAAARGHHHHH!!!!!

  2. #2
    codice:
    <div id="divCaricamento" style="top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6)">Caricamento</div>
    e poi all'onLoad del body:
    codice:
    <body onload="javascript:document.getElementByID('divCaricamento').style.display='none';">
    Chiamatemi sven se volete non ho voglia di fare una nuova email per una nuova registrazione xD
    Mac Future User , Ventilatore for PC Cooler user , - dry is coming -

  3. #3
    Utente di HTML.it L'avatar di niubbo
    Registrato dal
    Jul 2004
    Messaggi
    692
    Grazie! Funziona perfettamente!
    Non si può niubbare per sempre...

    P.S. Ma perché i CSS non fanno quello che gli dico di fare.... aaaAAAAAAARGHHHHH!!!!!

  4. #4
    Utente di HTML.it
    Registrato dal
    Nov 2010
    Messaggi
    18
    Ciao!
    Ho lo stesso problema, ed ho provato ad inserire le due parti di codice suggerite, ma a pagina mi rimane inchiodata in "caricamento" ma non si carica mai!
    Sbaglio forse a posizionare le due parti di codice?

    Ho inserito la prima parte del <body>, in un punto a caso, mentre la seconda parte l'ho inserita tra le parentesi <> del body.Ho fatto bene?


    Ps. Uso Javascript e html da meno di un mese

  5. #5
    Utente di HTML.it L'avatar di niubbo
    Registrato dal
    Jul 2004
    Messaggi
    692
    In realtà è spiegato a metà... qui ti da solo l'idea... per completezza bisogna nascondere il <div> con il messaggio di caricamento e mostrare il <div> nascosto di default del sito vero e proprio... io ho usato jquery (libreria javascript per fare prima) in questo modo:

    [QUOTE]
    <head>
    <script type="text/javascript" src="tuacartella/jquery-1.4.2.min.js">
    </head>

    <body>

    <div id="caricamento">

    Qui è contenuto quello che deve essere visualizzato durante il caricamento...

    </div>

    <div id="pagina" style="display:none;">

    Qui la pagina da visualizzare a fine caricamento impostata invisibile (display:none...

    </div>


    <script type="text/javascript">

    function theme_loading()
    {
    $("#pagina").toggle();
    $("#caricamento").toggle();

    }

    window.onload=theme_loading();

  6. #6
    Utente di HTML.it L'avatar di niubbo
    Registrato dal
    Jul 2004
    Messaggi
    692
    In realtà è spiegato a metà... qui ti da solo l'idea... per completezza bisogna nascondere il <div> con il messaggio di caricamento e mostrare il <div> nascosto di default del sito vero e proprio... io ho usato jquery (libreria javascript per fare prima) in questo modo:

    [QUOTE]
    <head>
    <script type="text/javascript" src="tuacartella/jquery-1.4.2.min.js">
    </head>

    <body>

    <div id="caricamento">

    Qui è contenuto quello che deve essere visualizzato durante il caricamento...

    </div>

    <div id="pagina" style="display:none;">

    Qui la pagina da visualizzare a fine caricamento impostata invisibile (display:none...

    </div>


    <script type="text/javascript">

    function theme_loading()
    {
    $("#pagina").toggle();
    $("#caricamento").toggle();

    }

    window.onload=theme_loadin

  7. #7
    Utente di HTML.it L'avatar di niubbo
    Registrato dal
    Jul 2004
    Messaggi
    692
    In realtà è spiegato a metà... qui ti da solo l'idea... per completezza bisogna nascondere il <div> con il messaggio di caricamento e mostrare il <div> nascosto di default del sito vero e proprio... io ho usato jquery (libreria javascript per fare prima) in questo modo:

    [QUOTE]
    <head>
    <script type="text/javascript" src="tuacartella/jquery-1.4.2.min.js">
    </head>

    <body>

    <div id="caricamento">

    Qui è contenuto quello che deve essere visualizzato durante il caricamento...

    </div>

    <div id="pagina" style="display:none;">

    Qui la pagina da visualizzare a fine caricamento impostata invisibile (display:none...

    </div>


    <script type="text/javascript">

    function theme_loading()
    {
    $("#pagina").toggle();
    $("#caricamento").toggle();

    }

    window.onload=theme_l

  8. #8
    Utente di HTML.it L'avatar di niubbo
    Registrato dal
    Jul 2004
    Messaggi
    692
    In realtà è spiegato a metà... qui ti da solo l'idea... per completezza bisogna nascondere il <div> con il messaggio di caricamento e mostrare il <div> nascosto di default del sito vero e proprio... io ho usato jquery (libreria javascript per fare prima) in questo modo:

    <head>
    <script type="text/javascript" src="tuacartella/jquery-1.4.2.min.js">
    </head>

    <body>

    <div id="caricamento">

    Qui è contenuto quello che deve essere visualizzato durante il caricamento...

    </div>

    <div id="pagina" style="display:none;">

    Qui la pagina da visualizzare a fine caricamento impostata invisibile (display:none...

    </div>


    <script type="text/javascript">

    function theme_loading()
    {
    $("#pagina").toggle();
    $("#caricamento").toggle();
    }

    window.onload=theme_loading();
    </script>

    </body>
    window.onload è un alternativa a <body onload="..."> che puoi usare in quei contesti dove il tag <body> è di difficile accesso tipo in certi CMS... io ho usato questo, è più generico...

    Puoi scaricare jquery da qui [URL=http:

  9. #9
    Utente di HTML.it L'avatar di niubbo
    Registrato dal
    Jul 2004
    Messaggi
    692
    In realtà è spiegato a metà... qui ti da solo l'idea... per completezza bisogna nascondere il <div> con il messaggio di caricamento e mostrare il <div> nascosto di default del sito vero e proprio... io ho usato jquery (libreria javascript per fare prima) in questo modo:

    <head>
    <script type="text/javascript" src="tuacartella/jquery-1.4.2.min.js">
    </head>

    <body>

    <div id="caricamento">

    Qui è contenuto quello che deve essere visualizzato durante il caricamento...

    </div>

    <div id="pagina" style="display:none;">

    Qui la pagina da visualizzare a fine caricamento impostata invisibile (display:none...

    </div>


    <script type="text/javascript">

    function theme_loading()
    {
    $("#pagina").toggle();
    $("#caricamento").toggle();
    }

    window.onload=theme_loading();
    </script>

    </body>
    window.onload è un alternativa a <body onload="..."> che puoi usare in quei contesti dove il tag <body> è di difficile accesso tipo in certi CMS... io ho usato questo, è più generico...

    Puoi scaricare jquery da qui [URL=http://www.jq

  10. #10
    Utente di HTML.it L'avatar di niubbo
    Registrato dal
    Jul 2004
    Messaggi
    692
    In realtà è spiegato a metà... qui ti da solo l'idea... per completezza bisogna nascondere il <div> con il messaggio di caricamento e mostrare il <div> nascosto di default del sito vero e proprio... io ho usato jquery (libreria javascript per fare prima) in questo modo:

    <head>
    <script type="text/javascript" src="tuacartella/jquery-1.4.2.min.js">
    </head>

    <body>

    <div id="caricamento">

    Qui è contenuto quello che deve essere visualizzato durante il caricamento...

    </div>

    <div id="pagina" style="display:none;">

    Qui la pagina da visualizzare a fine caricamento impostata invisibile (display:none...

    </div>


    <script type="text/javascript">

    function theme_loading()
    {
    $("#pagina").toggle();
    $("#caricamento").toggle();
    }

    window.onload=theme_loading();
    </script>

    </body>
    window.onload è un alternativa a <body onload="..."> che puoi usare in quei contesti dove il tag <body> è di difficile accesso tipo in certi CMS... io ho usato questo, è più generico...

    Puoi scaricare jquery da qui [URL=http://www.j

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.