Page 1 sur 1

comment faire une barre de chargement

Posté : 24 mars 2007, 23:29
par Invité
bonjour, je souhaiterai faire une barre de chargement car les pages de mon site sont assez lourdes.

Mon souci est que je ne veux pas insérer un script pour chacune de mes pages, mais plutot ajouter dans le répertoire de mon site une page qui lancerait à chaque fois qu'il est necessaire pour n'importe quel page, la barre de chargement.

Je crois savoir qu'il existe des scripts qui permettent le lancement du loader à chaque fois qu'une page lourde est appelé.

aidez moi s'il vous plait :? :shock: :? :cry:

Posté : 25 mars 2007, 19:32
par Aureusms
Une petite recherche sur Google : http://www.j0k3r.net/html-page-de-chargement-6.html

ensuite pour commencer tu mets
include('script_barre_de_chargement.php');
dans toute tes pages.

Si tu veux seulement pour les pages lourdes, il faut connaître leurs "poids". Via ce biai proposé, la barre de chargement se fera très discrète.

Bon codage.

Posté : 25 mars 2007, 20:04
par Invité
bonjour, je n'y arrive pas. pourtant cela n'a pas l'air d'être difficile quand on le lit comme ça. qu'est ce qui cloche dans mon script, pouvez vous y jeter un petit coup d'oeil ?
include('script_barre_de_chargement.php');

Code : Tout sélectionner

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Auteur compositeur</title> <div id="waitDiv" style="position:absolute; left:300; top:300; visibility:hidden; text-align: center"> <table cellpadding="6" cellspacing="0" border="1" bgcolor="#FFCD36" bordercolor="#000000"> <tr> <td align="center"> Loading...<br /> <img src="www.mediapoleproduction.com/img/wait.gif" alt="Please Wait" /> <br />Please wait... </td> <tr> </table> </div><script type="text/javascript"> <!-- var DHTML = (document.getElementById || document.all || document.layers); function ap_getObj(name) { if (document.getElementById) { return document.getElementById(name).style; } else if (document.all) { return document.all[name].style; } else if (document.layers) { return document.layers[name]; } } function ap_showWaitMessage(div, flag) { if (!DHTML) return; var x = ap_getObj(div); x.visibility = (flag) ? 'visible':'hidden' if(! document.getElementById) if(document.layers) x.left=280/2; return true; } ap_showWaitMessage('waitDiv', 1); //--> </script> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- body { background-color: #000000; } --> </style></head> <body> <div align="center"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="973" height="539"> <param name="movie" value="www.mediapoleproduction.com/ecoute.swf"> <param name="quality" value="high"> <embed src="www.mediapoleproduction.com/ecoute.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="973" height="539"></embed> </object> </div> <script type="text/javascript"> <!-- ap_showWaitMessage('waitDiv', 0); //--> </script></body> </html>

Posté : 26 mars 2007, 12:26
par Aureusms
Qu'a tu mis dans include('script_barre_de_chargement.php'); ?

J'espère que ce n'est pas tout le reste de ton code ? Sinon c'est normal que cela ne marche pas.

rapidement il faudrait que ce soit :
<div id="waitDiv" style="position:absolute; left:300; top:300; visibility:hidden; text-align: center">
        <table cellpadding="6" cellspacing="0" border="1" bgcolor="#FFCD36" bordercolor="#000000">
                <tr>
                        <td align="center">
                                Loading...<br />
                                <img src="www.mediapoleproduction.com/img/wait.gif" alt="Please Wait" />
                                <br />Please wait...
                        </td>
                <tr>
        </table>
</div><script type="text/javascript">
<!--
var DHTML = (document.getElementById || document.all || document.layers);
function ap_getObj(name)
{
        if (document.getElementById)
        {
                return document.getElementById(name).style;
        }
        else if (document.all)
        {
                return document.all[name].style;
        }
        else if (document.layers)
        {
                return document.layers[name];
        }
}

function ap_showWaitMessage(div, flag)
{
        if (!DHTML) return;
        var x = ap_getObj(div);
        x.visibility = (flag) ? 'visible':'hidden'
        if(! document.getElementById)
                if(document.layers)
                        x.left=280/2;
        return true;
}
       
ap_showWaitMessage('waitDiv', 1);
//-->
</script> 
Je dis bien rapidement je ne me suis pas relu!!