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
Format milliers nombre en javascript Développement d'un site Web ou d'une appli mobile Jeudi à 16:26
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
Librairie javascript PerformanceNavigationTiming Développement d'un site Web ou d'une appli mobile 7 Avril 2019
Site totalement javascript : pas bon pour le SEO ? Débuter en référencement 8 Novembre 2018
Quelle origine connexion http en javascript ? Développement d'un site Web ou d'une appli mobile 11 Juillet 2018
Audit SEO et Javascript Référencement Google 18 Juin 2018
Noindex dans un contenu HTML chargé par Javascript ? Référencement Google 2 Mai 2018
Code source en javascript : quel impact SEO pour mon site ? Demandes d'avis et de conseils sur vos sites 12 Janvier 2018
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice