Newsgroup: it.comp.lang.javascript
Titolo: effetto fade al caricamento

salve a tutti.
vorrei avere un effetto del tipo ("caricamento in corso...") durante
il caricamento di una pagina html.
Ho visto alcune pagine che al momento del caricamento hanno un effetto
di trasparenza con una gif animata che gira tipo cronometro (meglio
non so spiegarmi !!). la gif l'ho già trovata e nel mio caso si chiama
"_loading.gif".
da quanto ho capito, posso replicare tutto ciò smanettando sui fogli
di stile e con dei javascript opportuni, ma io sono veramente alle
prime armi...
quindi, se qualcuno può gentilemente darmi degli esempi, vi sarei
grato.
grazie.

Il giorno mar, 09/09/2008 alle 08.35 -0700, 
saur...@yahoo.it
 ha
scritto:

Allora, se quello che ti serve è semplicemente una
"finestrella" (leggasi: un livello div o qualsiasi altra cosa) con
scritto "caricamento in corso" e un'animazione (gif ad esempio), allora
quello che ti serve è l'evento onLoad applicato a body.
In pratica viene eseguito alla fine del caricamento della pagina. Basta
quindi che fai apparire quella cosa come prima cosa caricata (PRIMA di
ogni tag nel body) e poi nell'evento "onLoad" la fai sparire [1] 
Se invece ti serve giocare con le dissolvenze, mi pare che solo il css
3.0 abbia il supporto a "opacity" come attributo di style. Internet
Explorer ha un'implementazione sua e non si è ancora adeguato
completamente allo standard, ergo devi giocare con il "suo css", mentre
FF e altri accettano anche opacity.
Consiglio: 
http://www.w3schools.com/
Enrico
[1] document.getElementById("idDelLivello").style.visibility = 'hidden'
    document.getElementById("idDelLivello").style.position = 'absolute'

caricamento...
</div>
prova prova prova
<form name=form1 method=post action="prova.html">
<input type=hidden name=dummy value="">
<table border=0>
<tr><td colspan=3 class=subtitle>
        Ricerca in rubrica clienti:
        </td></tr>
<tr><td>Nominativo</td>
    <td span=2>
        <input type=text name=nominativo value=""
         size=40 maxlength=40>
        </td>
    <td><input type=radio name=tiporic value="inizio" checked>Inizia
con
        <input type=radio name=tiporic value="dentro">Nel nome
        </td>
<td colspan=3 align=center>
        <input type=submit value="Ricerca">
        </td></tr>
</table>
</form>
</body>
</html>
grazie

 <form name=form1 method=post action="prova.html">
             ^^^^^        ^^^^     idem come sopra
e per tutte le volte che manca
Comunque, dato il contenuto della pagina "leggerissimo" credo che non si
veda perché sia veloce il caricamento. Prova a metterci tipo un'immagine
da qualche mega e vedi se appare.
Se non dici il problema che ti si presenta comunque non possiamo andare
ad intuito. Non appare? Non sparisce?
Enrico

 Il giorno mer, 10/09/2008 alle 00.14 -0700, 
sauro...@yahoo.it
 ha

il malfunzionamento era che la gif non spariva ma ho risolto !!
errore da principiante: function nascondi() {... e non function
nascondi {...
come vedi sono veramente all'inizio.
Altra domanda:
adesso la gif appare in alto a sinistra e naturalmente scompare quasi
immediatamente
come faccio a fare uno stile che centri l'immagine in mezzo alla
pagina?
grazie

 pagina?
Puoi cominciare a studiare i css da qua:
 
http://www.constile.org/template/centrare_il_box/
-- 
"Capivamo di essere tanti
 capivamo di essere forti,
 il problema era solamente
 come farlo capire ai morti."
									    C.L.

 pagina?
Usi i CSS e gli stili, come ti ha già detto cristiano.
Se devi impostarli dinamicamente con il js allora li trovi su
document.getElementById("elemento").style.<qui>
Esempio il "visibility" e il "position" di prima sono attributi di stile
che venivano cambiati tramite js.
Enrico

 Il giorno mer, 10/09/2008 alle 00.50 -0700, 
sauro...@yahoo.it
 ha

ancora una domanda:
questo javascript funziona su firefox:
"document.body.style.opacity=0.4;",
mentre su IE non viene eseguito. ho provato con:
"document.body.style.filter.item(Alpha).Opacity=40;"
ma non va !!!

 ma non va !!!
http://groups.google.it/group/it.comp.lang.javascript/browse_thread/thread/cd90a04746cac52f/267d81f8705a897a?hl=it&lnk=st&q=opacity+group%3Ait.comp.lang.javascript+author%3Acristiano+larghi#267d81f8705a897a
-- 
"Voi abili a tenere sempre un piede qua e uno là
 avrete un avvenire certo in questo mondo qua
 però la dignità
 dove l'avete persa?"
									    V.R.

                                                                             V.R.
abbi pazienza...
    Navigatore=navigator.appName.toLowerCase();
    if (Navigatore == "netscape") {
       document.body.style.opacity=0.4;
    };
    if (Navigatore == "microsoft internet explorer") {
       document.body.style='"ilter: Alpha(Opacity=40)";
    };
....
con firefox l'effetto opaco funziona, con explorer no.
puoi aiutarmi?

 puoi aiutarmi?
Metti un po' di alert di test così capisci se non funziona perché
"Navigatore" non ha quel valore (usavo navigator intorno al 1997, manco
sapevo esistesse ancora ... ma lo espone anche IE? stesso valore per tutte
le versioni?) oppure se lo style è errato ('"ilter anziché filter immagino
sia un errore di battitura)
-- 
"Non sai che ci vuol scienza
 ci vuol costanza
 ad invecchiare senza maturità"
									    F.G.


wrote:

ho risolto grazie.
questo il codice giusto:
Navigatore=navigator.appName.toLowerCase();
if (Navigatore == "netscape") {
   document.body.style.opacity=0.4;
};
if (Navigatore == "microsoft internet explorer") {
   document.body.style.filter="alpha(opacity=40)";
};
ciao