begin process at 2012 05 29 01:32:02
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

Divers

 > 

Aide pour ajouter un lien dans un menu dynamique en JavaScript à partir d'une page web.


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Aide pour ajouter un lien dans un menu dynamique en JavaScript à partir d'une page web.

dimanche 26 juin 2005 à 19:16:32 | Aide pour ajouter un lien dans un menu dynamique en JavaScript à partir d'une page web.

Ethix

Bonjour,
Je ne sais pas du tout comment faire mais j'aimerais pouvoir ajouter un lien dans un menu dynamique en javascript a partir d'une page internet.Il suffirait de rajouter une ligne dans un fichier ".js" qui serait:

zlien[0][place du lien(imaginons qu'il y ai déjà 3 liens alors celui là serait le 4° et donc le chiffre 4 serait affiché] = '<A HREF="nom de la page(en .htm .asp .php,...)" CLASS=ejsmenu>nom du lien à afficher</A>';

Exemple:
zlien[0][4] = '<A HREF="Galerie.htm" CLASS=ejsmenu>Galerie de Photos</A>';

Il faudrait deux champs:
- un pour indiquer l'adresse de la page
- un pour indiquer le nom du lien à afficher

Voila je demande de l'aide pour réaliser cette page internet
Ethix
lundi 27 juin 2005 à 20:45:45 | Re : Aide pour ajouter un lien dans un menu dynamique en JavaScript à partir d'une page web.

Phil_Free

Salut,

Voici le même menu mais beaucoup plus facile à paramétrer:


<html>
<head>
    <title>Test du Script Menu</title>
</head>

<body>
<script>
        // SCRIPT permettant de créer un MENU DEROULANT simple
        // insérer ce script sur la page HTML à l'emplacement désiré


bgcolor   = '#999966';    // couleur de fond des cellules du menu
bgcolor2  = '#336666';    // couleur de fond de la cellule survolée
bordcolor = '#FFFFCC';    // couleur de la bordure
textcolor = '#FFFFFF';    // couleur du texte des menu
textselectcolor = '#FFCC00';    // couleur du texte selectionné

largeur = 100 ;             // largeur des cellules en pixels
hauteur = 20  ;            // hauteur des cellules en pixels

cellmenu = '<TD WIDTH=' + largeur + ' ALIGN="left" BGCOLOR=' + bgcolor + ' onMouseOver="this.style.background=\'' + bgcolor2 + '\';popdown(menlien[';
cellmenu1= ')" onMouseOut="this.style.background=\'' + bgcolor + '\'"><a onClick="return(false)" onMouseOver="popdown(menlien[' ;
cellmenu2= ')" href=# CLASS=clsmenu><FONT SIZE=1 FACE="Arial"><B>' ;
cellmenu3= '</B></FONT></a></TD>' ;


// ------------------LIENS

menlien = new Array;        // création des Array Menu
menlien[0] = new Array;
menlien[1] = new Array;
menlien[2] = new Array;
menlien[3] = new Array;
menlien[4] = new Array;

posmenu = 5 ;                // nombre de menus (ici 5)

menlien[0][0] = 'Menu 1' ;    // texte du 1er  menu (remplacer Menu 1)
menlien[0][1] = 'Menu 2' ;    // texte du 2eme menu
menlien[0][2] = 'Menu 3' ;    // texte du 3eme menu
menlien[0][3] = 'Menu 4' ;    // texte du 4eme menu
menlien[0][4] = 'Menu 5' ;    // texte du 4eme menu

// ci-dessous après HREF=" indiquer le lien
// et remplacer Menu x-x par votre description

menlien[1][0] = '<a HREF="lien11.htm" CLASS=clsmenu TARGET="_parent">Menu 1-1</a>';
menlien[1][1] = '<a HREF="lien12.htm" CLASS=clsmenu TARGET="_parent">Menu 1-2</a>';
menlien[1][2] = '<a HREF="lien13.htm" CLASS=clsmenu TARGET="_parent">Menu 1-3</a>';
menlien[1][3] = '<a HREF="lien14.htm" CLASS=clsmenu TARGET="_parent">Menu 1-4</a>';
menlien[1][4] = '<a HREF="lien15.htm" CLASS=clsmenu TARGET="_parent">Menu 1-5</a>';
menlien[1][5] = '<a HREF="lien16.htm" CLASS=clsmenu TARGET="_parent">Menu 1-6</a>';
menlien[1][6] = '<a HREF="lien17.htm" CLASS=clsmenu TARGET="_parent">Menu 1-7</a>';

menlien[2][0] = '<a HREF="lien21.htm" CLASS=clsmenu TARGET="_parent">Menu 2-1</a>';
menlien[2][1] = '<a HREF="lien22.htm" CLASS=clsmenu TARGET="_parent">Menu 2-2</a>';
menlien[2][2] = '<a HREF="lien23.htm" CLASS=clsmenu TARGET="_parent">Menu 2-3</a>';
menlien[2][3] = '<a HREF="lien24.htm" CLASS=clsmenu TARGET="_parent">Menu 2-4</a>';
menlien[2][4] = '<a HREF="lien25.htm" CLASS=clsmenu TARGET="_parent">Menu 2-5</a>';

menlien[3][0] = '<a HREF="lien31.htm" CLASS=clsmenu TARGET="_parent">Menu 3-1</a>';
menlien[3][1] = '<a HREF="lien32.htm" CLASS=clsmenu TARGET="_parent">Menu 3-2</a>';
menlien[3][2] = '<a HREF="lien33.htm" CLASS=clsmenu TARGET="_parent">Menu 3-3</a>';
menlien[3][3] = '<a HREF="lien34.htm" CLASS=clsmenu TARGET="_parent">Menu 3-4</a>';
menlien[3][4] = '<a HREF="lien35.htm" CLASS=clsmenu TARGET="_parent">Menu 3-5</a>';
menlien[3][5] = '<a HREF="lien36.htm" CLASS=clsmenu TARGET="_parent">Menu 3-6</a>';

menlien[4][0] = '<a HREF="lien41.htm" CLASS=clsmenu TARGET="_parent">Menu 4-1</a>';
menlien[4][1] = '<a HREF="lien42.htm" CLASS=clsmenu TARGET="_parent">Menu 4-2</a>';

menlien[5][0] = '<a HREF="lien41.htm" CLASS=clsmenu TARGET="_parent">Menu 5-1</a>';
menlien[5][1] = '<a HREF="lien42.htm" CLASS=clsmenu TARGET="_parent">Menu 5-2</a>';


function popdown( msg , pos ) {
                                // fonction ouvrant le menu déroulant
    habillage.visibility = "hidden";
    a = true ;
    habillage.left = pos;
    content = "<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=" + bordcolor + " WIDTH=" + largeur + "><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='" + bgcolor2 + "'\" onMouseOut=\"this.style.background='" + bgcolor + "'\" HEIGHT=" + (hauteur-5) + "><FONT SIZE=1 FACE=\"Arial\"><B>&nbsp;&nbsp;" + msg[pass] + "</B></FONT></TD></TR>";
        pass++;
    }

    content += "</TABLE></TD></TR></TABLE>";

    if (nava) {
        habillage.document.write(content);
        habillage.document.close();
        habillage.visibility = "visible";
    }

    else if (dom) {
        document.getElementById("topdeck").innerHTML = content;
        habillage.visibility = "visible";
    }

    else if (iex) {
        document.all("topdeck").innerHTML = content;
        habillage.visibility = "visible";
    }
}

function FermerMenu() {
                                // fonction fermant le menu déroulant
    habillage.visibility = "hidden";
}

    document.write( '<style type="text/css">' );
    document.write( '.popmen         { position: absolute; VISIBILITY: hidden; z-index:3; }' ) ;
    document.write( '#topgauche      { position: absolute; z-index:10; }' ) ;
    document.write( 'A:hover.clsmenu { color:' + textselectcolor + '; text-decoration:none;}' ) ;
    document.write( 'A.clsmenu       { color:' + textcolor       + '; text-decoration:none;}' ) ;
    document.write( '</style>' ) ;
    document.write( '<div style="position:relative;height:' + hauteur + '"><DIV class=popmen id=topdeck></DIV>' );

    var nava = (document.layers);
    var dom  = (document.getElementById);
    var iex  = (document.all);

    if (nava) {
        habillage = document.topdeck
    }
   
    else if (dom) {
        habillage = document.getElementById("topdeck").style
    }
   
    else if (iex) {
        habillage = topdeck.style
    }

    habillage.top = hauteur - 1 ;

    document.onclick = FermerMenu ;

    document.write('<DIV ID=topgauche><TABLE ALIGN="left" BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=' + bordcolor + ' WIDTH=' + 4*largeur + '><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=' + hauteur + ' ALIGN="CENTER"><TR>')

    i = 0 ;

    while ( i <  posmenu ) {
        document.write( cellmenu + (i+1) + '],' + (i * largeur) + cellmenu1 + (i+1) + '],' + (i * largeur) + cellmenu2 + menlien[0][i] + cellmenu3 ) ;
        i++ ;
    }

    document.write('</TR></TABLE></TD></TR></TABLE></DIV></DIV>') ;

</script>

</body>

</html>


lundi 27 juin 2005 à 21:03:38 | Re : Aide pour ajouter un lien dans un menu dynamique en JavaScript à partir d'une page web.

Phil_Free

Excuse moi,

J'ai fait une petite erreur dans mon Post précédent, voici le script correct:

<html>
<head>
    <title>Test du Script Menu</title>
</head>

<body>
<script>
        // SCRIPT permettant de créer un MENU DEROULANT simple
        // insérer ce script sur la page HTML à l'emplacement désiré


bgcolor   = '#999966';    // couleur de fond des cellules du menu
bgcolor2  = '#336666';    // couleur de fond de la cellule survolée
bordcolor = '#FFFFCC';    // couleur de la bordure
textcolor = '#FFFFFF';    // couleur du texte des menu
textselectcolor = '#FFCC00';    // couleur du texte selectionné

largeur = 100 ;             // largeur des cellules en pixels
hauteur = 20  ;            // hauteur des cellules en pixels

cellmenu = '<TD WIDTH=' + largeur + ' ALIGN="left" BGCOLOR=' + bgcolor + ' onMouseOver="this.style.background=\'' + bgcolor2 + '\';popdown(menlien[';
cellmenu1= ')" onMouseOut="this.style.background=\'' + bgcolor + '\'"><a onClick="return(false)" onMouseOver="popdown(menlien[' ;
cellmenu2= ')" href=# CLASS=clsmenu><FONT SIZE=1 FACE="Arial"><B>' ;
cellmenu3= '</B></FONT></a></TD>' ;


// ------------------LIENS

menlien = new Array;        // création des Array Menu
menlien[0] = new Array;
menlien[1] = new Array;
menlien[2] = new Array;
menlien[3] = new Array;
menlien[4] = new Array;
menlien[5] = new Array;

posmenu = 5 ;                // nombre de menus (ici 5)

menlien[0][0] = 'Menu 1' ;    // texte du 1er  menu (remplacer Menu 1)
menlien[0][1] = 'Menu 2' ;    // texte du 2eme menu
menlien[0][2] = 'Menu 3' ;    // texte du 3eme menu
menlien[0][3] = 'Menu 4' ;    // texte du 4eme menu
menlien[0][4] = 'Menu 5' ;  // texte du 5eme menu

// ci-dessous après HREF=" indiquer le lien
// et remplacer Menu x-x par votre description

menlien[1][0] = '<a HREF="lien11.htm" CLASS=clsmenu TARGET="_parent">Menu 1-1</a>';
menlien[1][1] = '<a HREF="lien12.htm" CLASS=clsmenu TARGET="_parent">Menu 1-2</a>';
menlien[1][2] = '<a HREF="lien13.htm" CLASS=clsmenu TARGET="_parent">Menu 1-3</a>';
menlien[1][3] = '<a HREF="lien14.htm" CLASS=clsmenu TARGET="_parent">Menu 1-4</a>';
menlien[1][4] = '<a HREF="lien15.htm" CLASS=clsmenu TARGET="_parent">Menu 1-5</a>';
menlien[1][5] = '<a HREF="lien16.htm" CLASS=clsmenu TARGET="_parent">Menu 1-6</a>';
menlien[1][6] = '<a HREF="lien17.htm" CLASS=clsmenu TARGET="_parent">Menu 1-7</a>';

menlien[2][0] = '<a HREF="lien21.htm" CLASS=clsmenu TARGET="_parent">Menu 2-1</a>';
menlien[2][1] = '<a HREF="lien22.htm" CLASS=clsmenu TARGET="_parent">Menu 2-2</a>';
menlien[2][2] = '<a HREF="lien23.htm" CLASS=clsmenu TARGET="_parent">Menu 2-3</a>';
menlien[2][3] = '<a HREF="lien24.htm" CLASS=clsmenu TARGET="_parent">Menu 2-4</a>';
menlien[2][4] = '<a HREF="lien25.htm" CLASS=clsmenu TARGET="_parent">Menu 2-5</a>';

menlien[3][0] = '<a HREF="lien31.htm" CLASS=clsmenu TARGET="_parent">Menu 3-1</a>';
menlien[3][1] = '<a HREF="lien32.htm" CLASS=clsmenu TARGET="_parent">Menu 3-2</a>';
menlien[3][2] = '<a HREF="lien33.htm" CLASS=clsmenu TARGET="_parent">Menu 3-3</a>';
menlien[3][3] = '<a HREF="lien34.htm" CLASS=clsmenu TARGET="_parent">Menu 3-4</a>';
menlien[3][4] = '<a HREF="lien35.htm" CLASS=clsmenu TARGET="_parent">Menu 3-5</a>';
menlien[3][5] = '<a HREF="lien36.htm" CLASS=clsmenu TARGET="_parent">Menu 3-6</a>';

menlien[4][0] = '<a HREF="lien41.htm" CLASS=clsmenu TARGET="_parent">Menu 4-1</a>';
menlien[4][1] = '<a HREF="lien42.htm" CLASS=clsmenu TARGET="_parent">Menu 4-2</a>';

menlien[5][0] = '<a HREF="lien51.htm" CLASS=clsmenu TARGET="_parent">Menu 5-1</a>';
menlien[5][1] = '<a HREF="lien52.htm" CLASS=clsmenu TARGET="_parent">Menu 5-2</a>';

function popdown( msg , pos ) {
                                // fonction ouvrant le menu déroulant
    habillage.visibility = "hidden";
    a = true ;
    habillage.left = pos;
    content = "<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=" + bordcolor + " WIDTH=" + largeur + "><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='" + bgcolor2 + "'\" onMouseOut=\"this.style.background='" + bgcolor + "'\" HEIGHT=" + (hauteur-5) + "><FONT SIZE=1 FACE=\"Arial\"><B>&nbsp;&nbsp;" + msg[pass] + "</B></FONT></TD></TR>";
        pass++;
    }

    content += "</TABLE></TD></TR></TABLE>";

    if (nava) {
        habillage.document.write(content);
        habillage.document.close();
        habillage.visibility = "visible";
    }

    else if (dom) {
        document.getElementById("topdeck").innerHTML = content;
        habillage.visibility = "visible";
    }

    else if (iex) {
        document.all("topdeck").innerHTML = content;
        habillage.visibility = "visible";
    }
}

