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
Comment lancer du Javascript sans html ? Développement d'un site Web ou d'une appli mobile 28 Avril 2021
Pop up javascript + cookie Développement d'un site Web ou d'une appli mobile 3 Février 2021
Du php dans du javascript Développement d'un site Web ou d'une appli mobile 16 Novembre 2020
Editer document Word avec Javascript Développement d'un site Web ou d'une appli mobile 10 Septembre 2020
Quelle extension Chrome pour expander les liens Javascript Développement d'un site Web ou d'une appli mobile 30 Août 2020
Javascript et duplication de Hn Problèmes de référencement spécifiques à vos sites 21 Août 2020
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