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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Javascript] menu déroulant

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[Javascript] menu déroulant

n°1494507
mjcom
le savoir est universel
Posté le 20-12-2006 à 19:55:58  profilanswer
 

salut :hello:  
 
bon je savais pa trop comment intituler le sujet, mais bon...
j'ai un petit souci avec mon menu déroulant: voici le code js:

Code :
  1. function subMenu(Menu)
  2. {
  3. var cell = document.getElementById(Menu);
  4. if(Menu == "cac_cell" && cell.innerHTML == "" )
  5.  {cell.innerHTML = "<div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/cac/graphique.php' class='submenu-link'>Graphiques</a></div><div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/cac/composition.php' class='submenu-link'>Composition</a></div><div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/cac/definition.php' class='submenu-link'>Definition</a></div>";}
  6.  else if(Menu == "sbf120_cell" && cell.innerHTML == "" )
  7.    {cell.innerHTML = "<div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/sbf120/graphique.php' class='submenu-link'>Graphique</a></div><div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/sbf120/composition.php' class='submenu-link'>Composition</a></div><div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/sbf120/definition.php' class='submenu-link'>Definition</a></div>";}
  8.   else if(Menu == "nasdaq_cell" && cell.innerHTML == "" )
  9.     {cell.innerHTML = "<div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/nasdaq/graphique.php' class='submenu-link'>Graphique</a></div><div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/nasdaq/composition.php' class='submenu-link'>Composition</a></div><div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/nasdaq/definition.php' class='submenu-link'>Definition</a></div>";}
  10.    else if(Menu == "srd_cell" && cell.innerHTML == "" )
  11.      {cell.innerHTML = "<div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/srd/composition.php' class='submenu-link'>Composition</a></div><div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/srd/definition.php' class='submenu-link'>Definition</a></div>";}
  12.     else if(Menu == "forex_cell" && cell.innerHTML == "" )
  13.       {cell.innerHTML = "<div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/forex/cours_c.php' class='submenu-link'>Cours Croisés</a></div><div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/forex/definition.php' class='submenu-link'>Definition</a></div>"; }  
  14.       else if(Menu == "sicfcp_cell" && cell.innerHTML == "" )
  15.        {cell.innerHTML = "<div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/fonds/sicav.php' class='submenu-link'>Sicav</a></div><div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/fonds/fcp.php' class='submenu-link'>FCP</a></div><div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/fonds/definition.php' class='submenu-link'>Definition</a></div>";}
  16.          else if(Menu == "oblig_cell" && cell.innerHTML == "" )
  17.         {cell.innerHTML = "<div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/oblig/ent.php' class='submenu-link'>Obligations privées</a></div><div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/oblig/OAT.php' class='submenu-link'>OAT</a></div><div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/oblig/Tbonds.php' class='submenu-link'>T-Bonds</a></div><div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/oblig/definition.php' class='submenu-link'>Definition</a></div>";}
  18.          else if(Menu == "djia_cell" && cell.innerHTML == "" )
  19.     {cell.innerHTML = "<div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/djia30/graphique.php' class='submenu-link'>Graphique</a></div><div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/djia30/composition.php' class='submenu-link'>Composition</a></div><div>&nbsp;&nbsp;&nbsp;&nbsp;<a href='http://localhost/mjcom portfolio management/cotations/djia30/definition.php' class='submenu-link'>Definition</a></div>";}
  20.   else cell.innerHTML = "";
  21. }


je me sert de l'include et le code html de mon menu est le suivant:

Code :
  1. <table width="182px" border="2" bordercolor="#3366CC"  bgcolor="#000033">
  2.    <tr bordercolor="#000000">
  3.        <td style="border:2px solid; border-color:#3366CC"bgcolor="#0000cc"><div align="center" ><span class="Style8">Cotations</span></div>
  4.        </td>
  5.       </tr>
  6.        <tr border="">
  7.        <td style="border:0px"onMouseOver="this.className='over'" onMouseOut="this.className='normal'"><strong>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://localhost/mjcom portfolio management/cotations/indices.php" class="menu-link">INDICES</a></strong>
  8.        </td>
  9.       </tr>
  10.       <tr border="">
  11.        <td style="border:0px"onMouseOver="this.className='over'" onMouseOut="this.className='normal'"><strong>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:subMenu('cac_cell')" class="menu-link">CAC 40</a></strong><span id="cac_cell"></span>
  12.        </td>
  13.       </tr>
  14.       <tr border="0">
  15.        <td style="border:0px"onMouseOver="this.className='over'" onMouseOut="this.className='normal'"><strong>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:subMenu('srd_cell')" class="menu-link">SRD</a></strong><span id="srd_cell"></span>
  16.        </td>
  17.       </tr>
  18. ...
  19. ...
  20. </table>


Donc ce qui ce passe c'est quand je clic sur CAC 40 le menu s'ouvre, ensuite je veux ouvrir le menu du SRD qui s'ouvre sans probleme, mais les 2 menus reste ouverts. Moi je veux que quand je clic sur SRD le menu de CAC 40 se ferme pour laisser la place au menu du SRD. Je ne veux pas les 2 en meme temps. Et je ne sais pas comment faire :cry:  
 
Merci d'avance de vos réponses.


---------------
[:bossik]
mood
Publicité
Posté le 20-12-2006 à 19:55:58  profilanswer
 

n°1494591
xtof_83
Freeride Spirit
Posté le 20-12-2006 à 23:34:39  profilanswer
 
n°1494803
mjcom
le savoir est universel
Posté le 21-12-2006 à 13:19:26  profilanswer
 

ouais mais y aurait pas plus simple


---------------
[:bossik]
n°1494828
Ardant
fuck a duck
Posté le 21-12-2006 à 14:45:48  profilanswer
 

Plus simple que les menus en CSS je vois pas...

n°1494853
mjcom
le savoir est universel
Posté le 21-12-2006 à 15:31:52  profilanswer
 

ouais mais cela suppose-t-il que je doive changer tout le code de mon menu?
Merci


---------------
[:bossik]
n°1494882
gatsu35
Blablaté par Harko
Posté le 21-12-2006 à 16:07:55  profilanswer
 

OUI

n°1495023
xtof_83
Freeride Spirit
Posté le 21-12-2006 à 20:32:36  profilanswer
 

mjcom a écrit :

ouais mais cela suppose-t-il que je doive changer tout le code de mon menu?
Merci


 
Faut dire que si tu enlèves de ton menu, tout ce qui est moche, il reste plus rien....Donc prend exemple sur les menus de la page donnée ;) et ça sera déjà mieux.

n°1495057
mjcom
le savoir est universel
Posté le 21-12-2006 à 21:24:20  profilanswer
 

tu signifie ke mon menu est moche???


---------------
[:bossik]
n°1495058
mjcom
le savoir est universel
Posté le 21-12-2006 à 21:25:44  profilanswer
 

je veux pas faire du css mais du js!!


---------------
[:bossik]
n°1495154
Master p
My new cock ring :D
Posté le 22-12-2006 à 01:37:00  profilanswer
 

Tu changes le contenu de la cellule lors de ta fonction JS. Il n'y a donc pas de moyen de retrouver le contenu originel (ou sinon, par des moyens que ma religion m'interdit de diffuser [:ooooo]).
Il faudrait revoir l'algo et y effectuer quelques changements importants.
Ça tombe bien, ton code est entièrement à revoir [:dawak]


---------------
HAHAHA I M USING TEH INTERNET

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Javascript] menu déroulant

 

Sujets relatifs
Javascript : Probleme de menu deroulantmenu deroulant pour date en javascript
php/javascript menu deroulant...[Résolu][Html/Javascript] Liens dans menu déroulant dynamique
menu déroulant javascript et cssProbleme menu deroulant html/css/javascript
menu déroulant css/javascript qui foire sur IEjavascript pour menu déroulant vertical
[JAVASCRIPT] menu déroulant[javascript] menu deroulant REPONDU
Plus de sujets relatifs à : [Javascript] menu déroulant


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