function FermerMenu() {
                                // fonction fermant le menu déroulant
    habillage.visibility = "hidden";
}

    document.write( '<style type="text/css">' );
    document.write( '.popmen         { position: absolute; VISIBILITY: hidden; z-index:3; }' ) ;
    document.write( '#topgauche      { position: absolute; z-index:10; }' ) ;
    document.write( 'A:hover.clsmenu { color:' + textselectcolor + '; text-decoration:none;}' ) ;
    document.write( 'A.clsmenu       { color:' + textcolor       + '; text-decoration:none;}' ) ;
    document.write( '</style>' ) ;
    document.write( '<div style="position:relative;height:' + hauteur + '"><DIV class=popmen id=topdeck></DIV>' );

    var nava = (document.layers);
    var dom  = (document.getElementById);
    var iex  = (document.all);

    if (nava) {
        habillage = document.topdeck
    }
   
    else if (dom) {
        habillage = document.getElementById("topdeck").style
    }
   
    else if (iex) {
        habillage = topdeck.style
    }

    habillage.top = hauteur - 1 ;

    document.onclick = FermerMenu ;

    document.write('<DIV ID=topgauche><TABLE ALIGN="left" BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=' + bordcolor + ' WIDTH=' + posmenu * largeur + '><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=' + hauteur + ' ALIGN="CENTER"><TR>')

    i = 0 ;

    while ( i <  posmenu ) {
        document.write( cellmenu + (i+1) + '],' + (i * largeur) + cellmenu1 + (i+1) + '],' + (i * largeur) + cellmenu2 + menlien[0][i] + cellmenu3 ) ;
        i++ ;
    }

    document.write('</TR></TABLE></TD></TR></TABLE></DIV></DIV>') ;

