Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1222 connectés 

 


 Mot :   Pseudo :  
 
 Page :   1  2
Page Suivante
Auteur Sujet :

[HTML/JS] Chargement + menu x niveaux JS

n°585648
urd-sama
waste of space
Posté le 08-12-2003 à 15:13:59  profilanswer
 

Reprise du message précédent :
ah, par contre y'a un petit problème:
http://www.mangaclub.ch/urd/imagecenter/Perso/88.gif  
quand le texte va à la ligne

mood
Publicité
Posté le 08-12-2003 à 15:13:59  profilanswer
 

n°585668
Mara's dad
Yes I can !
Posté le 08-12-2003 à 15:24:50  profilanswer
 

Facile, remplaces les SPAN par des DIV !


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°585684
urd-sama
waste of space
Posté le 08-12-2003 à 15:37:51  profilanswer
 

mais le div va a la ligne non?
ou alors je peux préciser un div avec un margin 0?

n°585692
Mara's dad
Yes I can !
Posté le 08-12-2003 à 15:52:06  profilanswer
 

Oui si tu as quelque chose avant dans le même bloc, mais comme y'a rien, ben çà marche.
Sinon, ben y reste les tableaux, mais là çà commence à devenir lourd.


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°585695
urd-sama
waste of space
Posté le 08-12-2003 à 15:54:55  profilanswer
 

je regarde ca demain, j'ai testé 2-3 trucs sans succès
à tête reposée ca ira mieux
encore merci :jap:

n°585717
Mara's dad
Yes I can !
Posté le 08-12-2003 à 16:16:02  profilanswer
 

Ok, on garde les <span> :
 
Dans les CSS :  

Code :
  1. a {
  2.      border-top: 1px white solid;
  3.      width=100%;
  4.      text-decoration: none;
  5.   }
  6.   span {
  7.      display: block;
  8.      color: black;
  9.      font-size: smaller;
  10.   }


 
 
Les liens (entre <a...> et </a> donc :D ) dans le menu :
 

Code :
  1. <span style="margin-left:xxpx;">Menu-1-1-1</span>


Ou xx est le retrait en fonction de la profondeur.
 
A+


Message édité par Mara's dad le 08-12-2003 à 16:26:11

---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°585718
Mara's dad
Yes I can !
Posté le 08-12-2003 à 16:17:15  profilanswer
 

Au fait,  
 
// Niveau actuel
var levelNum = 0;
 
Dans le JS ne sert à rien...


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°586232
urd-sama
waste of space
Posté le 09-12-2003 à 08:45:32  profilanswer
 

yes ca fonctionne nickel!
je poste mon code et après encore 2 points à régler
 
html:

Code :
  1. <div CLASS="menudyn">
  2.   <a class="fonc" href="page.php?id_page=1_0" target="right">xxx</a>
  3.   <a class="fonc" href="page.php?id_page=1_0" target="right" onClick="sel_Menu( '1', 0 );">Definition</a>
  4.   <div id="menu_1" class="sous_menu">
  5.     <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="sel_Menu( '1_1', 1 );"><span style="margin-left:10px;">Positioning</span></a>
  6.     <div id="menu_1_1" class="sous_menu">
  7.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right"><span style="margin-left:20px;">Hermes</span></a>
  8.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right"><span style="margin-left:20px;">Hermes/Rup</span></a>
  9.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right"><span style="margin-left:20px;">Rup</span></a>
  10.      </div>
  11.     <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="sel_Menu( '1_2', 1 );"><span style="margin-left:10px;">Phases</span></a>
  12.    <div id="menu_1_2" class="sous_menu">
  13.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right"><span style="margin-left:20px;">Inception</span></a>
  14.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right"><span style="margin-left:20px;">Elaboration</span></a>
  15.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right"><span style="margin-left:20px;">Construction</span></a>
  16.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right"><span style="margin-left:20px;">Transition</span></a>
  17.      </div>
  18.     <a class="sous_fonc" href="page.php?id_page=1_1" target="right"><span style="margin-left:10px;">Iteration</span></a>
  19.     <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="sel_Menu( '1_4', 1 );"><span style="margin-left:10px;">Disciplines</span></a>
  20.    <div id="menu_1_4" class="sous_menu">
  21.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right"><span style="margin-left:20px;">Business Modeling</span></a>
  22.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right"><span style="margin-left:20px;">Requirements</span></a>
  23.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right"><span style="margin-left:20px;">Analysis and Design</span></a>
  24.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right"><span style="margin-left:20px;">Implementation</span></a>
  25.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right"><span style="margin-left:20px;">Test</span></a>
  26.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right"><span style="margin-left:20px;">Deployment</span></a>
  27.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right"><span style="margin-left:20px;">Configuration & Change Mgmnt</span></a>
  28.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right"><span style="margin-left:20px;">Project Management</span></a>
  29.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right"><span style="margin-left:20px;">Environment</span></a>
  30.      </div>
  31.     <a class="sous_fonc" href="page.php?id_page=1_1" target="right"><span style="margin-left:10px;">Roles</span></a>
  32.     <a class="sous_fonc" href="page.php?id_page=1_1" target="right"><span style="margin-left:10px;">Artifacts</span></a>
  33.   </div>
  34. </div>


 
