begin process at 2010 03 20 05:50:47
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Menu & Co

 > GÉNÉRER UN MENU ARBORESCENT DYNAMIQUE (JAVARBO 3.2)

GÉNÉRER UN MENU ARBORESCENT DYNAMIQUE (JAVARBO 3.2)


 Information sur la source

Note :
9,17 / 10 - par 18 personnes
9,17 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Menu & Co Classé sous :générateur, menu, arborescent, dynamique, générer Niveau :Débutant Date de création :13/09/2002 Date de mise à jour :14/11/2008 12:04:49 Vu / téléchargé :151 600 / 6 681

Auteur : jmeunier

Ecrire un message privé
Site perso
Commentaire sur cette source (38)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Script qui permet de générer un menu arborescent dynamique soit en frame, soit en popup, SOIT en DIV (nouveau)

sites qui utilisent ce script :
http://interpc.fr.st

http://www.sesame-ouvre-to i.net
avec notion de class et insertion d'images.            


 Conclusion

version 1.1 qui corrige bug dans 9eme choix

version 1.2 qui positionne la page sur le choix selectionné quand le menu est très grand.

version 1.3 qui corrige bug dans ie5

version 1.4 qui corrige bug frames inconnue et enlève le test "false"

version 1.5 qui donne le choix entre
  - fermer le choix précédent ou
  - laisser ouvert les choix précédents
lors du développement de l'arborescence

version 1.6 qui peut afficher un style différent suivant que le choix
est ouvert ou fermé

version 1.7 qui peut afficher une page en frame ou popup lors du click sur un dossier en plus du déploiement de l'arborescence

version 2.0 qui peut afficher le menu soit en frame, soit en popup

version 2.1 qui peut afficher un lien dans un popup defini par l'utilisateur

Le fichier zip est à décompresser dans
C:\arbo (obligatoire)

La visualisation du menu se fait sur tout système et navigateur,
par contre la création ne fonctionne que sur Windows et IE car il utilise
des Objets ActiveX pour la lecture et l'écriture de pages.

version 3.0
interface plus conviviale de la gestion du menu.
Maintenant on peut générer le menu exclusivement en DIV (plus de frames)

version 3.1
l'interface gère maintenant l'arborescence complète du menu    

version 3.2
contrôle de la cohérence de l'arborescence

                    

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

11 décembre 2004 14:02:32 :
L'affichage du menu peut se faire dans une frame, soit dans un popup ...
12 décembre 2004 11:21:09 :
correction de fote d'otograf
12 décembre 2004 12:42:06 :
Le choix "menu" n'apparait que si le popup est fermé ou a perdu le focus
18 décembre 2004 13:05:09 :
version 2.1 qui peut afficher un lien dans un popup defini par l'utilisateur
14 juin 2006 15:56:02 :
ajout mots-clés
06 août 2008 15:08:22 :
version 3.0 interface plus conviviale de la gestion du menu. Maintenant on peut générer le menu exclusivement en DIV (plus de frames)
06 août 2008 15:18:05 :
changement du titre de la source
12 août 2008 14:30:33 :
version 3.1 l'interface gère maintenant l'arborescence complète du menu
15 août 2008 15:00:02 :
ajout contrôle de la cohérence de l'arborescence
29 août 2008 15:52:34 :
ajout à la demande d'un effet de survol des liens.
14 novembre 2008 12:04:53 :
l'effet de survol ne se fait que sur le lien concerné

 Sources du même auteur

Source avec Zip Source avec une capture LA MAGIQUE EN DESSINS
Source avec Zip Source avec une capture LIRE DANS LES PENSÉES
PHRASES EN DÉSORDRE
Source avec Zip Source avec une capture QUI VEUT GAGNER DES PÉPETTES ?
POUSSE TOI DE LA, QUE J'M'Y METTE

 Sources de la même categorie

Source avec Zip Source avec une capture MENU VERTICALE GAUCHE ET DROIT DEROULANT par kazma
Source avec Zip Source avec une capture MENU VERTICALE EN TRANSPARENCE par dlvains
Source avec Zip Source avec une capture MENU DÉROULANT EN IMAGES par dlvains
Source avec Zip TBFRAME: TAB BROWSING FRAME par triumphs
Source avec Zip Source avec une capture MENU PRINCIPAL par ali1987

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture MENU AVEC ROULETTE par jdmcreator
Source avec Zip Source avec une capture MENU HORIZONTALE RÉALISÉ AVEC DYNAMIC par Kimjoa
Source avec Zip DYNAMIC MENU AND NAME (SUB) MENUS V1.0 par astro53
Source avec Zip Source avec une capture MENU VERTICAL DYNAMIQUE par ads31
Source avec Zip MENU CONTEXTUEL GRÂCE AU CLICK DROIT DE LA SOURIS AVEC DES M... par OB1_12

Commentaires et avis

Commentaire de bob3000 le 05/11/2002 14:44:12

bravo, cest tres bon

Commentaire de LostUniverse le 13/01/2003 15:02:45

Excellent script, félicitations :)
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.

Commentaire de jmeunier le 27/01/2003 09:02:10

problème réglé avec cette version 1.2
merci de ta contribution
/oo/
Jacques

Commentaire de DARTHVADOR le 07/02/2003 13:10:58

nul et pris et repris en plus je ne sais pas c'est qui sur la photo mais !!!

Commentaire de LCVD le 09/02/2003 17:42:19

bonjour,
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

Commentaire de Symbiote le 13/02/2003 10:33:02

j'ai l'impression que monsieur à un lien avec la marine !

Commentaire de igmarbergman le 05/05/2004 15:01:28

Ce truc est une pure merveille!!
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...

Commentaire de matt1881 le 08/07/2004 09:23:03

excelent script facile à utiliser et à configurer. En revanche, je souhaiterai supprimer les frames: est ce possible? si oui comment faire?

merci d avance et encore bravo

Commentaire de jmeunier le 13/07/2004 16:40:58

bonjour matt1881,
merci pour les compliments, par contre ce script est congiguré pour travailler en frames donc ...

Commentaire de ymerej le 23/07/2004 13:47:57

Super ton script !!! Je te met 9/10 !
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>
<body>