</script>

</body>

</html>


mercredi 29 juin 2005 à 16:15:03 | Re : Aide pour ajouter un lien dans un menu dynamique en JavaScript à partir d'une page web.

Ethix

C'est vrai ce script là est plus simple, par contre je ne vois toujours pas comment ajouter un lien  dans le menu.
Merci quand même...car je pense que je vais me servir de ce menu là
Ethix

mercredi 29 juin 2005 à 20:41:02 | Re : Aide pour ajouter un lien dans un menu dynamique en JavaScript à partir d'une page web.

Phil_Free

De combien de menus as-tu besoin ?

Je t'en ai paramétré 5 comme tu le demandais.

Tu en veux 6, 7, 8, 9 ?

mercredi 29 juin 2005 à 21:22:59 | Re : Aide pour ajouter un lien dans un menu dynamique en JavaScript à partir d'une page web.

Ethix

Non, ce que je veux c'est avoir la possibilité d'ajouter un menu directement à partir de la page web où ce menu se trouve...
ethix

mercredi 29 juin 2005 à 22:04:30 | Re : Aide pour ajouter un lien dans un menu dynamique en JavaScript à partir d'une page web.

Phil_Free

Pour ajouter un menu, il faut:

1° ici ajouter (en rouge):

menlien = new Array;        // création des Array Menu
menlien[0] = new Array;
menlien[1] = new Array;
menlien[2] = new Array;
menlien[3] = new Array;
menlien[4] = new Array;
menlien[5] = new Array;
menlien[6] = new Array;