css:

Code :
  1. body {
  2. background-color: #CCCCCC;
  3. }
  4. div.menudyn  {
  5. width: 190px;
  6. display: block;
  7. }
  8. .fonc  {
  9. display: block;
  10. }
  11.  
  12. .fonc:hover  {
  13. background-color: white;
  14. }
  15.  
  16. .sous_fonc  {
  17. display: block;
  18. }
  19.  
  20. .sous_fonc:hover  {
  21. background-color: white; 
  22. }
  23. .sous_menu  {
  24. display: none;
  25. }
  26. a {
  27. border-top: 1px white solid;
  28. text-decoration: none;
  29. color: black;
  30. width: 100%;
  31. padding-left: 10px;
  32. font-size: smaller;
  33. }
  34. div.ligneHaut {
  35. width: 200px;
  36. border-top: 1px white solid;
  37. }
  38. span {
  39. display: block;
  40. color: black;
  41. }


 
donc comme je le disais, il y a encore 2 choses:
- si j'ouvre un menu, et que je clique sur un menu qui ne s'ouvre pas, le menu précédent ne se ferme pas (pour voir l'exemple, prendre ma page, cliquer sur definition-positioning, puis cliquer sur Iteration)
- il faudrait que la section actuelle se mette en blanc (par exemple si je suis sur positioning, il faut rajouter un style background-color:white sur la ligne positioning du menu).
 
voilà je vais regarder tout ceci aujourd'hui ;)


Message édité par urd-sama le 09-12-2003 à 08:45:52
n°586257
urd-sama
waste of space
Posté le 09-12-2003 à 09:29:57  profilanswer
 

j'ai trouvé un solution (je pense pas que ca soit la meilleure) concernant l'ouverture/fermeture des menus.
si un menu ne contient pas de sous-menus, je mets tout de meme un div conteneur sans rien du tout.

Code :
  1. <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="sel_Menu( '1_3', 1 );"><span style="margin-left:10px;">Iteration</span></a>
  2.     <div id="menu_1_3" class="sous_menu">
  3.     </div>


ainsi si on clique sur iteration, ca va ouvrir le menu vide et fermer le précédent.

n°586288
urd-sama
waste of space
Posté le 09-12-2003 à 10:00:22  profilanswer
 

je regarde pour le menu blanc, j'ai fait qqch mais le problème c'est que ca reste toujours blanc meme en cliquant sur un autre (donc au final je me retrouve avec tous les liens cliqués en blanc)

Code :
  1. //Fonction de mise en blanc du menu courant
  2. function blanc_Menu( lienNum )
  3. {
  4.   document.getElementById( 'lien_' + lienNum ).style.background = "white";
  5. }


Code :
  1. <a class="fonc" id="lien_1" href="4right.asp" target="right" onClick="blanc_Menu(1);">xxx</a>
  2.   <a class="fonc" id="lien_2" href="definition/definition.asp" target="right" onClick="sel_Menu( '1', 0 ), blanc_Menu(2);">Definition</a>


Message édité par urd-sama le 09-12-2003 à 10:00:47
mood
Publicité
Posté le 09-12-2003 à 10:00:22  profilanswer
 

n°586459
urd-sama
waste of space
Posté le 09-12-2003 à 13:03:30  profilanswer
 

j'ai eu la berlue ou tu avais mis un post avec ton code? [:dawa]

n°586462
Mara's dad
Yes I can !
Posté le 09-12-2003 à 13:07:24  profilanswer
 

Code modifié pour ajouter la fonction de fermeture en cas de clic sur un élément n'ayant pas de sous-menu.
 

Code :
  1. <HTML>
  2. <HEAD>
  3. <link href="menu_urd.css" type="text/css" rel="styleSheet">
  4. <script>
  5. // Nombre de niveaux max
  6. var nbMaxLevel = 4;
  7. // Tableau des menus activés
  8. var activMenu = new Array( nbMaxLevel );
  9. // élément sélectionné
  10. var lighted;
  11. // Initialisation du tableau
  12. for( i = 0; i < nbMaxLevel; i++ )
  13. {
  14. activMenu[ i ] = 0;
  15. }
  16. // Fonction de gestion des menus
  17. function sel_Menu( menuNum, menuLevel )
  18. {
  19. // Si le menu demandé est déjà actif, on ne fait rien
  20. // On plutôt, on fait quelque-chose seulement si le menu demandé n'est pas actif
  21. if( activMenu[ menuLevel ] != menuNum )
  22. {
  23.  // On ferme les menus de même niveau et plus profond
  24.  close_menu( menuLevel );
  25.  // On ouvre le menu demandé
  26.  document.getElementById( 'menu_' + menuNum ).style.display = "block" ;
  27.  // On mémorise le menu ouvert dans ce niveau
  28.  activMenu[ menuLevel ] = menuNum;
  29. }
  30. }
  31. function close_menu( menuLevel )
  32. {
  33. // On ferme les menus de même niveau et plus profond
  34. for( i = nbMaxLevel - 1 ; i >= menuLevel; i-- )
  35. {
  36.  // Si le menu du niveau i est actif.
  37.  if( activMenu[ i ] != 0 )
  38.  {
  39.   document.getElementById( 'menu_' + activMenu[ i ] ).style.display = "none" ;
  40.   activMenu[ i ] = 0;
  41.  }
  42. }
  43. }
  44. </script>
  45. </head>
  46. <body>
  47. <div CLASS="menudyn">
  48.   <a class="fonc" href="page.php?id_page=1_0" target="right" onClick="close_menu( 0 );">xxx</a>
  49.   <a class="fonc" href="page.php?id_page=1_0" target="right" onClick="sel_Menu( '1', 0 );">Definition</a>
  50.   <div id="menu_1" class="sous_menu">
  51.     <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="sel_Menu( '1_1', 1 );"><span style="margin-left:10px;">Positioning</span></a>
  52.     <div id="menu_1_1" class="sous_menu">
  53.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );"><span style="margin-left:20px;">Hermes</span></a>
  54.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );"><span style="margin-left:20px;">Hermes/Rup</span></a>
  55.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );"><span style="margin-left:20px;">Rup</span></a>
  56.      </div>
  57.     <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="sel_Menu( '1_2', 1 );"><span style="margin-left:10px;">Phases</span></a>
  58.    <div id="menu_1_2" class="sous_menu">
  59.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );"><span style="margin-left:20px;">Inception</span></a>
  60.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );"><span style="margin-left:20px;">Elaboration</span></a>
  61.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );"><span style="margin-left:20px;">Construction</span></a>
  62.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );"><span style="margin-left:20px;">Transition</span></a>
  63.      </div>
  64.     <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 1 );"><span style="margin-left:10px;">Iteration</span></a>
  65.     <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="sel_Menu( '1_4', 1 );"><span style="margin-left:10px;">Disciplines</span></a>
  66.    <div id="menu_1_4" class="sous_menu">
  67.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );"><span style="margin-left:20px;">Business Modeling</span></a>
  68.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );"><span style="margin-left:20px;">Requirements</span></a>
  69.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );"><span style="margin-left:20px;">Analysis and Design</span></a>
  70.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );"><span style="margin-left:20px;">Implementation</span></a>
  71.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );"><span style="margin-left:20px;">Test</span></a>
  72.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );"><span style="margin-left:20px;">Deployment</span></a>
  73.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );"><span style="margin-left:20px;">Configuration & Change Mgmnt</span></a>
  74.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );"><span style="margin-left:20px;">Project Management</span></a>
  75.       <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );"><span style="margin-left:20px;">Environment</span></a>
  76.      </div>
  77.     <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 1 );"><span style="margin-left:10px;">Roles</span></a>
  78.     <a class="sous_fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 1 );"><span style="margin-left:10px;">Artifacts</span></a>
  79.   </div>
  80. </div>
  81. </body>
  82. </html>


 
