preload javascript

[merha]

ciao a tutti

preload javascript
Ne avrei bisogno uno per un div e nn per un body


in preatica ho un div dove mi si scarica del contenuto che viene preso da un database..e nel frattempo volovo con javascript far uscire un qlcosa che mi indichi l attesa del caricamento..

sapete dove posso trovare dei preload per dei div..
quelli di html.it nn vanno bene

[br1]

Non mi risultano esistere dei preload per oggetti che non siano delle immagini

Puoi adottare un trucco simile:

<div id="preload">[img]attendere.gif[/img]</div>
<div id="nascosto" style="display:none;">
qui i contenuti....
</div>
<script>
document.getElementById("preload").style.display="none";
document.getElementById("nascosto").style.display="block";
</script>

Se pero' il div contiene delle immagini verra' visualizzato prima che queste siano caricate... allora bisogna conoscere il numero delle immagini e complicare lo script:

<script> 
var quante = 10; // numero di immagini attese
function arrivato() {
if (quante>0) {
  setTimeout('arrivato()',100);
} else {
  document.getElementById("preload").style.display="none";
  document.getElementById("nascosto").style.display="block";
}
}
</script>
<div id="preload">[img]attendere.gif[/img]</div>
<div id="nascosto" style="display:none;">
qui i contenuti....
[img]pippo.jpg[/img]
[img]pluto.jpg[/img]
...
</div>
<script>arrivato();</script>

ciao

[merha]

grazie mille ora provo

[Mr. Luk]

ciao br1, ho provato il tuo codice
(per creare un preload di un DIV contenente delle immagini)

ecco il codice:

<script type="text/javascript"> 
var immagini = 4; // numero di immagini attese
function arrivato() {
if (immagini>0) {
  setTimeout('arrivato()',100);
} else {
  document.getElementById("preload").style.display="none";
  document.getElementById("header").style.display="block";
}
}
</script>


<div id="preload"></div>

<div id="header" class="background" style="display:none;" onload="immagini--">
  <div id="lineecolor" onload="immagini--"></div>
  <div id="cont-header">
    <div id="headline-top" class="testa" onload="immagini--"></div>
    <div id="headline-centenuto" class="advertising" onload="immagini--"></div>
  </div>
</div>

<script type="text/javascript">arrivato();</script>

il mio problema, e la differenza fra il post di merha, è che le immagini sono nel background del css (infatti come vedi onload="immagini" è dentro al tag div), quindi il risultato di tale codice è che il preload non sparisce ...

Hai soluzioni?

ps: altra questione è che onload me lo segnala come errore W3C

[Mr. Luk]

Up

avete una risposta per me??

[Mr. Luk]

UP please ...