2° ici modifier (en rouge):
posmenu = 6 ;                // nombre de menus (ici 5)

3° ici ajouter (en rouge):
menlien[5][0] = '<a HREF="lien51.htm" CLASS=clsmenu TARGET="_parent">Menu 5-1</a>';
menlien[5][1] = '<a HREF="lien52.htm" CLASS=clsmenu TARGET="_parent">Menu 5-2</a>';


menlien[6][0] = '<a HREF="lien61.htm" CLASS=clsmenu TARGET="_parent">Menu 6-1</a>';
menlien[6][1] = '<a HREF="lien62.htm" CLASS=clsmenu TARGET="_parent">Menu 6-2</a>';



mercredi 29 juin 2005 à 22:35:34 | Re : Aide pour ajouter un lien dans un menu dynamique en JavaScript à partir d'une page web.

Ethix

Nan ce que je veux dire c'et modifier mon menu directement a partir d'internet.
mercredi 29 juin 2005 à 22:48:15 | Re : Aide pour ajouter un lien dans un menu dynamique en JavaScript à partir d'une page web.

Phil_Free

Peux-tu t'expliquer ?

ça ne veut pas dire grand chose: "modifier mon menu à partir d'Internet"



Cette discussion est classée dans : menu, aide, page, ajouter, lien