CSS Modifé pour que l'élément sélectionné reste blanc ( .fonc:active  et .sious-fonc:active ) :

Code :
  1. body {
  2. background-color: #CCCCCC;
  3. }
  4. div.menudyn  {
  5. width: 190px;
  6. display: block;
  7. }
  8. .fonc  {
  9. display: block;
  10. }
  11.  
  12. .fonc:hover  {
  13. background-color: white;
  14. }
  15. .fonc:active  {
  16. background-color: white;
  17. }
  18.  
  19. .sous_fonc  {
  20. display: block;
  21. }
  22.  
  23. .sous_fonc:hover  {
  24. background-color: white; 
  25. }
  26. .sous_fonc:active  {
  27. background-color: white; 
  28. }
  29. .sous_menu  {
  30. display: none;
  31. }
  32. a {
  33. border-top: 1px white solid;
  34. text-decoration: none;
  35. color: black;
  36. width: 100%;
  37. padding-left: 10px;
  38. font-size: smaller;
  39. }
  40. div.ligneHaut {
  41. width: 200px;
  42. border-top: 1px white solid;
  43. }
  44. span {
  45. display: block;
  46. color: black;
  47. }


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°586464
Mara's dad
Yes I can !
Posté le 09-12-2003 à 13:07:52  profilanswer
 

