FORUM Tom's Hardware » Programmation » HTML / Javascript » [JS] Menu dynamique help !
 

[JS] Menu dynamique help !

Il y a 306 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici
Ajouter une réponse



 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet : [JS] Menu dynamique help !
 
_washu
Plus d'informations
n°13161
17-06-2005 à 21:28:32

Voila dans le cardre d'un stage je dois refaire le site web d'une boite, pour ce j'utilise un Java script que voici
 

Code :
  1. <script type="text/javascript">
  2.     /*
  3.     * Montre / Cache un div
  4.     */
  5.     function DivStatus( nom, numero )
  6.         {
  7.             var divID = nom + numero;
  8.             if ( document.getElementById && document.getElementById( divID ) ) // Pour les navigateurs récents
  9.                 {
  10.                     Pdiv = document.getElementById( divID );
  11.                     PcH = true;
  12.                  }
  13.             else if ( document.all && document.all[ divID ] ) // Pour les veilles versions
  14.                 {
  15.                     Pdiv = document.all[ divID ];
  16.                     PcH = true;
  17.                 }
  18.             else if ( document.layers && document.layers[ divID ] ) // Pour les très veilles versions
  19.                 {
  20.                     Pdiv = document.layers[ divID ];
  21.                     PcH = true;
  22.                 }
  23.             else
  24.                 {
  26.                     PcH = false;
  27.                 }
  28.             if ( PcH )
  29.                 {
  30.                     Pdiv.className = ( Pdiv.className == 'cachediv' ) ? '' : 'cachediv';
  31.                 }
  32.         }
  34.     /*
  35.     * Cache tous les divs ayant le même préfixe
  36.     */
  37.     function CacheTout( nom )
  38.         {
  39.             var NumDiv = 1;
  40.             if ( document.getElementById ) // Pour les navigateurs récents
  41.                 {
  42.                     while ( document.getElementById( nom + NumDiv) )
  43.                         {
  44.                             SetDiv = document.getElementById( nom + NumDiv );
  45.                             if ( SetDiv && SetDiv.className != 'cachediv' )
  46.                                 {
  47.                                     DivStatus( nom, NumDiv );
  48.                                 }
  49.                             NumDiv++;
  50.                         }
  51.                 }
  52.             else if ( document.all ) // Pour les veilles versions
  53.                 {
  54.                     while ( document.all[ nom + NumDiv ] )
  55.                         {
  56.                             SetDiv = document.all[ nom + NumDiv ];
  57.                             if ( SetDiv && SetDiv.className != 'cachediv' )
  58.                                 {
  59.                                     DivStatus( nom, NumDiv );
  60.                                 }
  61.                             NumDiv++;
  62.                         }
  63.                 }
  64.             else if ( document.layers ) // Pour les très veilles versions
  65.                 {
  66.                     while ( document.layers[ nom + NumDiv ] )
  67.                         {
  68.                             SetDiv = document.layers[ nom + NumDiv ];
  69.                             if ( SetDiv && SetDiv.className != 'cachediv' )
  70.                                 {
  71.                                     DivStatus( nom, NumDiv );
  72.                                 }
  73.                             NumDiv++;
  74.                         }
  75.                 }
  76.         }
  78.     /*
  79.     * Montre tous les divs ayant le même préfixe
  80.     */
  81.     function MontreTout( nom )
  82.         {
  83.             var NumDiv = 1;
  84.             if ( document.getElementById ) // Pour les navigateurs récents
  85.                 {
  86.                     while ( document.getElementById( nom + NumDiv) )
  87.                         {
  88.                             SetDiv = document.getElementById( nom + NumDiv );
  89.                             if ( SetDiv && SetDiv.className != '' )
  90.                                 {
  91.                                     DivStatus( nom, NumDiv );
  92.                                 }
  93.                             NumDiv++;
  94.                         }
  95.                 }
  96.             else if ( document.all ) // Pour les veilles versions
  97.                 {
  98.                     while ( document.all[ nom + NumDiv ] )
  99.                         {
  100.                             SetDiv = document.all[ nom + NumDiv ];
  101.                             if ( SetDiv && SetDiv.className != '' )
  102.                                 {
  103.                                     DivStatus( nom, NumDiv );
  104.                                 }
  105.                             NumDiv++;
  106.                         }
  107.                 }
  108.             else if ( document.layers ) // Pour les très veilles versions
  109.                 {
  110.                     while ( document.layers[ nom + NumDiv ] )
  111.                         {
  112.                             SetDiv = document.layers[ nom + NumDiv ];
  113.                             if ( SetDiv && SetDiv.className != '' )
  114.                                 {
  115.                                     DivStatus( nom, NumDiv );
  116.                                 }
  117.                             NumDiv++;
  118.                         }
  119.                 }
  120.         }
  122.     /*
  123.     * Inverse les divs: Cache les divs visible et montre le divs cachés :)
  124.     */
  125.     function InverseTout( nom )
  126.         {
  127.             var NumDiv = 1;
  128.             if ( document.getElementById ) // Pour les navigateurs récents
  129.                 {
  130.                     while ( document.getElementById( nom + NumDiv ) )
  131.                         {
  132.                             SetDiv = document.getElementById( nom + NumDiv );
  133.                             DivStatus( nom, NumDiv );
  134.                             NumDiv++;
  135.                         }
  136.                 }
  137.             else if ( document.all ) // Pour les veilles versions
  138.                 {
  139.                     while ( document.all[ nom + NumDiv ] )
  140.                         {
  141.                             SetDiv = document.all[ nom + NumDiv ];
  142.                             DivStatus( nom, NumDiv );
  143.                             NumDiv++;
  144.                         }
  145.                 }
  146.             else if ( document.layers ) // Pour les très veilles versions
  147.                 {
  148.                     while ( document.layers[ nom + NumDiv ] )
  149.                         {
  150.                             SetDiv = document.layers[ nom + NumDiv ];
  151.                             DivStatus( nom, NumDiv );
  152.                             NumDiv++;
  153.                         }
  154.                 }
  155.         }
  156. </script>
  157. <style type="text/css">
  158.     .cachediv {
  159.         visibility: hidden;
  160.         overflow: hidden;
  161.         height: 1px;
  162.         margin-top: -1px;
  163.         position: absolute;
  164.     }
  166. <!--
  167. .unnamed1 {
  168.     background-color: #000066;
  169.     cursor: hand;
  170.     text-decoration: underline;
  171.     text-align: center;
  172. }
  173. -->
  174. </style>
  178. <div name="menu1" id="menu1">
  179.   <div class="unnamed1" onClick="javascript:DivStatus( 'menu', '11' )" style="border: 1px solid black; background-color: whitesmoke; margin-bottom: 2px;"><strong><em>Menu
  180.     1</em></strong></div>
  181. </div>
  182. <div name="menu11" id="menu11">
  183.   <div class="unnamed1"  onClick="javascript:DivStatus( 'menu', '111' )" style="border: 1px solid black; background-color: whitesmoke; margin-bottom: 2px;"><em>Menu
  184.     1.1</em></div>
  185.   <div name="menu111" id="menu111">
  186.     <div class="unnamed1" style="border: 1px solid black; background-color: whitesmoke; margin-bottom: 2px;"><a href="url1.1.1">Lien 1.1.1 </a><br>
  187.       <a href="url1.1.2">Lien 1.1.2</a><br>
  188.       <a href="url1.1.3">Lien 1.1.3</a></div>
  189.   </div>
  190.   <div class="unnamed1"  onClick="javascript:DivStatus( 'menu', '121' )" style="border: 1px solid black; background-color: whitesmoke; margin-bottom: 2px;" ><em>Menu
  191.     1.2</em></div>
  192.   <div name="menu121" id="menu121">
  193.     <div class="unnamed1" style="border: 1px solid black; background-color: whitesmoke; margin-bottom: 2px;"><a href="url1.2.1">Lien 1.2.1 </a><br>
  194.       <a href="url1.2.2">Lien 1.2.2</a><br>
  195.       <a href="url1.2.3">Lien 1.2.3</a></div>
  196.   </div></div>
  198. <div name="menu2" id="menu2">
  199.   <div class="unnamed1" onClick="javascript:DivStatus( 'menu', '21' )" style="border: 1px solid black; background-color: whitesmoke; margin-bottom: 2px;"><strong><em>Menu
  200.     2</em></strong></div>
  201. </div>
  202. <div name="menu21" id="menu21">
  203.     <div class="unnamed1" style="border: 1px solid black; background-color: whitesmoke; margin-bottom: 2px;"><a href="url2.1">Lien 2.1 </a><br>
  204.       <a href="url2.2">Lien 2.2</a><br>
  205.       <a href="url2.3">Lien 2.3</a></div>
  206.   </div>


 
