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 :

Probleme menu deroulant et frames


Sujet :

JavaScript

  1. #1
    Membre habitué
    Homme Profil pro
    Chef de projet MOA
    Inscrit en
    Mars 2002
    Messages
    119
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Chef de projet MOA
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mars 2002
    Messages : 119
    Points : 126
    Points
    126
    Par défaut Probleme menu deroulant et frames
    Bonjour j ai récupéré un code sources sur internet qui repond pas mal à mes besoins.

    j ai cependant 2 problemes du a une page de frame

    -Ma page d index est donc divisée en 2 frame , je met le menu en haut et j aimerais que les pages s affichent en bas , mais avec ce code tout s ouvre en haut

    -Mon menu disparait sous ma frame du bas , il faudrai pouvoir l afficher par dessus

    voici le code

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
     
     //************ Menu Principal ************//
    Color0M  = '#F76B08' //Couleur du texte
    Color1M  = '#000000' //Couleur Arrière
    Color2M  = '#000000' //Couleur Arrière Surbrillance
    Color3M  = '#666666' //Couleur Bordure ????
    PosY     = 0         //Distance entre le haut de l'écran et le menu
    LargeurM = 110       //Largeur
    HauteurM =  30       //Hauteur
    AlignM   = 'center'  //'center','right','left'
    FontM    = 'Verdana' //Police
    SizeM    =  8       //Taille de la Police
    WeightM  = 'bold'    //Epaisseur de la Police
    CursorM  = 'default' //Curseur-> default,hand...
     
    menu = new Array; i=0
    //--------[Texte/Html]------------------[ Adresse ]--------------------------//
    menu[i++]='Accueil'   ;menu[i++]='#'
    menu[i++]='C est quoi' ;menu[i++]='#'
    menu[i++]='C est qui' ;menu[i++]='#'
    menu[i++]='Boutique'        ;menu[i++]='#'
    menu[i++]='Liens'        ;menu[i++]='#'
    menu[i++]='Contacts'        ;menu[i++]='#'
     
     
    //************ Sous-Menus ************//
    Color0S  = '#F76B08' //Couleur du texte
    Color1S  = '#555555' //Couleur Arrière
    Color2S  = '#6699FF' //Couleur Arrière Surbrillance
    Color3S  = '#FFFF00' //Couleur Bordure
    EnLigne  =   0       //1:pour ranger sur une seule ligne  0:en colonne
    LargeurS = 150       //Largeur
    HauteurS =  20       //Hauteur
    AlignS   = 'center'  //'center','right','left'
    FontS    = 'Verdana' //Police
    SizeS    =  10       //Taille de la Police
    WeightS  = 'bold'    //Epaisseur de la Police
    FonduS   =   1       //1:Fondu, 0:aucun
    CursorS  = 'default' //Curseur-> default,hand...
     
    k=-1; zlien = new Array
     
    i=0; zlien[++k]=new Array//Accueil
     
    i=0; zlien[++k]=new Array  //   Pas de Sous-Menus pour le menu principal ''
    zlien[k][i++]='Présentation'    ;zlien[k][i++]='presentation.html'
    zlien[k][i++]='charte'    ;zlien[k][i++]='charte.html '
    //zlien[k][i++]='...'    ;zlien[k][i++]='http://...'
    i=0; zlien[++k]=new Array
    zlien[k][i++]='Membres'     ;zlien[k][i++]='Membres.html'
    zlien[k][i++]='Album'     ;zlien[k][i++]='Album.html'
    i=0; zlien[++k]=new Array
    zlien[k][i++]='Présentation'     ;zlien[k][i++]=''
    zlien[k][i++]='Homme'     ;zlien[k][i++]=''
    zlien[k][i++]='Femme'     ;zlien[k][i++]=''
    zlien[k][i++]='Commande'     ;zlien[k][i++]=''
     
    i=0; zlien[++k]=new Array
    i=0; zlien[++k]=new Array
     
    //************ Fin des paramètres, Début du programme ************//
    if(document.getElementById) {
     
    document.write('<style>')
    document.write('.popper {POSITION:absolute; VISIBILITY:hidden; z-index:15;}')
    document.write('.ejmenu  {font-family:'+FontM+'; font-size:'+SizeM+'; font-weight:'+WeightM+'; color:'+Color0M+'; text-decoration:none; cursor:'+CursorM+';}')
    document.write('.ejsmenu {font-family:'+FontS+'; font-size:'+SizeS+'; font-weight:'+WeightS+'; color:'+Color0S+'; text-decoration:none; cursor:'+CursorS+';}')
    document.write('</style>')
     
    function fadeIn(obj)
    { obj.style.filter="blendTrans(duration=1)"
      if(obj.visibility!="visible" && obj.filters.blendTrans.status!=1)
      { obj.filters.blendTrans.Apply()
        obj.style.visibility="visible"
        obj.filters.blendTrans.Play()
      }
    }
     
    document.onclick     = function() { skn.visibility="hidden" }
    document.onmousemove = function()
    {  document.getElementById('topmenu').style.top=document.body.scrollTop+PosY   
       document.getElementById('topmenu').style.visibility='visible'    
    }
     
    window.onscroll = function()
    {  document.getElementById('topmenu').style.visibility='hidden'
       skn.visibility = "hidden"
    }
     
    function pop(msg,pos)
    { skn.visibility="hidden"
      skn.top=document.body.scrollTop+PosY+HauteurM
      if(msg.length==0) return
      pass=0
      if(EnLigne)
      { content="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR="+Color3S+" WIDTH="+LargeurM*menu.length/2+"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1><TR>"
        while(pass<msg.length)
        { content+="<TD align="+AlignS+" BGCOLOR="+Color1S+" onMouseDown='location.href=\""+msg[pass+1]+"\"' onMouseOver=\"this.style.background='"+Color2S+"'\" onMouseOut=\"this.style.background='"+Color1S+"'\" HEIGHT="+HauteurS+" CLASS=ejsmenu> "+msg[pass]+"</TD>"
          pass+=2
        }
        content+="</TR>"
      } else
      { skn.left=pos-1
        content="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR="+Color3S+" WIDTH="+LargeurS+"><TR><TD><TABLE WIDTH="+LargeurS+" BORDER=0 CELLPADDING=0 CELLSPACING=1>"
        while(pass<msg.length)
        { content+="<TR><TD align="+AlignS+" WIDTH="+LargeurS+" BGCOLOR="+Color1S+" onMouseDown='location.href=\""+msg[pass+1]+"\"' onMouseOver=\"this.style.background='"+Color2S+"'\" onMouseOut=\"this.style.background='"+Color1S+"'\" HEIGHT="+HauteurS+" CLASS=ejsmenu> "+msg[pass]+"</TD></TR>"
          pass+=2
        }      
      }
      document.getElementById("topdeck").innerHTML=content+"</TABLE></TD></TR></TABLE>"
      if(navigator.appName.substring(0,3)=="Net" || !FonduS) skn.visibility="visible"; else fadeIn(topdeck);
    }
     
    document.write('<DIV style="position:relative;"><DIV class=popper id=topdeck></DIV><TABLE style="position:absolute;" ID=topmenu BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR='+Color3M+' WIDTH='+LargeurM*menu.length/2 +' HEIGHT='+HauteurM+'><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=100%><tr>')
    skn=document.getElementById("topdeck").style
    pass=0
    while(pass<menu.length/2)                                        
    { document.write("<TD WIDTH="+LargeurM+" align="+AlignM+" BGCOLOR="+Color1M+" onMouseDown='location.href=\""+menu[pass*2+1]+"\"' onMouseOver='this.style.background=\""+Color2M+"\";pop(zlien["+pass+"],this.offsetLeft)' onMouseOut='this.style.background=\""+Color1M+"\"' CLASS=ejmenu>"+menu[pass*2]+"</TD>")
      pass++
    }
    document.write('</TR></TABLE></TD></TR></TABLE></DIV>')
    document.getElementById('topmenu').style.top=document.body.scrollTop+PosY
    }
    Voyez vous une solution ??

    Merci

  2. #2
    Membre émérite
    Inscrit en
    Septembre 2002
    Messages
    2 307
    Détails du profil
    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 307
    Points : 2 814
    Points
    2 814
    Par défaut
    Mon menu disparait sous ma frame du bas , il faudrai pouvoir l afficher par dessus
    -> ne pas utiliser de frame!

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

    Informations forums :
    Inscription : Novembre 2004
    Messages : 2 183
    Points : 1 967
    Points
    1 967
    Par défaut
    impossible de faire passer par dessus

  4. #4
    Membre habitué
    Homme Profil pro
    Chef de projet MOA
    Inscrit en
    Mars 2002
    Messages
    119
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Chef de projet MOA
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mars 2002
    Messages : 119
    Points : 126
    Points
    126
    Par défaut
    ok bon , bah je vais etre obliger de supprimer les frames alors :'(

    merci de vos réponses

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

Discussions similaires

  1. probleme menu deroulant css avec ie6
    Par rerebubu dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 14/10/2009, 11h59
  2. Probleme menu deroulant (se bloque pas)
    Par totodu038 dans le forum ActionScript 1 & ActionScript 2
    Réponses: 1
    Dernier message: 28/11/2008, 19h50
  3. Probleme de menu deroulant Sous IE6
    Par Althor dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 22/09/2006, 14h31
  4. Menu déroulants et frame
    Par Jim_Nastiq dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 11/05/2006, 15h06
  5. probleme menu deroulant
    Par amine_smi dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 25/04/2006, 10h35

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