Urd-sama a écrit :

j'ai eu la berlue ou tu avais mis un post avec ton code? [:dawa]


 
T'as raison, mais c'était tout buggué :D


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°586476
Mara's dad
Yes I can !
Posté le 09-12-2003 à 13:18:02  profilanswer
 

C'est pas encore çà pour la couleur de l'élément sélectionné :/
 
Ca reste pas si tu clic en dehors du menu. Et çà marche pas sous Moz ?
 
Je vais manger, et après j'ai du boulot, alors A+


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°586479
urd-sama
waste of space
Posté le 09-12-2003 à 13:19:34  profilanswer
 

ca m'a l'air de fonctionner parfaitement [:dawa]
bravo!!
donc si le menu doit être déroulé, j'appelle sel_menu et dans le cas contraire close_menu c'est bien ça? pour qu'il ferme bien tous ces congénères et inférieurs

n°586480
Mara's dad
Yes I can !
Posté le 09-12-2003 à 13:20:09  profilanswer
 

Yes


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°586482
urd-sama
waste of space
Posté le 09-12-2003 à 13:20:52  profilanswer
 

ah vi effectivement pour le clic en dehors j'avais pas vu ca!
pour moz j'ai aucune idée, toute facon je suis ie only (et je peux pas tester pour toi depuis ici)

n°586565
Mara's dad
Yes I can !
Posté le 09-12-2003 à 14:53:06  profilanswer
 

Ok, c'est la bonne :D
 
CSS :  

Code :
  1. body {
  2. background-color: #CCCCCC;
  3. }
  4. div.menudyn  {
  5. width: 190px;
  6. display: block;
  7. }
  8. .fonc  {
  9. display: block;
  10. border-top: 1px white solid;
  11. text-decoration: none;
  12. color: black;
  13. width: 100%;
  14. padding-left: 10px;
  15. font-size: smaller;
  16. }
  17.  
  18. .fonc:hover  {
  19. background-color: white;
  20. }
  21. .fonc-sel  {
  22. background-color: white;
  23. display: block;
  24. border-top: 1px white solid;
  25. text-decoration: none;
  26. color: black;
  27. width: 100%;
  28. padding-left: 10px;
  29. font-size: smaller;
  30. }
  31. .sous_menu  {
  32. display: none;
  33. }
  34. div.ligneHaut {
  35. width: 200px;
  36. border-top: 1px white solid;
  37. }
  38. span {
  39. display: block;
  40. color: black;
  41. }


 
Code :  

Code :
  1. <HTML>
  2. <HEAD>
  3. <link href="menu_urd.css" type="text/css" rel="styleSheet">
  4. <script>
  5. // Nombre de niveaux max
  6. var nbMaxLevel = 4;
  7. // Tableau des menus activés
  8. var activMenu = new Array( nbMaxLevel );
  9. // élément sélectionné
  10. var lighted;
  11. // Initialisation du tableau
  12. for( i = 0; i < nbMaxLevel; i++ )
  13. {
  14. activMenu[ i ] = 0;
  15. }
  16. function light( x )
  17. {
  18. if( lighted )
  19. {
  20.  lighted.className = 'fonc';
  21. }
  22. x.className = 'fonc-sel';
  23. lighted = x;
  24. }
  25. // Fonction de gestion des menus
  26. function sel_Menu( menuNum, menuLevel )
  27. {
  28. // Si le menu demandé est déjà actif, on ne fait rien
  29. // On plutôt, on fait quelque-chose seulement si le menu demandé n'est pas actif
  30. if( activMenu[ menuLevel ] != menuNum )
  31. {
  32.  // On ferme les menus de même niveau et plus profond
  33.  close_menu( menuLevel );
  34.  // On ouvre le menu demandé
  35.  document.getElementById( 'menu_' + menuNum ).style.display = "block" ;
  36.  // On mémorise le menu ouvert dans ce niveau
  37.  activMenu[ menuLevel ] = menuNum;
  38. }
  39. }
  40. function close_menu( menuLevel )
  41. {
  42. // On ferme les menus de même niveau et plus profond
  43. for( i = nbMaxLevel - 1 ; i >= menuLevel; i-- )
  44. {
  45.  // Si le menu du niveau i est actif.
  46.  if( activMenu[ i ] != 0 )
  47.  {
  48.   document.getElementById( 'menu_' + activMenu[ i ] ).style.display = "none" ;
  49.   activMenu[ i ] = 0;
  50.  }
  51. }
  52. }
  53. </script>
  54. </head>
  55. <body>
  56. <div CLASS="menudyn">
  57.   <a class="fonc" href="page.php?id_page=1_0" target="right" onClick="close_menu( 0 );light( this );">xxx</a>
  58.   <a class="fonc" href="page.php?id_page=1_0" target="right" onClick="sel_Menu( '1', 0 );light( this );">Definition</a>
  59.   <div id="menu_1" class="sous_menu">
  60.     <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="sel_Menu( '1_1', 1 );light( this );"><span style="margin-left:10px;">Positioning</span></a>
  61.     <div id="menu_1_1" class="sous_menu">
  62.       <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );light( this );"><span style="margin-left:20px;">Hermes</span></a>
  63.       <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );light( this );"><span style="margin-left:20px;">Hermes/Rup</span></a>
  64.       <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );light( this );"><span style="margin-left:20px;">Rup</span></a>
  65.      </div>
  66.     <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="sel_Menu( '1_2', 1 );light( this );"><span style="margin-left:10px;">Phases</span></a>
  67.    <div id="menu_1_2" class="sous_menu">
  68.       <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );light( this );"><span style="margin-left:20px;">Inception</span></a>
  69.       <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );light( this );"><span style="margin-left:20px;">Elaboration</span></a>
  70.       <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );light( this );"><span style="margin-left:20px;">Construction</span></a>
  71.       <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );light( this );"><span style="margin-left:20px;">Transition</span></a>
  72.      </div>
  73.     <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 1 );light( this );"><span style="margin-left:10px;">Iteration</span></a>
  74.     <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="sel_Menu( '1_4', 1 );light( this );"><span style="margin-left:10px;">Disciplines</span></a>
  75.    <div id="menu_1_4" class="sous_menu">
  76.       <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );light( this );"><span style="margin-left:20px;">Business Modeling</span></a>
  77.       <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );light( this );"><span style="margin-left:20px;">Requirements</span></a>
  78.       <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );light( this );"><span style="margin-left:20px;">Analysis and Design</span></a>
  79.       <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );light( this );"><span style="margin-left:20px;">Implementation</span></a>
  80.       <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );light( this );"><span style="margin-left:20px;">Test</span></a>
  81.       <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );light( this );"><span style="margin-left:20px;">Deployment</span></a>
  82.       <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );light( this );"><span style="margin-left:20px;">Configuration & Change Mgmnt</span></a>
  83.       <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );light( this );"><span style="margin-left:20px;">Project Management</span></a>
  84.       <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 2 );light( this );"><span style="margin-left:20px;">Environment</span></a>
  85.      </div>
  86.     <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 1 );light( this );"><span style="margin-left:10px;">Roles</span></a>
  87.     <a class="fonc" href="page.php?id_page=1_1" target="right" onClick="close_menu( 1 );light( this );"><span style="margin-left:10px;">Artifacts</span></a>
  88.   </div>
  89. </div>
  90. </body>
  91. </html>


 
