Newsgroup: it.comp.www.html
Titolo: [OT]Caricamento

Salve
 mi  servirebbe uno java script che visualizzi un messaggio  tipo
"attendere...." durante il caricamento della pagina
e che poi lo faccia scomparire a pagina caricata
"anche se sarebbe piu carino far comparire un indicatore di caricamento ma
forse chiedo troppo da js"
chi mi può aiutare???
è possibile fare qualcosa???
saluti
IronSpider

 ha scritto nel messaggio
news:xk2w6.831$fO3....@news.infostrada.it...

Chiedi sul ng it.comp.lang.javascript.........

 Chiedi sul ng it.comp.lang.javascript.........
Prova questo:
<html>
<head>
<title></title>
<script language="JavaScript1.1">
<!-- begin hiding
// You may modify the following:
 var locationAfterPreload = "left.htm" // URL of the page after preload
finishes
 var lengthOfPreloadBar = 100 // Length of preload bar (in pixels)
 var heightOfPreloadBar = 15 // Height of preload bar (in pixels)
 // Put the URLs of images that you want to preload below (as many as you
want)
 var yourImages = new
Array("left_file/euro.gif","left_file/euro2.gif","left_file/alluvione.gif","
left_file/alluvione2.gif","left_file/corsi.gif","left_file/corsi2.gif","left
_file/iniziative.gif","left_file/iniziative2.gif","left_file/laboratori.gif"
,"left_file/laboratori2.gif","left_file/letteratura.gif","left_file/letterat
ura2.gif","left_file/marketing.gif","left_file/marketing2.gif","left_file/st
oria.gif","left_file/storia2.gif")
// Do not modify anything beyond this point!
if (document.images) {
 var dots = new Array()
 dots[0] = new Image(1,1)
 dots[0].src = "left1_file/black.gif" // default preloadbar color (note: You
can substitute it with your image, but it has to be 1x1 size)
 dots[1] = new Image(1,1)
 dots[1].src = "left1_file/blue.gif" // color of bar as preloading
progresses (same note as above)
 var preImages = new Array(),coverage =
Math.floor(lengthOfPreloadBar/yourImages.length),currCount = 0
 var loaded = new Array(),i,covered,timerID
 var leftOverWidth = lengthOfPreloadBar%coverage
}
function loadImages() {
 for (i = 0; i < yourImages.length; i++) {
  preImages[i] = new Image()
  preImages[i].src = yourImages[i]
 }
 for (i = 0; i < preImages.length; i++) {
  loaded[i] = false
 }
 checkLoad()
}
function checkLoad() {
 if (currCount == preImages.length) {
  location.replace(locationAfterPreload)
  return
 }
 for (i = 0; i <= preImages.length; i++) {
  if (loaded[i] == false && preImages[i].complete) {
   loaded[i] = true
   eval("document.img" + currCount + ".src=dots[1].src")
   currCount++
  }
 }
 timerID = setTimeout("checkLoad()",10)
}
// end hiding -->
</script>
</head>
<body bgcolor="#B0C4DE">
<p>
0%
<script language="JavaScript1.1">
<!-- begin hiding
// It is recommended that you put a link to the target URL just in case if
the visitor wants to skip preloading
// for some reason, or his browser doesn't support JavaScript image object.
if (document.images) {
 var preloadBar = ''
 for (i = 0; i < yourImages.length-1; i++) {
  preloadBar += '<img src="' + dots[0].src + '" width="' + coverage + '"
height="' + heightOfPreloadBar + '" name="img' + i + '" align="absmiddle">'
 }
 preloadBar += '<img src="' + dots[0].src + '" width="' +
(leftOverWidth+coverage) + '" height="' + heightOfPreloadBar + '" name="img'
+ (yourImages.length-1) + '" align="absmiddle">'
 document.write(preloadBar)
 loadImages()
}
// end hiding -->
</script>
</center>
</body>
</html>