Problemino con preload di pagina

**TommyGun** · 15-11-2006, 20:27

Salve!
Ho scaricato il codice dalla sezione script, è un semplice preload di pagina,
ma non riesco a fargli visualizzare la barra in aumento.
Grazie mille.

Codice PHP:


<html>

<head>

  <title>Loading</title>

  <style type="text/css">

   td.loading { text-align: Center; color: #778899; font: Bold 14px Verdana; }

   td.barra { background-color: #F9F9F9; border: Solid 1px #CCCCCC; }

   #barra { background-color: #EEEEEE; }

   #percentuale { text-align: Center; color: #778899; font: Bold 20px Verdana; }

  </style>

  <script language="javascript" type="text/javascript">

   <!--

    var espandi = 0;

        function Loading() {

           barra.style.width = espandi;

           espandi++;

           percentuale.innerHTML = Math.round(espandi / 2) + "%";

              if (espandi != 200) {

                  window.setTimeout("Loading(), 10");

              }

        }

        function Go() {

           location.href = "eportfolio1.htm";

        }

        window.setTimeout("Go()", 3500);

   //-->

  </script>

</head>

<body topmargin="150" onLoad="Loading()" scroll="No"><table width="222" align="center" cellpadding="1" cellspacing="10">

<tr>

   <td class="loading">You are going to enter in my E-Portfolio!</td>

</tr>

<tr>

   <td class="loading">...Loading</td>

</tr>

<tr>

   <td class="barra"><div id="barra"></div></td>

</tr>

<tr>

   <td><div id="percentuale"></div></td>

</tr>

</table></body>

</html>

**nuky** · 16-11-2006, 09:37

Non vedi la barra perché il div è vuoto, devi impostare l'altezza.
Inoltre per essere standard W3C dovresti accedere agli oggetti tramite la funzione document.getElementById:

codice:

<html> 
<head> 
  <title>Loading</title> 
  <style type="text/css"> 
   td.loading { text-align: Center; color: #778899; font: Bold 14px Verdana; } 
   td.barra { background-color: #F9F9F9; border: Solid 1px #CCCCCC; } 
   #barra { background-color: #EEEEEE; height:30px;} 
   #percentuale { text-align: Center; color: #778899; font: Bold 20px 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) + "%"; 
              if (espandi != 200) { 
                  window.setTimeout("Loading(), 10"); 
              } 
        } 
        function Go() { 
           location.href = "eportfolio1.htm"; 
        } 
        window.setTimeout("Go()", 3500); 
   //--> 
  </script> 
</head> 
<body topmargin="150" onLoad="Loading()" scroll="No"><table width="222" align="center" cellpadding="1" cellspacing="10"> 
<tr> 
   <td class="loading">You are going to enter in my E-Portfolio!</td> 
</tr> 
<tr> 
   <td class="loading">...Loading</td> 
</tr> 
<tr> 
   <td class="barra"><div id="barra"></div></td> 
</tr> 
<tr> 
   <td><div id="percentuale"></div></td> 
</tr> 
</table></body> 
</html>

**TommyGun** · 16-11-2006, 12:02

Grazie mille,
ricordiamoci di attivare anche un altro colore per la barra in progressione:

#barra { background-color: black ; height:30px;}

Discussione: Problemino con preload di pagina

Strumenti discussione

Ricerca discussione

Visualizza

Problemino con preload di pagina

Permessi di invio