Donc, le truc, c'est de changer la class de l'élément.
J'avais essayé en changeant juste la couleur du fond, mais du coup le hover ne fonctionnais plus.
 
J'en ai profité pour supprimer .sous-fonc{} et a{} du CSS qui sont inutiles.
 
A+


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°586573
Mara's dad
Yes I can !
Posté le 09-12-2003 à 15:00:06  profilanswer
 

PS: C'est quoi le blème sur blabla ?
Pas le temps de tout lire :/


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°586588
urd-sama
waste of space
Posté le 09-12-2003 à 15:08:06  profilanswer
 

excellent tout ceci [:aloy]
l'histoire de blabla c'est un con qui s'amuse avec UrdBot c'est tout (et personne ne semble savoir qui c'est).
apparemment tous les bugs sont anéantis [:banzai]

n°586591
Mara's dad
Yes I can !
Posté le 09-12-2003 à 15:08:57  profilanswer
 

Ben UrdBot, c'est pas toi ?


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°586592
urd-sama
waste of space
Posté le 09-12-2003 à 15:09:32  profilanswer
 

ca va pas non? [:tinostar]
déjà que je trouve ça totalement pas drôle...

n°586599
Mara's dad
Yes I can !
Posté le 09-12-2003 à 15:12:06  profilanswer
 

Te fâche pas :D
Je fais même pas gaffe à ce qu'il écrit d toute façon.
A+


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°586601
urd-sama
waste of space
Posté le 09-12-2003 à 15:13:01  profilanswer
 

vais aller continuer mon intranet moi, encore un énooooooooooooorme merci

n°586607
Mara's dad
Yes I can !
Posté le 09-12-2003 à 15:15:22  profilanswer
 

De rien, y'a un bout de temps que je voulais qu'il évolue un peu mon menu...
Et puis en ce moment je fais que du PL/SQL et de la doc, alors un peu de HTML/JS/CSS de temps en temps, çà permet de pas trop rouiller :D


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°586608
Mara's dad
Yes I can !
Posté le 09-12-2003 à 15:16:11  profilanswer
 

Heu ô fait, ton problème de page qui continue à se charger, il a disparu avec le nouveau menu ou pas ?


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°586612
urd-sama
waste of space
Posté le 09-12-2003 à 15:18:54  profilanswer
 

faut que je teste toussa et je te redis ;)

n°587122
urd-sama
waste of space
Posté le 10-12-2003 à 09:41:12  profilanswer
 

ouhla mais je viens de penser à un truc, j'ai certains liens dans ma frame right qui doivent ouvrir le menu de gauche. c'est possible? :/

n°587126
Mara's dad
Yes I can !
Posté le 10-12-2003 à 09:48:25  profilanswer
 

Yes ! Oeufs corses !
T'as un peu compris comment il fonctionne le menu ou pas du tout ?
 
Sinon, admettons que tu ais 2 frames left et right.
 
