Menu à plusieurs niveaux

jlangrange Messages postés 1 Date d'inscription jeudi 27 mars 2008 Statut Membre Dernière intervention 4 avril 2008 - 4 avril 2008 à 15:03
cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 - 4 avril 2008 à 15:13
Bonjour j'aimerai savoir comment ajouter un troisième niveau à un menu qui en comporte déjà deux
voici mon code:
<script language= "JavaScript" type="text/JavaScript">
//************ Menu Principal ************//
Text     = '#FFFFFF'
bgcolor  = '#000066'// Couleur Arrière
bgcolor2 = '#6699CC'// Couleur Arrière Surbrillance
bgcolor3 = '#0000ff'// Couleur Bordure
LargeurM = 150   // Largeur
HauteurM = 30  // Hauteur
TailleM  = 2  // Taille Font
menu = new Array;


i = 0;
menu[i++] = 'Applications Prod.'
menu[i++] = ''
menu[i++] = 'Applications tests'
menu[i++] = 'http://com-sa09mda/applications/progicom.htm'
menu[i++] = 'Permanences'
menu[i++] = 'http://com-sa09mda/Permanences_Astreintes/Permanences.htm'
menu[i++] = 'Directions'
menu[i++] = ''
menu[i++] = 'Gestion Electronique des Documents'
menu[i++] = ''
menu[i++] = 'Eramet'
menu[i++] = ''
menu[i++] = 'Autres applications'
menu[i++] = ''
menu[i++] = 'Autres sites'
menu[i++] = ''
menu[i++] = '...test..test...'
menu[i++] = ''


//************ Sous-Menus ************//
bgcolor5 ='#555555' // Couleur Arrière
bgcolor6 ='#6699ff' // Couleur Arrière Surbrillance
bgcolor4 ='#0000ff' // Couleur Bordure
LargeurS = 150  // Largeur
HauteurS = 20  // Hauteur
TailleS  = 1  // Taille Font
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[7] = new Array
zlien[8] = new Array


zlien1 = new Array
zlien1[0] = new Array
zlien1[1] = new Array
zlien1[2] = new Array
zlien1[3] = new Array
zlien1[4] = new Array


i = 0;
zlien[0][i++] = 'Oracle application'
zlien[0][i++] = 'http://com-sa10mda:8080/OA_HTML/US/prod_1.1.7.27.htm'
zlien[0][i++] = 'Delta paie'
zlien[0][i++] = 'http://com-sa16mda/delta_jinit_prod.html'
zlien[0][i++] = 'Reporting (Crystal)'
zlien[0][i++] = 'http://com-sa24mda/crystal/enterprise9/ePorfolio/fr/logonform.csp'
zlien[0][i++] = 'RITA'
zlien[0][i++] = 'http://com-sa09mda/index_comilog_droit_23012004.htm'
zlien1[0][i++]='xxx'
zlien1[0][i++]=''


i = 0;
zlien[3][i++] = 'DG'
zlien[3][i++] = ''
zlien[3][i++] = 'DAI'
zlien[3][i++] = 'http://com-sa15mda:8000/dai/default.aspx'
zlien[3][i++] = 'DRH'
zlien[3][i++] = ''
zlien[3][i++] = 'DFIP'
zlien[3][i++] = ''
zlien[3][i++] = 'DM'
zlien[3][i++] = ''
zlien[3][i++] = 'DAF'
zlien[3][i++] = ''
zlien[3][i++] = 'DAP'
zlien[3][i++] = ''
zlien[3][i++] = 'DCRP'
zlien[3][i++] = ''
zlien[3][i++] = 'DCIM'
zlien[3][i++] = ''


i = 0;
zlien[4][i++] = 'Oracle Application 11i'
zlien[4][i++] = 'http://com-sa15mda:8000/oa11i/default.aspx'                                        
zlien[4][i++] = 'DAI'
zlien[4][i++] = 'http://com-sa15mda:8000/dai/default.aspx'
zlien[4][i++] = 'DFIP'
zlien[4][i++] = 'http://com-sa15mda:8000/dfip/default.aspx'
zlien[4][i++] = 'DM'
zlien[4][i++] = 'http://com-sa15mda:8000/dm/default.aspx'
zlien[4][i++] = 'DCIM'
zlien[4][i++] = 'http://com-sa15mda:8000/dcim/default.aspx'
zlien[4][i++] = 'DAF'
zlien[4][i++] = 'http://com-sa15mda:8000/daf/default.aspx'
zlien[4][i++] = 'DAP'
zlien[4][i++] = 'http://com-sa15mda:8000/dap/default.aspx'
zlien[4][i++] = 'DCRP'
zlien[4][i++] = 'http://com-sa15mda:8000/dcrp/default.aspx'
zlien[4][i++] = 'DG'
zlien[4][i++] = 'http://com-sa15mda:8000/dg/default.aspx'
zlien[4][i++] = 'DRH'
zlien[4][i++] = 'http://com-sa15mda:8000/drh/default.aspx'


