Newsgroup: it.comp.lang.javascript
Titolo: Principiante

Chi mi sa dire le righe di codice per creare una barra
che simuli il caricamento di una pagina, o magari lo
effettui veramente ??? Io non ci sono proprio riuscito !
Loading  _____________
Grazie a tutti

 ha scritto nel messaggio
news:0XoD6.51048$s93.4...@news.infostrada.it...

Non so se si puo' fare, non mi risulta che Javascript abbia funzioni che
rilevino la percentuale di pagina caricata ad un dato momento. Forse si puo'
fare usando qualche trucco, tipo incrementare una variabile usando il famoso
.onLoad delle immagini, ma non credo valga la pena. Con Flash e' senz'altro
piu' facile.
Alx
--
-----------------------------
PERCORSI GRAFICI
Via dei Serpenti, 96
00184 - ROMA
Tel. 06.47883735
Fax  06.47826344
http://www.percorsigrafici.it
mailto:
ma...@percorsigrafici.it
-----------------------------

 Alx


 effettui veramente ??? Io non ci sono proprio riuscito !
http://www.jspoint.it/
, sezione UserScript, categoria Grafica, e scarica 
ImageLoader (us0022.zip). Estrai il file preloader.js nella directory 
della tua pagina (gli altri file sono solo la guida e le vecchie 
versioni, non ne hai bisogno). La pagina di caricamento la fai così:
<html>
<head>
	<style>
	<!--
	body{
		background: #000000;
		border-style: none;
		overflow: auto;
	}
	#bg{
		left: 20px;
		top: 20px;
		width: 400px;
		height: 20px;
		background: #303030;
		position: absolute;
		overflow: hidden;
	}
	#progressbar{
		left: 20px;
		top: 20px;
		width: 0px;
		height: 20px;
		background: #404040;
		position: absolute;
		overflow: hidden;
	}
	#display{
		left: 20px;
		top: 20px;
		width: 400px;
		height: 20px;
		position: absolute;
		color: silver;
		text-align: center;
		font-size: 13px;
		overflow: hidden;
	}
	-->
	</style>
	<script src="preloader.js"></script>
	<script>
	<!--
if(document.getElementById) get = document.getElementById;
else if(document.all) get = function (id){return document.all[id]}
else if(document.layers) get = function (id){return document.layers[id]}
else get = function (){return null}
window.onload = function (){
	// testo o HTML che verrà mostrato alla fine del caricamento
	var donehtml = "done";
    	var w = 400;
	function ld(cur, done, count, perc, src, img, started, elapsed){
		step(perc);
		var pc = Math.floor(100 * perc) + "%";
		if(cur < 0) wri(pc);
		else wri(src + " - " + pc);
	}
	var bar = get("progressbar");
	if(bar.style) step = function (perc){
		bar.style.pixelWidth = w * perc
	}
	else if(bar.width) step = function (perc){bar.width = w * perc}
	else step = function (){}
	var txt = get("display");
	if(txt.innerHTML) wri = function (text){txt.innerHTML = text}
	else if(txt.document) wri = function (text){
		with(txt.document){open();write(text);close()}
	}
	else wri = function (){}
	var imgs = new ImageLoader(
		"image1.jpg",
		"image2.jpg",
		"image3.jpg"
		// e qui ci metti tutte le immagini che ti serve caricare
	);
	imgs.onload = imgs.onerror = ld;
	imgs.oncomplete = function (){wri(donehtml)};
	imgs.load();
}
	// -->
	</script>
</head>
<body leftmargin="0" topmargin="0" rightmargin="0">
	<div id="bg">&nbsp;</div>
	<div id="progressbar">&nbsp;</div>
	<div id="display">&nbsp;</div>
</body>
</html>

 }
[mega cut]