Je l'ai récupéré sur editeur Javascript.com
 
Mon Pb c'est que par défaut ce menu est totalement déployé par défaut alors j'aimerais bien qu'il soit replié je suppose qu'il faut changer qqch dans le "HEAD" mais quoi?
 
Quelqu'un pourait m'aider svp :??:  
 
Merci d'avance :jap:


Message édité par _washu le 17-06-2005 à 21:34:32

---------------
L\\\'infini c\\\'est long...surtout vers la fin.
 

 

KangOl
Profil : Pointeur
Plus d'informations
n°13164
17-06-2005 à 21:32:48

tout simplement
dans le onload du body, tu appelles la fonction CacheTout


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
_washu
Plus d'informations
n°13165
17-06-2005 à 21:35:47

c'est à dire?
On fait ça comment concretement?
 
Désolé je suis vraiment une quiche en Programmation :s


---------------
L\\\'infini c\\\'est long...surtout vers la fin.
 

 
KangOl
Profil : Pointeur
Plus d'informations
n°13167
17-06-2005 à 21:40:44

quand est-ce que les employeurs comprendront que le web c'est pas pour les stagiaires :cry:
 
tu sais pas programmer et on te fait faire un site ? tu vois pas comme une incohérence la dedans ??
 
sur ce compte pas sur moi pour faire le boulot a ta place...


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
_washu
Plus d'informations
n°13168
17-06-2005 à 21:45:11

Bah je pensais qu'il y avait juste une ou deux lignes de code à rajouter mais si c'est pas le cas tant pis je me débrouillerais autrement...
 
Et puis non pour faire un site non t'es pas obligé de savoir programmer il y a les logiciels genre Dreamweaver qui aident(bon d'accord c'est moche mais ça marche quand même)

KangOl
Profil : Pointeur
Plus d'informations
n°13169
17-06-2005 à 21:48:43

non !
 
il faut savoir programmer si on veux faire quelque chose de potable ! et dreamweaver n'est pas pour les débutants, contrairement a ce qu'on pourrait croire...


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
_washu
Plus d'informations
n°13170
17-06-2005 à 21:52:04

Bon bah tant pis alors...
 
Mais ta réponse m'a donné une piste je crois que j'ai une idée je vais voir de ce pas si je me trompe pas.

_washu
Plus d'informations
n°13171
17-06-2005 à 21:59:42

Bon je crois que j'ai touvé.
 
faut faire un truc genre  
<body onLoad="Cachetout();">
 
Juste une dernière question je met quoi en argument dans la fonction pour que ça s'applique à la totalité du menu?

KangOl
Profil : Pointeur
Plus d'informations
n°13172
17-06-2005 à 22:00:49

réfléchi avant de poser des questions :o


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
_washu
Plus d'informations
n°13173
17-06-2005 à 22:06:58

j'ai beau chercher je vois pas.... :sweat:


Message édité par _washu le 17-06-2005 à 22:07:15
_washu
Plus d'informations
n°13183
19-06-2005 à 14:23:37

C'est bon j'ai trouvé en fait il fallait mettre :

Code :
  1. <body onload="CacheTout('menu1');CacheTout('menu2');CacheTout('menu3');CacheTout('menu11');
  2. CacheTout('menu21')";" bgcolor="#336699" link="#33CCCC" vlink="#33CCCC" alink="#33CCCC" background="../Ressources/Fonds/fond_menu.gif">


C'était si compliqué à me dire que ça????


Message édité par _washu le 19-06-2005 à 14:24:31
KangOl
Profil : Pointeur
Plus d'informations
n°13185
19-06-2005 à 14:31:32

non mais faut que tu apprennes par toi meme :o
 
maintenant tu va me faire le plaisir de jeter ce code de merder et passer par les css...
 
http://css.alsacreations.com/Const [...] us-en-CSS/
http://css.maxdesign.com.au/listamatic/


Message édité par KangOl le 19-06-2005 à 14:33:13

---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
_washu
Plus d'informations
n°13188
19-06-2005 à 15:01:16

thx ça m'a l'air très bien je vais regarder ça de ce pas ;)


Aller à :
Ajouter une réponse
  FORUM Tom's Hardware » Programmation » HTML / Javascript » [JS] Menu dynamique help !
 

Plan du forum
Forum MesDiscussions.Net, Version 2007.1.2
© 2000-2007 No1Dev
Page générée en 0.327 secondes
Annonces Google