ciao a tutti..
all interno di una pagina ho un div dove mi si carica una tabella...
questa tabella ci impiega un pò a caricaricari per via dei dati che estrapola dal database
volevo mettere un immaginina all interno di questo div mentre finisce di caricare la pagina..
è possibile ???
si
Dove TUODIV è una variabile con dentro il div dove devi mettere imgCodice PHP:function Crea(){
var div = document.createElement('DIV');
div.id='carico';
div.innerHTML='[img]test.jpg[/img]'; // Percorso immagine
TUODIV.insertBefore(div, TUODIV.firstChild);
}
cosi crea div dentro il tuo con immagine, poi quando ha finito caricamento nascondi div con immagine ( id="carico") .
Potrebbe essere necessario impostare da css le varie proprieta come la posizione assoluta ecc.
Ciao Matteo
o grazie mille..
ma la funzione crea() da dove la faccio partire ?? dal body ??
Quando inizi il caricamento, e quando lo finisci o elimini il div creato da crea() o lo nascondi.
Ciao
mmm mi guardi l ultima volta please..
<html>
<head>
<script>
function Crea(){
var div = document.createElement('DIV');
div.id='carico';
div.innerHTML='[img]test.jpg[/img]'; // Percorso immagine
TUODIV.insertBefore(div, TUODIV.firstChild);
}
</script>
</head>
<body onload="Crea()">
<div id = tab>
//qui dentro c'è la mia tabella
</div>
mi modificheresti sto script...nn so come si fa a far sparire il div una volta caricato la pagina.
Io inserirei direttamente un div nella pagina, nel punto prescelto. Data la tua esigenza puoi cioè anche non crearlo dinamicamente via DOM (per quanto non ci sia nulla di sbagliato nel farlo).
Poi nel body, evento onload (cioè a pagina caricata) metti il codice per nasconderlo:
document.getElementById("foo").style.display="none "; /* presume div ha id="foo" */
Questo, beninteso, se non ho frainteso la tua domanda.
allora ho provato il tuo script funziona ma nn è esattamente quello che cercavo..
cioè...lo script mette l immagine nel dopo dopo che la pagina è stata caricata tutta..
io cercavo una immagine da mettere nello script dentro il div fino quando la pagine nn viene caricata..una volta carivata l immagine deve andare via e mi deve uscire la mia tabellina
html>
<head>
<script>
function Crea(){
var div = document.createElement('DIV');
div.id='carico';
div.innerHTML='[img]test.jpg[/img]'; // Percorso immagine
tab.insertBefore(div, tab.firstChild);
}
</script>
</head>
<body onload="Crea()">
<div id = tab>
//qui dentro c'è la mia tabella
</div>
quello che mi hai passato..mi fa vedere la mia tabella e quando la pagina è è caricata del tutto mi fa vedere anche l immagine..
Fai il contrario
=====
<body onload=" document.getElementById('bho').style.display='bloc k'; document.getElementById('foo').style.display='none '; ">
blah blah
<table id="bho" style="display:none;"></table>
[img]loading.jpg[/img]
blah blah
=====
Ps.: nota che in onload ho messo uno statement non una funzione, e siccome onload incapsula con apici doppi ("), le stringhe al suo interno ( tipo: 'foo' e 'none' ) vanno incapsulate com apici singoli (')
E' imprevedibile ad ogni modo il comportamento che potrebbe avere una tabella collassata nel mentre che si carica (ad esempio, se uno script sta calcolando gli offset, essi risulteranno sbagliati alla visualizzazione della tabella)
preciso...grazie..
Permessi di invio
Rispondi quotando