IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

un menu mobil se transformant en menu statique...


Sujet :

JavaScript

  1. #1
    Membre éclairé Avatar de Jiraiya42
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    671
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 671
    Par défaut un menu mobil se transformant en menu statique...
    salut,

    j'ai trouvé un script, c'est un menu qui apparait sur le cote gauche quand la souris passe dessus mais j'aiemrai qu'il reste permanet je donne le script si quelqu'un pouvait m'aider ce serait super super sympa:


    <html>

    <head>

    <script language="JavaScript1.2">

    // Script trouvé sur Le Webmestre www.le-webmestre.net info@le-webmestre.net
    // Retrouvez des centaines de scripts et bien plus...

    /*
    Static menu script II (By maXimus, maximus@nsimail.com, http://absolutegb.com/maximus/)
    Modified slightly/ permission granted to Dynamic Drive to feature script in archive
    For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
    */

    function move(x) {
    if (document.all) {
    object1.style.pixelLeft += x;
    object1.style.visibility = "visible"}
    else if (document.layers) {
    document.object1.left += x;
    document.object1.visibility = "show"}};

    function makeStatic() {
    if (document.all) {object1.style.pixelTop=document.body.scrollTop+20}
    else {eval(document.object1.top=eval(window.pageYOffset+20));}
    setTimeout("makeStatic()",0);}
    </script>

    <style>
    <!--

    .hl {
    Background-Color : yellow;
    Cursor:hand;
    }
    .n {
    Cursor:hand;
    }
    -->
    </style>

    </head>



    <body>
    <layer visibility="hide" top="20" name="object1" bgcolor="black" left="0" onmouseover="move(132)" onmouseout="move(-132)">
    <script language="JavaScript1.2">
    function positionmenu(){
    move(-132)
    }
    if (document.all) {document.write('<div id="object1" style="visibility:hidden;cursor:hand; Position : Absolute ;Left : 0px ;Top : 20px ;Z-Index : 20" onmouseover="move(132)" onmouseout="move(-132)">')}
    </script>
    <table border="0" cellpadding="0" cellspacing="1" width="150" bgcolor="#000000"><tr><td bgcolor="#0099FF"> <font size="4" face="Arial"><b>Menu</b></font></td>

    <script language="JavaScript1.2">
    document.write('<td align="center" rowspan="100" width="16" bgcolor="#FF6666"><span style="font-size:13px"><p align="center"><font face="Arial Black">S<br>I<br>D<br>E<br>M<br>E<br>N<BR>U</font></p></span></td>')
    </script>

    </tr>

    <script language="JavaScript1.2"><!--
    if (document.all||document.layers) {
    makeStatic();}

    var text=new Array();
    var thelink=new Array();

    // Les Pages, titres, cette liste peut être étendie ou réduite
    text[0]="Page 1";
    text[1]="Page 2";
    text[2]="Page 3";
    text[3]="Page 4";
    text[4]="Page 5";
    text[5]="Page 6";
    text[6]="Page 7";
    text[7]="Page 8";

    // Les liens qui correspondent aux pages Web, cette liste doit avoir le même nombre de titres
    thelink[0]="http://www.lien1.com";
    thelink[1]="http://www.lien2.com";
    thelink[2]="http://www.lien3.com";
    thelink[3]="http://www.lien4.com";
    thelink[4]="http://www.lien5.com";
    thelink[5]="http://www.lien6.com";
    thelink[6]="http://www.lien7.com";
    thelink[7]="http://www.lien8.com";


    // Entrer les cibles des pages.
    /* Les valeurs possibles sont :
    ==> rien ('') ==> Dans la même page (pas de target en fait).
    ==> new ==> Nouvelle page (_blank)
    ==> Nom_de_frame ==> Cible, le nom d'une frame (comme pour target=machin_chose)
    */

    var linktarget=''

    // NE RIEN CHANGER APRES

    function navigateie(which){
    if (linktarget=='')
    window.location=thelink[which]
    else if (linktarget=='new')
    window.open(thelink[which])
    else{
    temp_var=eval("window.parent."+linktarget)
    temp_var.location=thelink[which]
    }
    }

    for (i=0;i<=text.length-1;i++)
    if (document.all) {document.write('<tr><td height=20 bgcolor=white onclick="navigateie('+i+')" onmouseover="className=\'hl\'" onmouseout="className=\'n\'"><font size=2 face=Arial> '+text[i]+'</font></td></tr>')}
    else {document.write('<tr><td bgcolor="white"><ilayer><layer height="18" onmouseover="this.bgColor=\'yellow\'" onmouseout="this.bgColor=\'white\'" width=131><font size=2 face=Arial> <a href="'+thelink[i]+'" target="'+linktarget+'" id="nounderline">'+text[i]+'</a></font></layer></ilayer></td></tr>')}

    //-->
    </script>
    <tr>
    <td bgcolor="#0099FF"><font size="1" face="Arial"> </font></td>
    </tr>
    </table>
    <script language="JavaScript1.2">
    if (document.all) {document.write('</div>')}
    window.onload=positionmenu
    </script>
    </layer>

    </body>

    </html>

    Voilà je connais pas trop javascript donc svp un peu d'aide...

  2. #2
    Membre Expert Avatar de Oluha
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    2 183
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Novembre 2004
    Messages : 2 183
    Par défaut
    J'ai pas trop compris, tu veux qu'il reste toujours ouvert mais qu'il bouge quand même avec l'assenceur ?

  3. #3
    Membre éclairé Avatar de Jiraiya42
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    671
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 671
    Par défaut
    en fait je veux que le menu reste toujours ouvert ouai mais c'est tout...

  4. #4
    Membre Expert Avatar de Oluha
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    2 183
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Novembre 2004
    Messages : 2 183
    Par défaut
    ben pourquoi s'embeter avec ce truc là ?

  5. #5
    Membre éclairé Avatar de Jiraiya42
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    671
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 671
    Par défaut
    ben chai pas lol, enfait chui en stage j'avais trouvé ce truc là mais le patron préfère qu'il soit statique...

  6. #6
    Membre Expert Avatar de Oluha
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    2 183
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Novembre 2004
    Messages : 2 183
    Par défaut
    si tu veux un truc entièrement static du html/css suffit, pas la peine de s'embeter avec du javascript

  7. #7
    Membre éclairé Avatar de Jiraiya42
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    671
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 671
    Par défaut
    oki merkui

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 0
    Dernier message: 16/10/2013, 15h22
  2. Transformer un menu
    Par overbridge dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 06/05/2012, 21h41
  3. [CSS] menu mobile à cacher
    Par Invité dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 05/09/2006, 16h10
  4. Transformer un menu deroulant
    Par cell dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 20/07/2006, 16h25
  5. [Menu Plugin Eclipse]créer un menu et utiliser ActionFactory
    Par Nanoulov dans le forum Eclipse Java
    Réponses: 1
    Dernier message: 01/07/2005, 13h42

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo