modifica preload grafico [era: Info Script]

**sopr** · 18-10-2003, 17:27

Ciao ragazzi,
ho uno script inserito in una pagina di preloader della home. Praticamente
c'è un filmato in flash sopra e sotto una barra di caricamento (0 fino a
100%) che scorre e alla fine fa il redirect sulla home. Sopra alla barra
appare loading... (statico) e sotto la percentuale che scorre. Volevo sapere
se er possibile cambiare la scritta loading con delle altre scritte che ogni
tot secondi cambiano? Non so se mi sono spiegato... cmq allego lo script

**Xinod** · 19-10-2003, 06:21

sicuramente è possibile,
intanto evita di usare un tag font (deprecato) per dare il colore ad una scritta quando ci sono i fogli di stile (ed hai già una classe assegnata a quella cella)
td.loading { text-align: Center; color: #778899; font: Bold 11px Verdana; }

assegna un ID a questa cella
<td class="loading" id="testo">....Loading</td>

e nello script

codice:

function Loading() { 
document.getElementById('barra').style.width = espandi; 
espandi++; 
document.getElementById('percentuale').innerHTML = Math.round(espandi / 2) + "%"; 
document.getElementById('testo').innerHTML=(espandi<50)?'...Aspetta':(espandi<100)?'...sei a metà!':(espandi<150)?'...quasi quasi':'...praticamente ci sei!';
if (espandi != 200) { 
window.setTimeout("Loading(), 10"); 
} 
}

una considerazione fatta + volte:
percentuale.innerHTML='quello che vuoi'
è una sintassi valida solo x IE,
usando il document.getElementById rendiamo il codice virtualmente compatibile con tutti i browser recenti (IE5+ NN6+ OPERA MOZILLA SAFARI etc...)
ciao

**sopr** · 19-10-2003, 11:23

grazie tante!

**sopr** · 19-10-2003, 12:18

Xkè nn mi fa modificare l'allineamento del testo dentro la tabella?
Nel senso, i messaggi che voglio far apparire, quelli di cui mi hai suggerito la modifica allo script non mi ci fa modicare l'allineamento.

Se vedi, ho cambiato l'allineamento in

<td class="loading" id="testo"><p align="left"><font color="#778899">....Loading</font></p>

solo che lo mette sempre al centro. E l'allineamento di tutta la tabella l'attacca al bordo del foglio.

Posso modificare l'allineamento solo della prima riga della colonna? Quella dove appaiono le scritte?

<html>
<head>
<style type="text/css">
td.loading { text-align: Center; color: #CCCCCC; font: Bold 11px Verdana; }
td.barra { background-color: #FFFFFF; border: Solid 1px #66CCFF; }
#barra { background-color: #778899; }
#percentuale { text-align: Center; color: #CCCCCC; font: Bold 10px Verdana; }
</style>
<script language="javascript" type="text/javascript">
var espandi = 0;
function Loading() {
document.getElementById('barra').style.width = espandi;
espandi++;
document.getElementById('percentuale').innerHTML = Math.round(espandi / 2) + "%";
document.getElementById('testo').innerHTML=(espand i<50)?'Caricamento in corso...':(espandi<100)?'Accesso al database...':(espandi<150)?'Autenticazione...':'So pravvoliamo Online!';
if (espandi != 200) {
window.setTimeout("Loading(), 10");
}
}
function Go() {
location.href = "http://sopravvoliamo.fw.nu";
}
window.setTimeout("Go()", 5000);
</script>
</head>
<body topmargin="150" onLoad="Loading()" scroll="No" style="background-color: #000000">

<p align="center"><embed width="585" height="234" src="sopr_ARC.swf"></p>

<div align="center">
<table width="222" cellpadding="1" cellspacing="10">
<tr>
<td class="loading" id="testo"><p align="left"><font color="#778899">....Loading</font></p>
</td>
</tr>
<tr>
<td class="barra"><div id="barra"></div></td>
</tr>
<tr>
<td><div id="percentuale"></div></td>
</tr>
</table>
</center>
</div>
</body>
</html>

**Xinod** · 19-10-2003, 14:51

Originariamente inviato da Xinod
intanto evita di usare un tag font (deprecato) per dare il colore ad una scritta quando ci sono i fogli di stile (ed hai già una classe assegnata a quella cella)
td.loading { text-align: Center; color: #778899; font: Bold 11px Verdana; }

quei tag che hai nel td non esistono + una volta che ne hai cambiato il contenuto,
modifica lo stile di .loading

se poi vuoi modificarlo x ogni frase è un altro discorso
ciao

**sopr** · 19-10-2003, 15:47

nn ci capisco molto, xò volevo chiederti, mi potresti fare la modifica per rendere la prima riga della tabella (quella dove scorrono le frasi al posto del loading) allineata a sinistra della tabella?

Grazie
Andrea

**Xinod** · 19-10-2003, 17:12

td .loading { text-align: left; color: #778899; font: bold 11px verdana; }

Discussione: modifica preload grafico [era: Info Script]

Strumenti discussione

Ricerca discussione

Visualizza

Info Script

Permessi di invio