Triumph Of Steel ha scritto:... e aggiungerlo subito dopo?
fai prima secondo me ad inserire un classe nel bottone, che ha come proprietà
"visibility:hidden;" o "display:none";
visto che la funzione viene chiamata senza condizioni, tanto vale che usi SOLO css.
Non posso intervenire nemmeno NEL tag BUTTON, solo nella riga subito sopra. Ho capito male?
poi non capisco come i setTimeout possa essere meglio, visto che:
- viene eseguito 1 secondo dopo, e quindi il bottone si vede cmq
Veramente è un MILLESIMO di secondo...
con window.onload mi pare molto strano che si veda il bottone anche per un attimo.
Il window.onload è la base di tutte le funzionalità del prototype, scriptaculuos e jQuery...
Esempio pratico con window.onload:
- Codice: Seleziona tutto
<HTML>
<HEAD><TITLE>Test</TITLE></HEAD>
<BODY BACKGROUND="http://www.premier.alberta.ca/gallery/2008_World_Oil/2008_World_Oil_9HighRes.jpg">
<script>
function nascondi(){
document.getElementById('MioBottone').style.visibility = 'hidden';
}
window.onload = nascondi;
</script>
<DIV style="background:#FFFFFF">
Inizio2
</BR></BR></BR>
<BUTTON TYPE="button" ID="MioBottone">Prova</BUTTON>
</BR></BR></BR>
Fine
</DIV>
</BODY>
</HTML>
Come esempio è stata scelta appositamente una foto (presa a caso da Google) pesante 8MB messa come sfondo (svuotate la cache tra una prova e l'altra). Col codice sopra il bottone lo vedi durante TUTTO il caricamento dello sfondo, quando ha
finito sparisce.
Esempio pratico con SetTimeout
- Codice: Seleziona tutto
<HTML>
<HEAD><TITLE>Test</TITLE></HEAD>
<BODY BACKGROUND="http://www.premier.alberta.ca/gallery/2008_World_Oil/2008_World_Oil_9HighRes.jpg">
<script>
function nascondi(){
document.getElementById('MioBottone').style.visibility = 'hidden';
}
setTimeout("nascondi()", 1);
</script>
<DIV style="background:#FFFFFF">
Inizio2
</BR></BR></BR>
<BUTTON TYPE="button" ID="MioBottone">Prova</BUTTON>
</BR></BR></BR>
Fine
</DIV>
</BODY>
</HTML>
Il bottone viene nascosto un millisecondo dopo la lettura della riga che richiama la funzione, il caricamento della pagina prosegue normalmente anche se lo sfondo ancora non è stato scaricato e nel frattempo il bottone è nascosto