i = 0;
zlien[5][i++] = 'Groupe'
zlien[5][i++] = 'http://eramet.emea.ecm.era/'
zlien[5][i++] = 'Magnitude'
zlien[5][i++] = 'http://magnitude.emea.ecm.era/production/default.jsp'
zlien[5][i++] = 'Eralink'
zlien[5][i++] = 'http://eralink.emea.ecm.era:ERALINK'
zlien[5][i++] = 'Erajob'
zlien[5][i++] = ''
zlien[5][i++] = 'Erabuy'
zlien[5][i++] = 'http://erabuy.eramet/'


i = 0;
zlien[6][i++] = 'Portail Citrix'
zlien[6][i++] = 'http://10.9.1.30/'
zlien[6][i++] = 'Prisma (Environnement)'
zlien[6][i++] = 'http://10.64.1.82/cgi.Prisma/doc/main.cgi?tstamp=1079014211&database=prismadoctest'
zlien[6][i++] = 'Admin. Crystal Report'
zlien[6][i++] = 'http://com-sa24mda/crystal/enterprise9/admin/fr/admin.cwr'
zlien[6][i++] = 'Admin. Oracle E.M'
zlien[6][i++] = 'http://com-sa27mda_comilog.com:7777/em/'


i = 0;
zlien[7][i++] = 'Sodepal'
zlien[7][i++] = 'http://com-sa09mda/SODEPAL'
zlien[7][i++] = 'Setrag'
zlien[7][i++] = ''


i = 0;
zlien[8][i++] = 'GL-AP-FA'
zlien[8][i++] = 'http://com-sa15mda:8000/oa11i/GlAPFA/Forms/AllItems.aspx'
zlien[8][i++] = 'PO'
zlien[8][i++] = 'http://com-sa15mda:8000/oa11i/PO/Forms/AllItems.aspx'
zlien[8][i++] = 'IC'
zlien[8][i++] = ''
zlien[8][i++] = 'EAM'
zlien[8][i++] = 'http://com-sa15mda:8000/oa11i/default.aspx'
zlien[8][i++] = 'Délivrables'
zlien[8][i++] = 'http://com-sa15mda:8000/oa11i/Dlivrable/Forms/AllItems.aspx'




/************ Fin des paramètres, Début du programme ************/


function menu_vertical(z_parm)
{
var z_path=z_parm;
zlien[4][0] = '['+z_path+'rep_niv1/rev_niv2/autriche.htm Page du sous sous répertoire]';
}
document.write('<style type="text/css">')
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:15; left:'+(LargeurM-1)+' }')
document.write('.ejsmenu {color:#FFFFFF; text-decoration:none;cursor:default;}') //cursor:default ou hand
document.write('</style>')
document.write('

')




if(document.getElementById) { skn = document.getElementById("topdeck").style }


function pop(msg,pos)
{ skn.visibility = "hidden"
 skn.top = pos
 if(msg.length == 0) return
 var content ="<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
 pass = 0
 while(pass < msg.length)
 { content += "----, &nbsp;\"+msg[pass]+\" </TD>\";
  pass+ =2
 }
 document.getElementById("topdeck").innerHTML = content + "
</TD></TR></TABLE>"
 skn.visibility = "visible"
}


document.onclick function() { if(document.getElementById) skn.visibility "hidden" }


if(document.getElementById)
{ document.write('
<TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT='+HauteurM*menu.length/2+'>')
 pass = 0
 while(pass < menu.length/2)
 { document.write('----, '+menu[pass*2]+'</TD>')
  pass++
 } 
 document.write('
</TD></TR></TABLE>
')
}
document.write('
')
      </script></td>
 

1 réponse

cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
4 avril 2008 à 15:13
Bonjour,
    oulah... t'aurais pu choisir beaucoup plus simple !
        et il en existe quelques-uns ( pas suîr de l'orthographe là ! )  sur codesSouces !!!!
    un menu "sérieux" c'est du HTML + du CSS et, à la limite, 3 lignes de JavaScript
   
<hr />                Cordialement            Bul         [mon Site]     [M'écrire]
0
Rejoignez-nous