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 :

mise en place d'un menu horizontal javascript


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 4
    Par défaut mise en place d'un menu horizontal javascript
    Bonjour

    je suis en cour de création un site, j'ai peu a l'aide de recherche internet de mettre en place un menu horizontal avec un codage java script

    mon probleme c'est quant je click sur un lien du menu rien ne se passe
    j'ia crée ma pas INDEX avec front page, elle ai constituer d'un tableau avec un ensenbel de cellule et de ligne, le menu et inserer dans une cellule


    se que je veux faire c que quant je click sur le menu ou sur le sous menu c'est que ma page s'afficher dans une cellue dans la meme page pour garger le meme presentation du site ( menu y compris )


    pouvez vous m'aider SVP ????????

    merci d'avance pour votre interet

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    Pas de bol j'ai envoyé ma boule de cristal USB à la révision hier, du coup c'est beaucoup moins pratique pour voir ton code ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Futur Membre du Club
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 4
    Par défaut
    j'ia rien compris a ton message
    tu peu m'aider ou pas ???

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    je n'ai pas de dons d'extra lucide et sans voir le code incriminé ça me parait compromis ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Futur Membre du Club
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 4
    Par défaut code
    voila 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
    bgcolor='#006699';
    bgcolor0='#E9967A'; //CC0000';
    bgcolor1='#FF69B4'; //CC0000';
    bgcolor2='#FF6347'; //CC0000';
    bgcolor3='#48D1CC'; //CC0000';
    bgcolor4='#FFA500'; //CC0000';
    bgcolor5='#BC8F8F'; //CC0000';
    bgcolor6='#00FF00'; //CC0000';
    bgcolor7='#FFB6C1'; //CC0000';
    bgcolor8='#D2691E'; //CC0000';
    bgcolor9='#ADFF2F'; //CC0000';
     
    zgcolor = new Array;
    zgcolor[0] = '#E9967A'; //CC0000';
    zgcolor[1] = '#FF69B4'; //CC0000';
    zgcolor[2] = '#FF6347'; //CC0000';
    zgcolor[3] = '#48D1CC'; //CC0000';
    zgcolor[4] = '#FFA500'; //CC0000';
    zgcolor[5] = '#BC8F8F'; //CC0000';
    zgcolor[6] = '#00FF00'; //CC0000';
    zgcolor[7] = '#FFB6C1'; //CC0000';
    zgcolor[8] = '#D2691E'; //CC0000';
    zgcolor[9] = '#ADFF2F'; //CC0000';
     
    document.write('<style type="text/css">');
    document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
    document.write('#topgauche { position:absolute; z-index:10; }')
    document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')
    document.write('A.ejsmenu {color:#FFFFFF; text-decoration:none;}')
    document.write('</style>')
    document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');
    /*
    SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT


    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
    zlien = new Array;
    zlien[0] = new Array;
    zlien[1] = new Array;
    zlien[2] = new Array;
    zlien[3] = new Array;
    zlien[4] = new Array;
    zlien[5] = new Array;
    zlien[6] = new Array;
     
    zlien[0][0] = '<A HREF="www.geocities.com/simulationdehockey16/reglement" CLASS=ejsmenu>Aceuil</A>';
    zlien[0][1] = '<A HREF="www.geocities.com/simulationdehockey16/inscription" CLASS=ejsmenu>Info</A>';
    zlien[0][2] = '<A HREF="www.geocities.com/simulationdehockey16/listedg" CLASS=ejsmenu>Astuce</A>';
    zlien[0][3] = '<A HREF="www.geocities.com/simulationdehockey16/infodg" CLASS=ejsmenu>News/A>';
    zlien[0][4] = '<A HREF="www.geocities.com/simulationdehockey16/direction" CLASS=ejsmenu>Blague</A>';
    zlien[0][5] = '<A HREF="www.geocities.com/simulationdehockey16/forum" CLASS=ejsmenu>Forum</A>';
     
    zlien[1][0] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>TBA3KIK</A>';
    zlien[1][1] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>BALGUE</A>';
    zlien[1][2] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>JOURNAL</A>';
    zlien[1][3] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Prospect</A>';
    zlien[1][4] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>MANAGER</A>';
    zlien[1][5] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>QUALITE</A>';
    zlien[1][6] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>PARODUCTIVITE</A>';
    zlien[1][7] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>COURRIER SORTANT</A>';
    zlien[1][8] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>STOK</A>';
     
    zlien[2][0] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>REALISE du jour</A>';
    zlien[2][1] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>STAT</A>';
    zlien[2][2] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>ClASSEMENT</A>';
    zlien[2][3] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>EXTRACTION</A>';
    zlien[2][4] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Meneurs Individuelles</A>';
    zlien[2][5] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Meneurs par équipes</A>';
    zlien[2][6] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>STATISTIQUE</A>';
    zlien[2][7] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Top 5 PRODUCTIVITE</A>';
    zlien[2][8] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Top 5 QUALITE</A>';
    zlien[2][9] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Top 5 APPEL SORANT</A>';
     
    zlien[3][0] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Classement</A>';
    zlien[3][1] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Meneur</A>';
     
    zlien[4][0] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Gm Editor</A>';
    zlien[4][1] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>STOUNE</A>';
     
    zlien[5][0] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>HALAZOUNE</A>';
    zlien[5][1] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>NOUKAT</A>';
    zlien[5][2] = '<A HREF="www.rds.ca" CLASS=ejsmenu>RENDEZ-VOUS</A>';
    zlien[5][3] = '<A HREF="www.tsn.ca" CLASS=ejsmenu>CALANDRIER</A>';
    zlien[5][4] = '<A HREF="www.fhlsim.com" CLASS=ejsmenu>ZORO</A>';
     
    var nava = (document.layers);
    var dom = (document.getElementById);
    var iex = (document.all);
    if (nava) { skn = document.topdeck }
    else if (dom) { skn = document.getElementById("topdeck").style }
    else if (iex) { skn = topdeck.style }
    skn.top = 24;
     
    function pop(msg,pos)
    {
    	skn.visibility = "hidden";
    	a=true
    	skn.left = pos;
    	var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=150><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
    	pass = 0
    	while (pass < msg.length)
    		{
    			content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+zgcolor[pass]+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE=\"Verdana\">  "+msg[pass]+"</FONT></TD></TR>";
    			pass++;
    		}
    	content += "</TABLE></TD></TR></TABLE>";
    	if (nava)
    		{
    			skn.document.write(content);
    			skn.document.close();
    			skn.visibility = "visible";
    		}
    	else if (dom)
    			{
    				document.getElementById("topdeck").innerHTML = content;
    				skn.visibility = "visible";
    			}
    		else if (iex)
    			{
    				document.all("topdeck").innerHTML = content;
    				skn.visibility = "visible";
    			}
    }
     
    function kill()
    {
    	skn.visibility = "hidden";
    }
     
    document.onclick = kill;
    document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=700><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=25><TR>')
    document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">ACEUIL</FONT></a></TD>')
    document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor3+'\';pop(zlien[1],100)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],100)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">EQUIPE</FONT></a></TD>')
    document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor4+'\';pop(zlien[2],200)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],200)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">STATISTIQUE</FONT></a></TD>')
    document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor5+'\';pop(zlien[3],300)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">GROUPE</FONT></a></TD>')
    document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor6+'\';pop(zlien[4],400)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],400)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">RESULTAT</FONT></a></TD>')
    document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor7+'\';pop(zlien[5],500)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">LIENS</FONT></a></TD>')
    document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor8+'\';pop(zlien[6],600)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[6],600)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">AUTRES</FONT></a></TD>')
    document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')

    merci d'avance

  6. #6
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    as tu pensés a allez faire un tour ici : http://css.developpez.com/galerie/

    ton code est obsolète ...

Discussions similaires

  1. Menu horizontal à deux niveaux, mise en avant de "l'item courant"
    Par kallaghan dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 27/10/2011, 12h06
  2. Mise en place position:fixed sur un menu sous un autre
    Par saidgrd dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 22/06/2009, 21h50
  3. Menu horizontal en CSS sans Javascript...
    Par Décibel dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 17/11/2008, 23h14

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