En javascript, dans right par exemple :
1- parent désigne la page de description des frames.
2- parent.left désigne donc le menu.
3- parent.left.sel_Menu( '1_1', 1 ); ben çà fait ce que tu veux :D


Message édité par Mara's dad le 10-12-2003 à 09:58:05

---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°587128
urd-sama
waste of space
Posté le 10-12-2003 à 09:49:25  profilanswer
 

donc si j'ai bien compris je peux appeler des script javascript de l'autre frame?

n°587132
Mara's dad
Yes I can !
Posté le 10-12-2003 à 09:58:41  profilanswer
 

Oui, tant que c'est des pages du même Domaine.


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°587137
urd-sama
waste of space
Posté le 10-12-2003 à 10:03:08  profilanswer
 

ah mais c'est trop fort [:dawa]
je testerai tout ca demain et vendredi.
vais rentrer à la maison d'ici midi, être malade cai mal :o

n°587254
Mara's dad
Yes I can !
Posté le 10-12-2003 à 12:10:06  profilanswer
 

Bon, j'ai un exemple qui marche !
 
Si tu veux, je te le donne tout fait, et tu te débrouille avec les commentaires pour comprendre comment çà marche.
 
Ou bien, je te donne juste quelques pistes et tu le fait toute seule :D
 
En fait, j'ai pas mal remanié le truc pour que l'appel depuis un lien soit beaucoup plus simple.
 
Le javascript à grossi (pas beaucoup), mais il traite tous les cas d'appel depuis le menu ou depuis une autre frame de manière très simple.
 
Rmq : pour pouvoir 'illuminer' les items du menu il faut leur donner un ID à chacun.


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°588863
urd-sama
waste of space
Posté le 12-12-2003 à 07:52:10  profilanswer
 

si ca te dérange pas tu pourrais me filer le truc tout fait? j'ai pris pas mal de retard à cause de ma maladie :(
et j'avais encore un truc, j'aimerais que le premier menu soit "illuminé" en entrant sur le site, faut encore que je mette ca au point.

n°588879
Mara's dad
Yes I can !
Posté le 12-12-2003 à 08:51:31  profilanswer
 

Ok, c'est là : http://www.surleau.com/menu_urd/ :D


Message édité par Mara's dad le 12-12-2003 à 08:51:41

---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°588881
urd-sama
waste of space
Posté le 12-12-2003 à 08:53:01  profilanswer
 

super merci!
si jamais à la fin du menu, rajoute ceci:
<div class="ligneHaut"> &nbsp; </span>
<br />
 
et le css:
div.ligneHaut {
 width: 200px;
 border-top: 1px white solid;
}
 
pour pouvoir faire la ligne blanche manquante sur le dernier élément du menu
 
je regarde tout ceci

n°588882
Mara's dad
Yes I can !
Posté le 12-12-2003 à 08:56:31  profilanswer
 

Done !
A+, je pars au boulôt...


Message édité par Mara's dad le 12-12-2003 à 08:58:00

---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°588928
Mara's dad
Yes I can !
Posté le 12-12-2003 à 11:06:07  profilanswer
 

Alors c'est bon cette fois, çà marche comme tu veux ? :D


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°588934
urd-sama
waste of space
Posté le 12-12-2003 à 11:15:32  profilanswer
 

ouais ca marche nickel, je suis en train de tout réadapter
c'est vraiment la classe [:darkmavis]

mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Suivante

Aller à :
Ajouter une réponse
 

Sujets relatifs
[HTML / CSS] problèmes avec SPAN videRécuperer du HTML avec VBS ...
Convertir des caractères en code HTML correspondantun site en PHP/MySQL avec seulement des pages HTML en cache !?!?
Transformation XML/XSL -> HTML dans un web-browser (pas forcement IE)[ html ] donner de la couleur à "title"
[HTML] Thead(HTML/JS aussi)Recuperation de valeur contenu entre les TAG
[HTML] Insertion de caractères spéciaux ![XHTML] Problème de padding pour un menu dans une frame [IE bug!]
Plus de sujets relatifs à : [HTML/JS] Chargement + menu x niveaux JS


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR