Partager
Affiche les résultats de 1 à 3 sur 3

Sujet : [javascript] Menu qui ce dplace de haut en bas selon la barre scroll

  1. #1
    Inscrit
    September 2010
    Lieu
    Alger - kouba
    Messages
    29
    Remerciements
    0
    Remercié(e) 13 fois dans 6 messages
    Pouvoir de réputation
    0

    Thumbs up [javascript] Menu qui ce dplace de haut en bas selon la barre scroll

    Un menu qui ce déplace de haut en bas selon la barre scroll


    Code HTML:
    <html>
    <head>
    <title>Azhosty.com</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language=javascript>
    <!--
     
    function window_onscroll() {
     
        window.document.getElementById("boite_deplacable").style.top =  window.document.body.scrollTop+150+'px';
    }
     
    //-->
    </script>
     
    </head>
    <body onscroll="window_onscroll()">
    <div id="boite_deplacable" style="height:150px;width:199px; position:absolute; top:150px; left: 10px;"><h2>Azhosty.com</h2>
                                            <ul class="l1">
                                                <li><a href="http://www.dz.azhosty.com/hebergement.html">Hebergement</a></li>
    
                                                <li><a href="http://www.dz.azhosty.com/hebergement.html">serveur</a></li>
                                                <li><a href="http://www.dz.azhosty.com/hebergement.html">website</a></li>
                                            </ul>
    </div>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    </body>
    </html>
    | " Azhosty Algerie " | : Hébergement et conception de site web
    | " Azhosty Algerie " | : Réservation de nom de domaine et référencement
    < A z H o s ty >

  2. # ADS
    Inscrit
    Toujours
    Lieu
    Monde des annonces
    Messages
    Plusieurs






     
  3. #2
    Inscrit
    December 2010
    Messages
    24
    Remerciements
    3
    Remercié(e) 8 fois dans 5 messages
    Pouvoir de réputation
    0

    Re : [javascript] Menu qui ce dplace de haut en bas selon la barre scroll

    <script language=javascript>
    <!--

    function window_onscroll() {

    window.document.getElementById("boite_deplacable") .style.top = window.document.body.scrollTop+150+'px';
    }

    //-->
    </script>
    C'est invalide aux normes..

    Code:
    <script type="text/javascript">
    <!--
     
    function window_onscroll() {
     
        window.document.getElementById("boite_deplacable").style.top =  window.document.body.scrollTop+150+'px';
    }
     
    //-->
    </script>
    ça c'est valide.

    <div id="boite_deplacable" style="height:150px;width:199px; position:absolute; top:150px; left: 10px;"><h2>Azhosty.com</h2>
    Faire ça en CSS ne serai pas plus propre ? ^^
    Dernière édition par NexSG; 25/12/2010 à 17h23

  4. Les membres suivants ont remercié NexSG pour cet excellent message :


  5. #3
    Inscrit
    February 2011
    Lieu
    alger
    Messages
    1 772
    Remerciements
    778
    Remercié(e) 810 fois dans 485 messages
    Pouvoir de réputation
    16

    Re : [javascript] Menu qui ce dplace de haut en bas selon la barre scroll

    même pas la peine de js
    Code HTML:
    <div id="boite_deplacable" style="height:150px;width:199px; position:fixed; top:150px; left: 10px;"><h2>Azhosty.com</h2>
    bien sûr il faut déclarer le doctype comme ça
    Code HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    ça évite la saccade
    Dernière édition par habibal; 04/03/2011 à 12h42

Sujets similaires

  1. Encrypter son code JavaScript , CSS ou HTML
    Par TeamWorK dans le forum Astuces & Tutoriaux
    Réponses: 1
    Dernier message: 05/07/2012, 10h15
  2. Réponses: 0
    Dernier message: 26/05/2012, 12h48
  3. Google booste le moteur JavaScript de Chrome
    Par Essedik dans le forum Navigateurs Internet
    Réponses: 0
    Dernier message: 07/05/2012, 15h16
  4. Réponses: 0
    Dernier message: 24/10/2011, 13h23
  5. [Guide] menu déroulant problème de positionnement
    Par habibal dans le forum Programmation
    Réponses: 1
    Dernier message: 03/04/2011, 00h32

Règles des messages

  • Vous ne pouvez pas créer de sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas importer de fichiers joints
  • Vous ne pouvez pas modifier vos messages
  •  
  • Les BB codes sont Activés
  • Les Smileys sont Activés
  • Le BB code [IMG] est Activé
  • Le code [VIDEO] est Activé
  • Le code HTML est Désactivé



Liens annexes