Répondre à ce message

Sujets en rapport avec ce message

Faire une action sur le menu par un simple lien [ par ThePooh ] BonjourJe débute dans la création d'un site webJe m'expliqueDans ma page j'ai mon menu à gauche et au milieu page avec du blabla et je souhaite dans m lien [ par poitierjohan ] Salut, Comment est-ce que je peux ajouter un lien sur ma page web (HTML de préférence)! Ce lien propose d'ajouter mon site aux favori... Et et un autr aide pour menu [ par piou88 ] Bonjour les gens! je ne savais pas trop ou mettre cette question donc j'essaye ici, enfin bref... Je voulai savoir comment faut-il fai Comment dans une menu en CSS désactiver le lien de la page active? [ par yukie_chan ] Bonjour à tous!Je ne sais pas si le titre de mon sujet est clair... j'ai eu du mal à le formuler!Pour que ce soit plus compréhensible le principe est aide [ par reftotodev ] Bonjour à tous J'aimerai creer une page sur mon site avec un lien en savoir plus qui me permettra de rajouter du texte dans la page et un lien Fermer un lien un peu compliqué [ par manstyl ] Bonjour à tous je vous ecrit car je prend la tete sur un lien depuis quelques semaines: J'ai cree un menu avec une belle interface graphique (ht ouvrir un lien sur un nouvelle ongle ou une nouvelle page [ par cyrilherve ] slut, je suis cherche un script qui permettra qu'en cliquant sur un lien, il s'ouvre plutot soit sur un nouvel onglet soit sur une nouvelle page  cdt mettre un lien dans un menu [ par dede260 ] Menu déroulant [ par odakawoi ] Salut à vous, Voici, tout d'abord, mes codes : [B]En :[/B] [CODE=java] function chgpage(formulaire) { if (formulaire.listepages.selectedIndex afficher un menu ou l'on souhaite sur la page [ par aforpien ] Bonsoir à tous, Dans la cadre du developpement d'un planning evenementiel en php ajax, je souhaiterai faire en sorte, que lorsque l'on clique sur une


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,889 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales