Entaille javascript [loader a la gmail]

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par j-mi, 25 Novembre 2008.

  1. j-mi
    j-mi WRInaute passionné
    Inscrit:
    17 Mai 2005
    Messages:
    1 761
    J'aime reçus:
    0
    entre <head> </head>

    Code:
       <script type="text/javascript">
    // <![CDATA[
    function hideLoadingPage(){
    if (document.getElementById){  // DOM3 = IE5, NS6
    document.getElementById('hidepage').style.visibility = 'hidden';
    } else {
    if (document.layers){  // Netscape 4
    document.hidepage.visibility = 'hidden';
    } else {  // IE 4
    document.all.hidepage.style.visibility = 'hidden';
    }
    }
    }
    // ]]>
    </script>
    <style type="text/css" media="screen">
    #hidepage {
       position:absolute;
       left:0px;
       top:-2px;
       width:100%;
       height:100%;
       display:block;
    }
    #hideloadingpage {
       position:absolute;
       background:#770000;
       right:0px;
       top:-2px;
       width:200px;
       height:15px;
       display:block;
       margin-top:6px;
    }
    img {
             padding: 5px;
             border: 1px solid #CCC;
          }
    </style>
    votre body

    Code:
    <body onLoad="hideLoadingPage();">
    justre apres Body

    Code:
    <body onLoad="hideLoadingPage();">
    <div id="hidepage">
    <table width="100%" border="0" cellspacing="0">
    <tr>
    <td align="right">
    <script type="text/javascript">
    // <![CDATA[
    var message="Chargement de la page en cours...";
    var neonbasecolor="#FFFFFF";var neontextcolor="#000000";var neontextcolor2="#000000";
    var flashspeed=40; // vitesse de défilement en millisecondes
    var flashingletters=2; // nombre de lettres simultanément changées
    var flashingletters2=2; // number of letters flashing in neontextcolor2 (0 to disable)
    var flashpause=0; // durée de la pause entre chaque flash
    var n=0;
    if (document.all||document.getElementById){
    document.write('<div id="hideloadingpage"><font color="'+neonbasecolor+'">');
    for (m=0;m<message.length;m++){document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')}
    document.write('</font></div');}
    else {document.write(message) ;}
    function crossref(number){
    var crossobj=document.all? document.all["neonlight"+number] : document.getElementById("neonlight"+number);
    return crossobj;               }
    function neon(){
    if (n==0){for (m=0;m<message.length;m++){crossref(m).style.color=neonbasecolor}}crossref(n).style.color=neontextcolor;
    if (n>flashingletters-1){crossref(n-flashingletters).style.color=neontextcolor2};
    if (n>(flashingletters+flashingletters2)-1){crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor};
    if (n<message.length-1){n++;}else{n=0;clearInterval(flashing);setTimeout("beginneon()",flashpause);return;}
    }
    function beginneon(){
    if (document.all||document.getElementById){flashing=setInterval("neon()",flashspeed)}
    }
    beginneon();
    // ]]>
    </script>
    </td>
    </tr>
    </table>
    </div>
    Enjoy :D
     
  2. lesbonsplansdesophie
    lesbonsplansdesophie WRInaute occasionnel
    Inscrit:
    1 Mars 2004
    Messages:
    399
    J'aime reçus:
    0
    Merci, c'est toujours sympa les petits bouts de code !
     
  3. bproductiv
    bproductiv WRInaute accro
    Inscrit:
    27 Décembre 2004
    Messages:
    3 705
    J'aime reçus:
    0
  4. j-mi
    j-mi WRInaute passionné
    Inscrit:
    17 Mai 2005
    Messages:
    1 761
    J'aime reçus:
    0
    bin non la source que tu cite et auteur sont reelement pas bons

    mais c pas grave ;-)
     
Chargement...
Similar Threads - Entaille javascript [loader Forum Date
Neutralité du Net, une proposition Verizon-Google évoque des entailles Google : l'entreprise, les sites web, les services 11 Août 2010
Quels Outils Javascript pour générer des documents Demandes d'avis et de conseils sur vos sites 21 Juillet 2020
HTML fait par Javascript <=>gérer les Events ? Développement d'un site Web ou d'une appli mobile 5 Juillet 2020
Compresseur Javascript récent? Développement d'un site Web ou d'une appli mobile 7 Juin 2020
Debugger Javascript sous IOS (avec émulateur) Développement d'un site Web ou d'une appli mobile 27 Mai 2020
Styliser popup alert javascript Développement d'un site Web ou d'une appli mobile 16 Mars 2020
style.css unique préférable avec link ou javascript ? Développement d'un site Web ou d'une appli mobile 25 Décembre 2019
Format milliers nombre en javascript Développement d'un site Web ou d'une appli mobile 5 Décembre 2019
Référencement d'un site full javascript (angular js) Référencement Google 10 Septembre 2019
Compatibilité Javascript pour IE. Demandes d'avis et de conseils sur vos sites 21 Avril 2019
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice