migliorare script attesa!!

**eremiss** · 30-11-2003, 15:04

Ho questo script che mi permette di mandare un messagio di attesa fino a che la pagina nn si carica compleamente. Vorrei migliorarlo rendendolo dinamico: vorrei che i punti della scritta 'In carica....'
aumentino progressivamente ad intervallo di tempo prefissato per poi azzararsi e ricominciare a progredire. Come si fa???

codice:

<script>
//Browsercheck 
n=document.layers 
ie=document.all 

//Hides the layer onload 
function hideIt(){ 
if(ie || n){ 
if(n) document.divLoadCont.visibility="hidden" 
else divLoadCont.style.visibility="hidden" 
} 
} 
</script> 
<style> 
#divLoadCont{position:absolute; width:100%; height:100%; top:0; left:0; background-color:white; layer-background-color:white; font-family:arial,helvetica; z-index:100} 
TD{font-family:arial,helvetica} 
</style> 


<script> 
//We write the table and the div to hide the content out, so older browsers won't see it 
if(ie || n) document.write('<div id="divLoadCont"><table width="100%" height="95%" align="center" valign="middle"><tr><td width="100%" height="100%" align="center" valign="middle"><h3>In carica....</h3></td></tr></table></div>') 
</script>

**Xinod** · 30-11-2003, 18:11

codice:

<script language="javascript" type="text/javascript">
//Browsercheck 
n=document.layers
w3c=document.getElementById

var pre="<table width=\"100%\" height=\"95%\" align=\"center\" valign=\"middle\"><tr><td width=\"100%\" height=\"100%\" align=\"center\" valign=\"middle\"><h3>In carica";
var post="</h3></td></tr></table>";
var num=0;
var dots="";
var timer=false;

function el(name_id){
	return (document.all)?document.all[name_id]:((document.getElementById)?document.getElementById(name_id):document.layers[name_id])
}

function animIt(){
	if(num<4){
		dots+="."
		if(n) {
			el('divLoadCont').document.write(pre+dots+post);
			el('divLoadCont').document.close();
		}
		else el('divLoadCont').innerHTML=pre+dots+post;
		num++
	}
	else {
		num=0;
		dots="";
	}
	timer=setTimeout('animIt()',200);
}

//Hides the layer onload 
function hideIt(){  
	if(n) el('divLoadCont').visibility="hide";
	else el('divLoadCont').style.visibility="hidden";
	if(timer) clearTimeout(timer);
} 
</script>

codice:

<body onload="hideIt()">
<script language="javascript" type="text/javascript">document.write('<div id="divLoadCont">'+pre+post+'</div>');animIt();</script>
...
</body>

non l' ho provato ma così dovrebbe funzionare con i browser + diffusi,
se qualcosa non ti è chiara fammi sapere
ciao

**eremiss** · 30-11-2003, 22:26

Di funzionare funziona però quando i puntini aumentano la scritta carica viene spostata io vorrei che rimanesse ferma e avanzassero solo i puntini!!

**Xinod** · 30-11-2003, 23:08

beh, quello è html (o css, dipende da come preferisci impaginare)
ciao

Discussione: migliorare script attesa!!

Strumenti discussione

Ricerca discussione

Visualizza

migliorare script attesa!!

Permessi di invio