GÉNÉRER UN MENU ARBORESCENT DYNAMIQUE (JAVARBO 3.2)
bob3000
Messages postés
406
Date d'inscription
mardi 7 mai 2002
Statut
Membre
Dernière intervention
2 octobre 2004
-
5 nov. 2002 à 14:44
cs_unchti Messages postés 3 Date d'inscription vendredi 18 juin 2010 Statut Membre Dernière intervention 19 juin 2010 - 18 juin 2010 à 14:32
cs_unchti Messages postés 3 Date d'inscription vendredi 18 juin 2010 Statut Membre Dernière intervention 19 juin 2010 - 18 juin 2010 à 14:32
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
https://codes-sources.commentcamarche.net/source/15923-generer-un-menu-arborescent-dynamique-javarbo-3-2
https://codes-sources.commentcamarche.net/source/15923-generer-un-menu-arborescent-dynamique-javarbo-3-2
18 juin 2010 à 14:32
facile d'emploi
bravo !
19 août 2008 à 19:15
super !
27 févr. 2008 à 15:45
Je n'ai memepas eut besoin de créer autant de page html que de liens dans mon arbo.J ai simplement recuperer l'id correspondant a chaque lien et j execute une requete lorsque je clique sur mon lien.
Ton menu est génial :D
25 févr. 2008 à 10:52
Par contre un détail m'embarasse.... les liens présents dans mon arborescence pointent tous sur des fichiers .php
et je ne sais pour quel raison, dès que je clique sur un lien de mon arbo, ma page php ne s'ouvre pas et à la place, une fenêtre de dialogue me proposant de télécharger le fichier .php s'ouvre.
PS: n'y connaissant presque rien au javascript, j'ai préférer me tenir a ce que je maitrise, c'est pourquoi mon script php alimente le fichier grille_a_modifier.html et pas le fichier map.html :)
23 févr. 2008 à 11:13
Par contre, si je comprends bien ce que tu veux faire, la bonne méthode est de faire une page php qui va écrire la grille_a_modifier.html
ou encore mieux de générer directement la map.html avec cette page php.
(méthode que j'ai employée).
J'espère avoir été clair ? ...
Bonne continuation
22 févr. 2008 à 16:13
Merci pour les compliments ...
la seule page qui fait référence à grille_a_modifier.html est la index.htm.
J'ai renommé grille_a_modifier.html en grille_a_modifier.php.
dans la index.htm j'ai mis :
<html>
<head>
<title></title>
<frameset rows="100%,*" FRAMEBORDER="NO" BORDER="0">
<FRAME SRC="genere.html" NAME="f0" MARGINWIDTH="0" MARGINHEIGHT="0">
<FRAMESET cols = "0,*" FRAMEBORDER="NO" BORDER="0">
<FRAME SRC="grille_a_modifier.php" NAME="f1" MARGINWIDTH="0" MARGINHEIGHT="0">
<FRAME SRC="area.html" NAME="f2">
</FRAMESET>
</FRAMESET>
</head>
</html>
Tout a bien fonctionné ...
20 févr. 2008 à 10:15
la page grille_a_modifier modifie bien la feuille map.html ( je n avais pas placé le repertoire sous la racine c: )
Cependant j essaie de remplacer la page grille_a_modifier.html par grille_a_modifier.php qui me permet d alimenter automatiquement cette page à l aide d'une base de donnée ( mon but etant de créer l'arborescense des Services d'une entreprise ).
J'ai testé mon script en graphique, mes sont placés au bon endroit.Je voudrait juste savoir quelle pages ont une référence à grille_a_modifier.html afin que je puisse modifier l extension. J en ai deja trouver une mais cela ne fonctionne pas, j en conclu que d autres pages doivent referencer la pages grille_a_modifier.html.
Je ne sais pas si je suis assez clair enfin en tout cas je te felicite, c vraiment du bon boulot :D
20 févr. 2008 à 09:31
:D
20 févr. 2008 à 09:14
Je consulte la page map.html et index.html ( du dossier visualisation ) mais aucune modif n'est apportée au menu.
Une ide sur mon problème? :)
27 déc. 2006 à 00:39
tu as :
<html>
<head>
<title></title>
</head>
Or ca devrait être :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
</html>
23 nov. 2005 à 05:41
Ou encore bravo, ca faisait un ti moment que je pensais à en faire un, mais faute de temps. Vraiment, chapeau.
En passant je suis allé sur votre site : http://www.sesame-ouvre-toi.net , il est excelent, attrayant, rapide, convivial...etc bravo.
7 févr. 2005 à 13:57
excellente source qui s'est encore améliorée depuis mon dernier passage.
J'ai beau chercher, je ne parviens pas à mettre la main sur les modifications à réaliser pour la mise en forme.
Je cherche a "rapprocher" les différents menus, c'est à dire a amoindrire l'espace entre deux menus ou sous menu afin d'améliorer l'affichage.
Quelqu'un peut-il m'aider?
18 déc. 2004 à 13:34
pour la deuxième question, j'essaye d'expliquer :
la map.html se trouve dans une frame cachée.
le script va alors écrire dans une frame ou un popup.
s'il n'y a pas de frame, alors la map.html s'écrit sur elle-même et écrase le script ...
14 déc. 2004 à 01:02
655,500,"menubar=no,scrollbars=yes,statusbar=no.
2ème chose, comment afficher le fichier map dans une page normale sans frame, en html ou en php?
J'ai commencé de construire mon menu, c'est génial. Un peu long mais quel résultat.
Encore une fois bravo !
13 déc. 2004 à 17:09
13 déc. 2004 à 12:01
Si vous avez une solution à me proposer?
12 déc. 2004 à 15:36
11 déc. 2004 à 16:05
7 déc. 2004 à 15:43
Plutôt que je patouille sans réussir, pouvez-vous me dire comment ouvrir les pages dans une popup, si cela est possible naturellement.
Je voudrais faire une présentation basée sur le style de l'aide de windows et certains de mes liens sont long et je ne peut pas tout afficher sur la même page.
Merci et encore bravo.
30 sept. 2004 à 18:48
<form name="affiche">
<!-- style des choix fermés -->
<!--
COLOR :
r g b (red green blue - rouge vert bleu)
chaque couleur est codée en hexadécimal de 00 (absence de la couleur) à ff (totalité de la couleur).
ex : #000000 noir, #00ff00 vert, #aaaaaa gris clair, #ffffff blanc
FAMILY :
police de caractères
si elle n'existe pas dans le système d'exploitation, c'est celle par défaut qui est utilisée
DECORATION :
none : rien
underline : souligné
overline : surligné
underline overline : souligné ET surligné
WEIGHT :
"" rien
bold : gras
-->
<!-- liens déja visités -->
<!-- liens sous le pointeur de souris -->
<!-- style des choix ouverts -->
</form>
29 sept. 2004 à 11:36
idée d'amélioration : mieux documenter la premiere partie de la "grille a modifier", je veux parler des lignes de codes permettant de gérer les polices, affichages...
<!-- style des choix fermés -->
.....
On y va à tatons pour tenter de comprendre, mais ce n'est pas toujours évident (pour les débutants.
Nota : Il semble que la fonction "bold" soit correctement interprétée, mais la fonction "italic" et "underlined" ne fonctionnent pas chez moi.
Je serais ravi de pouvoir avoir vos lumières concernant la 1ere partie de "grille a modifier"
11 sept. 2004 à 03:51
ça aidee vraiment bien
8 sept. 2004 à 18:17
mais je n'ai pas très bien compris comment le mettre sur mon site.
Ma page d'accueil ne s'appelle pas index, est-ce un problème ?
Merci
8 sept. 2004 à 16:58
mode d'emploi.
EDITER (Notepad) la page
grille_a_modifier.html.
pour generer le menu : lancer la "index.htm" (navigateur)
pour voir le resultat :
visualisation/index.htm
voila.
contacte moi si tu rencontres des problèmes ...
Jacques
8 sept. 2004 à 16:05
Il y a également une erreur sur la page genere.html qd on clique sur un des deux boutons.
J'ai pas réussi à faire mon menu. J'avais presque fini quand il n'a plus voulu s'afficher.
Désolé, je suis débutante, mais j'ai pas très bien compris comment on met la première page.
Dans l'exemple c'est presentation.html.
Ton menu est super, j'en cherchais un comme celui-ci depuis longtemps.
26 juil. 2004 à 12:41
J'essaie d'y enlever dès demain pour voir si ca vient de çà car là chui en repos.
24 juil. 2004 à 22:56
tt=tt+'<td onmouseout="this.style.background=\'#2D72C1\'" onmouseover="this.style.background=\'#5F94D0\';">'+'\n'
ce n'est pas dans le code d'origine ...
Si tu relances tout, sans toucher au code et avec l'exemple de départ, ça fonctionne ?
24 juil. 2004 à 13:35
Ca ne le fait pas tout le temps je ne comprend pas !
Pourtant tu traites bien dans ton script ie5 et ie6 ?
Peut etre pourrais-je rajouter une ligne pour traiter les erreurs et sortir du script ?
Si oui tu as une idée car je vois que u as l'air bien balez dans ce domaine ?
24 juil. 2004 à 12:24
quelle genre d'erreur ?
une alerte javascript ?
23 juil. 2004 à 13:47
Par contre, moi G un petit pb, voivi mz page map.html ci apres, avec internet explorer 5.0, G parfois des erreurs et windows ferme ie, pkoi ???
<html>
<head>
<title></title>
</head>
<Script language="JavaScript">
nbt=0
nbla='32'
nbl=(nbla*1)+1
gr = new Array(nbl)
for (i=0;i<gr.length;i++)
gr[i]= new Array(8)
gr[1][1]="01-"
gr[1][2]="Vannes"
gr[1][3]=""
gr[1][4]=""
gr[1][5]="vf"
gr[1][6]=""
gr[1][7]=""
gr[2][1]="01-01-"
gr[2][2]="Vannes plastiques"
gr[2][3]=""
gr[2][4]=""
gr[2][5]=""
gr[2][6]=""
gr[2][7]=""
gr[3][1]="01-01-01-"
gr[3][2]="Vannes de base"
gr[3][3]="main.html"
gr[3][4]="main"
gr[3][5]=""
gr[3][6]=""
gr[3][7]=""
gr[4][1]="01-01-02-"
gr[4][2]="Vannes électriques 24 V. + robinet 3 voies"
gr[4][3]="main.html"
gr[4][4]="main"
gr[4][5]=""
gr[4][6]=""
gr[4][7]=""
gr[5][1]="01-01-03-"
gr[5][2]="Régulateurs de pression avec pilote GALIT"
gr[5][3]="main.html"
gr[5][4]="main"
gr[5][5]=""
gr[5][6]=""
gr[5][7]=""
gr[6][1]="01-01-04-"
gr[6][2]="Régulateurs de pression avec pilote GALIT et solénoïdes 24 V."
gr[6][3]="main.html"
gr[6][4]="main"
gr[6][5]=""
gr[6][6]=""
gr[6][7]=""
gr[7][1]="01-01-05-"
gr[7][2]="Régulateurs de pression avec GALIT + solénoïde IMPULS."
gr[7][3]="main.html"
gr[7][4]="main"
gr[7][5]=""
gr[7][6]=""
gr[7][7]=""
gr[8][1]="01-01-06-"
gr[8][2]="Vannes électriques IMPULS + robinet 3 voies"
gr[8][3]="main.html"
gr[8][4]="main"
gr[8][5]=""
gr[8][6]=""
gr[8][7]=""
gr[9][1]="01-02-"
gr[9][2]="Vannes fontes"
gr[9][3]=""
gr[9][4]=""
gr[9][5]=""
gr[9][6]=""
gr[9][7]=""
gr[10][1]="01-02-01-"
gr[10][2]="Vannes nues"
gr[10][3]="main.html"
gr[10][4]="main"
gr[10][5]=""
gr[10][6]=""
gr[10][7]=""
gr[11][1]="01-02-02-"
gr[11][2]="Vannes avec robinet 3 voies "
gr[11][3]="main.html"
gr[11][4]="main"
gr[11][5]=""
gr[11][6]=""
gr[11][7]=""
gr[12][1]="01-02-03-"
gr[12][2]="Vannes électriques avec solénoïde PN 10"
gr[12][3]="main.html"
gr[12][4]="main"
gr[12][5]=""
gr[12][6]=""
gr[12][7]=""
gr[13][1]="01-02-04-"
gr[13][2]="Vannes électriques avec solénoïde PN 10 et robinet 3 voies"
gr[13][3]="main.html"
gr[13][4]="main"
gr[13][5]=""
gr[13][6]=""
gr[13][7]=""
gr[14][1]="01-02-05-"
gr[14][2]="Régulateurs de pression avec pilote 2 voies 8 bars aval"
gr[14][3]="main.html"
gr[14][4]="main"
gr[14][5]=""
gr[14][6]=""
gr[14][7]=""
gr[15][1]="01-02-06-"
gr[15][2]="Régulateurs de pression avec pilote 2 voies 8 bars aval + cde élect."
gr[15][3]="main.html"
gr[15][4]="main"
gr[15][5]=""
gr[15][6]=""
gr[15][7]=""
gr[16][1]="01-02-07-"
gr[16][2]="Vannes de régulation de pression avec pilote 3 voies 8 bars aval"
gr[16][3]="main.html"
gr[16][4]="main"
gr[16][5]=""
gr[16][6]=""
gr[16][7]=""
gr[17][1]="01-02-08-"
gr[17][2]="Régulateurs de pression - pilote 3 voies 8 bars aval + cde élect."
gr[17][3]="main.html"
gr[17][4]="main"
gr[17][5]=""
gr[17][6]=""
gr[17][7]=""
gr[18][1]="01-02-09-"
gr[18][2]="Stabilisateurs de pression amont"
gr[18][3]="main.html"
gr[18][4]="main"
gr[18][5]=""
gr[18][6]=""
gr[18][7]=""
gr[19][1]="01-02-10-"
gr[19][2]="Vannes de décharge rapide"
gr[19][3]="main.html"
gr[19][4]="main"
gr[19][5]=""
gr[19][6]=""
gr[19][7]=""
gr[20][1]="01-02-11-"
gr[20][2]="Vanne à flotteur"
gr[20][3]="main.html"
gr[20][4]="main"
gr[20][5]=""
gr[20][6]=""
gr[20][7]=""
gr[21][1]="02-"
gr[21][2]="Filtrations"
gr[21][3]=""
gr[21][4]=""
gr[21][5]="vf"
gr[21][6]=""
gr[21][7]=""
gr[22][1]="02-01-"
gr[22][2]="Filtres à sable"
gr[22][3]="main.html"
gr[22][4]="main"
gr[22][5]=""
gr[22][6]=""
gr[22][7]=""
gr[23][1]="02-02-"
gr[23][2]="Filtres à tamis"
gr[23][3]="main.html"
gr[23][4]="main"
gr[23][5]=""
gr[23][6]=""
gr[23][7]=""
gr[24][1]="02-03-"
gr[24][2]="Filtres à disques"
gr[24][3]="main.html"
gr[24][4]="main"
gr[24][5]=""
gr[24][6]=""
gr[24][7]=""
gr[25][1]="02-04-"
gr[25][2]="Hydrocyclone"
gr[25][3]="main.html"
gr[25][4]="main"
gr[25][5]=""
gr[25][6]=""
gr[25][7]=""
gr[26][1]="02-05-"
gr[26][2]="Tank de fertilisation"
gr[26][3]="main.html"
gr[26][4]="main"
gr[26][5]=""
gr[26][6]=""
gr[26][7]=""
gr[27][1]="03-"
gr[27][2]="Automates"
gr[27][3]=""
gr[27][4]=""
gr[27][5]="vf"
gr[27][6]=""
gr[27][7]=""
gr[28][1]="04-"
gr[28][2]="Pompes"
gr[28][3]=""
gr[28][4]=""
gr[28][5]="vf"
gr[28][6]=""
gr[28][7]=""
gr[29][1]="05-"
gr[29][2]="Raccords"
gr[29][3]=""
gr[29][4]=""
gr[29][5]="vf"
gr[29][6]=""
gr[29][7]=""
gr[30][1]="06-"
gr[30][2]="Contact"
gr[30][3]=""
gr[30][4]=""
gr[30][5]="vf"
gr[30][6]=""
gr[30][7]=""
gr[31][1]="06-01-"
gr[31][2]="Situation géographique"
gr[31][3]="situation.html"
gr[31][4]="main"
gr[31][5]=""
gr[31][6]=""
gr[31][7]=""
gr[32][1]="99-99-"
gr[32][2]="zz"
gr[32][3]=""
gr[32][4]=""
gr[32][5]=""
gr[32][6]=""
gr[32][7]=""
if (document.images)
{
img1 = new Image()
img1.src = "images/new.gif"
img2 = new Image()
img2.src = "images/pto.gif"
img3 = new Image()
img3.src = "images/livre_ouvert.gif"
img4 = new Image()
img4.src = "images/livre_ferme.gif"
}
ie4 = (document.all)? true:false
ie5 = "non"
ie6 = "non"
if (ie4)
{
if (navigator.userAgent.indexOf('MSIE 5')>0)
ie5 = "oui"
if (navigator.userAgent.indexOf('MSIE 6')>0)
ie6 = "oui"
}
setTimeout("aff_arbo()",100)
function aff_arbo(codage,num_lig)
{
touvert=0
cod=codage
tt='<html><head><title>lexique<'
tt=tt+'/'
tt=tt+'title>'+'\n'
tt=tt+'<link href="style.css" rel="stylesheet" type="text/css">'
tt=tt+'<'
tt=tt+'/'
tt=tt+'head>'+'\n'
tt=tt+''
tt=tt+'
'
parent.frames["sommaire"].document.write(tt)
for (j=1;j<nbl;j++)
{
tt=""
v=gr[j][5]
if (v.charAt(0)=="v")
{
tt=tt+'['
htt=htt+gr[z][3]
htt=htt+' '
tt=tt+htt
tt=tt+''
tt=tt+gr[z][2]
tt=tt+'<'
tt=tt+'/'
tt=tt+'td>'+'\n'
tt=tt+'<'
tt=tt+'/'
tt=tt+'tr>'+'\n'
}
}
else
{
tt=tt+'<table border=0>'+'\n'
tt=tt+'<tr>'
tt=tt+'\n'
tt=tt+'<td>'
tt=tt+'\n'
tt=tt+''
tt=tt+']'
if (v.charAt(1)=="o")
{
touvert=1
tt=tt+''+'\n'
}
else
{
tt=tt+''+'\n'
}
tt=tt+'<'
tt=tt+'/'
tt=tt+'a>'
tt=tt+'<'
tt=tt+'/'
tt=tt+'td>'+'\n'
tt=tt+'<td onmouseout="this.style.background=\'#2D72C1\'" onmouseover="this.style.background=\'#5F94D0\';">'+'\n'
tt=tt+''
tt=tt+''
tt=tt+gr[j][2]
tt=tt+'<'
tt=tt+'/'
tt=tt+'a>'
tt=tt+'\n'
tt=tt+'<'
tt=tt+'/'
tt=tt+'td>'
tt=tt+'\n'
tt=tt+'<'
tt=tt+'/'
tt=tt+'tr>'+'\n'
tt=tt+'<'
tt=tt+'/'
tt=tt+'table>'+'\n'
}
}
if (tt.length>0)
parent.frames["sommaire"].document.write(tt)
}
tt=tt+'
'
tt=tt+'<'
tt=tt+'/'
tt=tt+'body><'
tt=tt+'/'
tt=tt+'html>'
parent.frames["sommaire"].document.write(tt)
parent.frames["sommaire"].document.close()
if (ie6=="oui")
{
h="#"+cod
parent.frames["sommaire"].location.hash=h
}
if (touvert==0)
parent.frames["main"].location="situation.html"
}
function init(code,ligne,href,target)
{
if (href!="")
{
if (target!="_blank")
{
w='parent.frames["'+target+'"].location="'+href+'"'
eval(w)
}
else
{
w="win=window.open('"+href+"','visu','toolbar=no,scrollbars=yes')"
eval(w)
win.moveTo(0,0)
win.resizeTo(300,300)
}
}
/*if (target!="main")
parent.frames["main"].location="rien.html"*/ //Pour laisser la derniere page ouverte
nbt=0
c=code
debc=c.substring(0,3)
d=ligne
if (gr[d][5]=="vf") // livre fermé
{
for (j=1;j<nbl;j++)
{
vc=gr[j][1]
debvc=vc.substring(0,3)
if (debc!=debvc)
{
if (vc.length==3)
gr[j][5]="vf"
else
gr[j][5]="if"
}
else
{
if (vc==c)
{
gr[j][5]="vo"
for (d=j+1;d<nbl;d++)
{
vc=gr[d][1]
dc=""
for (x=0;x<c.length;x++)
dc=dc+vc.charAt(x)
if (dc!=c)
{
j=d-1
break
}
if (vc.length==c.length+3)
gr[d][5]="vf"
}
}
else
{
if (gr[j][3]!="")
gr[j][5]="if"
else
{
if (vc.length==3)
gr[j][5]="vo"
else if (vc.length==6)
{
if (vc.substring(0,6)==c.substring(0,6))
gr[j][5]="vo"
else
gr[j][5]="vf"
}
else if (vc.length==9)
{
if (vc.substring(0,6)==c.substring(0,6))
gr[j][5]="vf"
else
gr[j][5]="if"
}
else
gr[j][5]="if"
}
}
}
}
}
else
{
gr[d][5]="vf"
nb=-1
for (j=d+1;j<nbl;j++)
{
vc=gr[j][1]
dc=""
for (x=0;x<c.length;x++)
dc=dc+vc.charAt(x)
if (dc!=c)
break
gr[j][5]="if"
}
}
aff_arbo(c,d)
}
</Script>
</html>
13 juil. 2004 à 16:40
merci pour les compliments, par contre ce script est congiguré pour travailler en frames donc ...
8 juil. 2004 à 09:23
merci d avance et encore bravo
5 mai 2004 à 15:01
simple d'utilisation même pour quelqu'un qui ne connait rien dans le domaine (ou vraiment pas grand chose)
Suggestion pour l'améliorer : créer un page web d'administration des menu, un peu plus ludique que la page a éditer en texte...
et légèrement mieux documenter la partie qui permet de positionner une couleur d'arrière plan, le style des polices ou leur changement sur selection, passage de souris...
13 févr. 2003 à 10:33
9 févr. 2003 à 17:42
super script, j'aurais pour ma part besoin d'un petit coup de main pour réussir à l'adapter si cela était possible car j'ai beau essyaer je n'y arrive pas.
Pour commencer je souhaiterais que ma page map.html s'ouvre dans une pop up. Puis j'aimerais que certains liens ouvre une page dans une pop up paramétrable et une autre dans une frame de mon site (name=principale), par contre d'autres liens n'ouvriront des pages que dans cette frame (name = principale) qui constitue la partie d'affichage principale de mon site.
Voilà si cela c'était possible alors cela serait super. Merci d'avance.
LCVD
7 févr. 2003 à 13:10
27 janv. 2003 à 09:02
merci de ta contribution
/oo/
Jacques
13 janv. 2003 à 15:02
Juste un problème (mineur) : le menu revient en haut de la page à chaque ouverture/fermeture d'une arborescence. Pas très pratique avec un menu intègrant une très longue liste.
Sinon c'est du très bon travail.
5 nov. 2002 à 14:44