<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+'<body class="fond_bleu">'
tt=tt+'<div class="menu">'
parent.frames["sommaire"].document.write(tt)
for (j=1;j<nbl;j++)
    {
    tt=""
    v=gr[j][5]
    if (v.charAt(0)=="v")
       {
       tt=tt+'<a name="'+gr[j][1]+'"></a>'
       vv=gr[j][1]
       l=vv.length
       l1=(((l/3)*20)-20)+1
       tl=l
       if (gr[j][3]!="")  // il y a un lien
          {
          touvert=1
          tt=tt+'<'
          tt=tt+'/'
          tt=tt+'table>'
          tt=tt+'<table border=0>'
          for (z=j;j<nbl;z++)
              {
              if (gr[z][3]=="")
                 {
                  j=z-1
                  tt=tt+'<'
                  tt=tt+'/'
                  tt=tt+'table>'+'\n'
                  break
                 }
              vv2=gr[z][1]
              l2=vv2.length
              if (tl!=l2)
                 {
                 tl=l2
                 l1=(((l2/3)*20)-20)+1
                 tt=tt+'<'
                 tt=tt+'/'
                 tt=tt+'table>'+'\n'
                 tt=tt+'<table border=0>'+'\n'              
                 }
              tt=tt+'<tr>'+'\n'
              tt=tt+'<td>'
              tt=tt+'\n'
              tt=tt+'<img src="images'
              tt=tt+'/'
              tt=tt+'elas.gif" height=1 width='
              tt=tt+l1
              tt=tt+'>'
              tt=tt+'\n'
              tt=tt+'<'
              tt=tt+'/'
              tt=tt+'td>'+'\n'
  tt=tt+'<td valign="center"><img src="images'
              tt=tt+'/'              
              tt=tt+'pto.gif"><'
              tt=tt+'/'
              tt=tt+'td>'+'\n'
              tt=tt+'<td>'
              htt='<a href="'
              htt=htt+gr[z][3]
              htt=htt+'" target="'
              htt=htt+gr[z][4]
              htt=htt+'" class="dernier">'
              tt=tt+htt
              tt=tt+'<font size=1>'
              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+'<img src="images'
          tt=tt+'/'
          tt=tt+'elas.gif" height=1 width='
          tt=tt+l1
          tt=tt+'>'
          tt=tt+'<a href="javascript:parent.frames['
          tt=tt+"'map'].init("
          tt=tt+"'"
          tt=tt+gr[j][1]
          tt=tt+"'"
          tt=tt+','
          tt=tt+j
          if (v.charAt(1)=="o")
             {
             tt=tt+",'',''"
             }
           else
             {
                g7=gr[j][7]
                if (g7!="")
                   {
                   p7=g7.indexOf(",")
                   h7=g7.substring(0,p7)
                   p7=p7+1
                   l7=g7.length
                   t7=g7.substring(p7,l7)
                   tt=tt+",'"+h7+"','"+t7+"'"
                   }
                 else
                   {
                   tt=tt+",'',''"
                   }
             }
          tt=tt+')"'
  tt=tt+'>'
          if (v.charAt(1)=="o")
             {
             touvert=1
             tt=tt+'<img style="filter:alpha(opacity=100)" src="images'
             tt=tt+'/'
             tt=tt+'livre_ouvert.gif" border=0>'+'\n'
     }   
           else
             {
             tt=tt+'<img src="images'
             tt=tt+'/'
             tt=tt+'livre_ferme.gif" border=0 style="filter:alpha(opacity=60)">'+'\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+'<font size=2>'
          tt=tt+'<a href="javascript:parent.frames['
          tt=tt+"'map'].init("
          tt=tt+"'"
          tt=tt+gr[j][1]
          tt=tt+"'"
          tt=tt+','
          tt=tt+j
          if (v.charAt(1)=="o")
             {
             tt=tt+",'',''"
             }
           else
             {
                g7=gr[j][7]
                if (g7!="")
                   {
                   p7=g7.indexOf(",")
                   h7=g7.substring(0,p7)
                   p7=p7+1
                   l7=g7.length
                   t7=g7.substring(p7,l7)
                   tt=tt+",'"+h7+"','"+t7+"'"
                   }
                 else
                   {
                   tt=tt+",'',''"
                   }
             }

          tt=tt+')"'
          if (v.charAt(1)=="o")
             tt=tt+' class="ouvert"'
           else
             tt=tt+' class="ferme"'
    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+'</div>'
   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>
</body>
</html>

Commentaire de jmeunier le 24/07/2004 12:24:46

merci pour le 9 ...

quelle genre d'erreur ?
une alerte javascript ?

Commentaire de ymerej le 24/07/2004 13:35:01

Ben je ne sais pas trop justement, en fait c'est windows qui lance une message box "une erreur est survenue, windows doit fermer internet explorer, un journal des erreurs est en cours de création" un truc comme çà il me semble.

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 ?

Commentaire de jmeunier le 24/07/2004 22:56:12

je ne vois pas d'ou viens cette ligne :

         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 ?

Commentaire de ymerej le 26/07/2004 12:41:01

Oui c moi qui a rajouté cette ligne pour que lorsque l'on passe la souris au dessus, la couleur de la cellule td change.
J'essaie d'y enlever dès demain pour voir si ca vient de çà car là chui en repos.

Commentaire de Winnieptitourson le 08/09/2004 16:05:21

J'ai un petit souci avec la page map.html, pourquoi la page est-elle blanche ? De plus il y a une erreur sur la page avant que j'ai touché à qq chose.
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.

Commentaire de jmeunier le 08/09/2004 16:58:29

bonjour winnie,

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

Commentaire de Winnieptitourson le 08/09/2004 18:17:19

J'ai fini je vois le résultat sur la page index.htm
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

Commentaire de nefaa le 11/09/2004 03:51:26

Super bien
ça aidee vraiment bien

Commentaire de igmarbergman le 29/09/2004 11:36:28

Bonjour, superbe source que celle ci! Tant au niveau du résultat que de l'administration.
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 -->
<input type="hidden" name="a_link_color_ferme" value="003C79">
<input type="hidden" name="a_link_family_ferme" value="Verdana, Helvetica, sans-serif">
.....
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"

Commentaire de jmeunier le 30/09/2004 18:48:27

J'espère qu'avec ces quelques commentaires, ce sera un peu plus clair ...

<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
      
  -->

<input type="hidden" name="a_link_color_ferme" value="#aaaaaa">
<input type="hidden" name="a_link_family_ferme" value="Arial, Helvetica, sans-serif">
<input type="hidden" name="a_link_decoration_ferme" value="none">
<input type="hidden" name="a_link_weight_ferme" value="">

<!-- liens déja visités -->
<input type="hidden" name="a_visited_color_ferme" value="#aaaaaa">
<input type="hidden" name="a_visited_family_ferme" value="Arial, Helvetica, sans-serif">
<input type="hidden" name="a_visited_decoration_ferme" value="none">
<input type="hidden" name="a_visited_weight_ferme" value="">

<!-- liens sous le pointeur de souris -->
<input type="hidden" name="a_hover_color_ferme" value="#aaaaaa">
<input type="hidden" name="a_hover_family_ferme" value="Arial, Helvetica, sans-serif">
<input type="hidden" name="a_hover_decoration_ferme" value="none">
<input type="hidden" name="a_hover_weight_ferme" value="">


<!-- style des choix ouverts -->
<input type="hidden" name="a_link_color_ouvert" value="#ffffff">
<input type="hidden" name="a_link_family_ouvert" value="Arial, Helvetica, sans-serif">
<input type="hidden" name="a_link_decoration_ouvert" value="none">
<input type="hidden" name="a_link_weight_ouvert" value="bold">

<input type="hidden" name="a_visited_color_ouvert" value="#ffffff">
<input type="hidden" name="a_visited_family_ouvert" value="Arial, Helvetica, sans-serif">
<input type="hidden" name="a_visited_decoration_ouvert" value="none">
<input type="hidden" name="a_visited_weight_ouvert" value="bold">

<input type="hidden" name="a_hover_color_ouvert" value="#ffffff">
<input type="hidden" name="a_hover_family_ouvert" value="Arial, Helvetica, sans-serif">
<input type="hidden" name="a_hover_decoration_ouvert" value="none">
<input type="hidden" name="a_hover_weight_ouvert" value="bold">


</form>

Commentaire de theseif le 07/12/2004 15:43:10

Bonjour, excellent script du style que je cherchais depuis un moment.
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.

Commentaire de jmeunier le 11/12/2004 16:05:41

voila qui est fait avec cette version 2.0 ...

Commentaire de dede08 le 12/12/2004 15:36:36

super le menu en popup !

Commentaire de theseif le 13/12/2004 12:01:37

En fait ce n'est pas le menu que je voudrais dans la popup, mais que la popup soit la page de destination du lien.
Si vous avez une solution à me proposer?

Commentaire de jmeunier le 13/12/2004 17:09:13

Si tu mets "blank" dans le input correspondant à la frame, le lien s'ouvrira dans une autre fenêtre ...

Commentaire de theseif le 14/12/2004 01:02:31

Je parlais d’afficher des popup avec ce genre de critères:
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 !

Commentaire de jmeunier le 18/12/2004 13:34:13

pour l'ouverture en popup c'est fait avec la version 2.1

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 ...

Commentaire de igmarbergman le 07/02/2005 13:57:55

Bonjour,

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?

Commentaire de zen159 le 23/11/2005 05:41:39

Franchement, je ne dirais pas super script, mais plutôt : MERCI.
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.

Commentaire de SConcept le 27/12/2006 00:39:15

Ymereg, déjà la définition de ta page html est pas bonne ^^

tu as :

<html>
<head>
<title></title>
</head>
<body>

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>

<body>

</body>
</html>

Commentaire de Kill4FuN le 20/02/2008 09:14:08 9/10

salut jacques....ton script a l air d etre super.J ai bien compris le principe de modifier la page grille_a_modifier et ensuite de generer l'arborescense avec la page index.html, cependant g beau effectuer des modif, le contenu de l'arborescense reste le meme.
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? :)

Commentaire de Kill4FuN le 20/02/2008 09:31:12

PS: il est super ton site OUAIB <a href='http://www.sesame-ouvre-toi.net'>http://www.sesame-ouvre-toi.net</a>
:D

Commentaire de Kill4FuN le 20/02/2008 10:15:23

Problème resolu :)
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 <input> 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

Commentaire de jmeunier le 22/02/2008 16:13:48

Bonjour Kill4FuN,
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>
<body>
</body>
</html>

Tout a bien fonctionné ...

Commentaire de jmeunier le 23/02/2008 11:13:29

toujours pour Kill4FuN


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

Commentaire de Kill4FuN le 25/02/2008 10:52:54

j'ai utilisé la première méthode, c est a dire que c'est un script php qui alimente le fichier grille_a_modifier.php, et j'ai apporté de légère modification au fichier texte t4_laisse_choix.

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 :)

Commentaire de Kill4FuN le 27/02/2008 15:45:12

Tout fonctionne :)
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

Commentaire de jacquomono le 19/08/2008 19:15:49 10/10

rien à dire ...
super !

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

menu dynamique [ par mamy ] Bonjour,voilà je dois créer une page web pour un site de vente en lignesur ma page d'accueil je vais afficher le menu avec les grandes catégories de p Menu dynamique [ par bside8 ] Bonjour,je souhaite réaliser un menu somme toute classique consistant à faire apparaître un menu détaillé lors du passage de la souris sur l'un des it Création de menu dynamique + DB [ par Mia ] Salut tlmJe recherche un moyen de créer un menu de manière dynamique et je voudrais qu'il soit construit à partir d'une base de données access ou alor Menu dynamique [ par RapAttak ] BonjourJe souhaite intégrer un menu dynamique sur mon site et j'aimerais beaucoup avoir le meme menu que vous utilisez sur www.javascript.com.Je n'arr [JS] - Menu Dynamique : Prob. avec onMouseOut [ par Sarvok ] yo tout le monde !J'ai un gros gros probleme qui me traquasse depuis deux jours : je n'arrive pas à faire mon menu dynamique :'( !Donc c'est bon, ca c Menu dynamique pb [ par mauler ] Salut tout le monde.J'ai utiliser un script javascript de menu déroulant pour créer une menu pour mon site.Cependant, j'ai une erreur avec mozilla qu alignement des sous-menus dans un menu dynamique [ par bbpl ] Bjr,Je n'arrive pas à positionner correctement mes sous menu dans une menu vertical dynamique.Je peux donner l'adresse du site ou joindre mon fichier Menu dynamique [ par fdthierry ] Bonjour,J'ai trouvé ce menu dynamique qui me semble le mieux approprié pour ce que je souhaite:http://www.editeurjavascript.com/scripts/scripts_naviga gros problème menu dynamique [ par lilyvirus ] Bonjour, j'ai un gros problèeme. Je ne suis pas très doué en javascript (je prefère 100* le flash) et la je suis en stage, ma seconde partie de stage Petit problème avec un menu dynamique ! [ par vernoff ] Salut, je suis en train de cr&#233;er un site comprenant au total trois menus dynamiques sur la meme page. J'ai mis le premier qui marche tr&#232;s bi


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
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,718 sec (4)

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