[Javascript] menu déroulant

Marsh Posté le 20-12-2006 à 19:55:58

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 :

function subMenu(Menu)
{
var cell = document.getElementById(Menu);
if(Menu == "cac_cell" && cell.innerHTML == "" )
{cell.innerHTML = "<div>    <a href='http://localhost/mjcom portfolio management/cotations/cac/graphique.php' class='submenu-link'>Graphiques</a></div><div>    <a href='http://localhost/mjcom portfolio management/cotations/cac/composition.php' class='submenu-link'>Composition</a></div><div>    <a href='http://localhost/mjcom portfolio management/cotations/cac/definition.php' class='submenu-link'>Definition</a></div>";}
else if(Menu == "sbf120_cell" && cell.innerHTML == "" )
{cell.innerHTML = "<div>    <a href='http://localhost/mjcom portfolio management/cotations/sbf120/graphique.php' class='submenu-link'>Graphique</a></div><div>    <a href='http://localhost/mjcom portfolio management/cotations/sbf120/composition.php' class='submenu-link'>Composition</a></div><div>    <a href='http://localhost/mjcom portfolio management/cotations/sbf120/definition.php' class='submenu-link'>Definition</a></div>";}
else if(Menu == "nasdaq_cell" && cell.innerHTML == "" )
{cell.innerHTML = "<div>    <a href='http://localhost/mjcom portfolio management/cotations/nasdaq/graphique.php' class='submenu-link'>Graphique</a></div><div>    <a href='http://localhost/mjcom portfolio management/cotations/nasdaq/composition.php' class='submenu-link'>Composition</a></div><div>    <a href='http://localhost/mjcom portfolio management/cotations/nasdaq/definition.php' class='submenu-link'>Definition</a></div>";}
else if(Menu == "srd_cell" && cell.innerHTML == "" )
{cell.innerHTML = "<div>    <a href='http://localhost/mjcom portfolio management/cotations/srd/composition.php' class='submenu-link'>Composition</a></div><div>    <a href='http://localhost/mjcom portfolio management/cotations/srd/definition.php' class='submenu-link'>Definition</a></div>";}
else if(Menu == "forex_cell" && cell.innerHTML == "" )
{cell.innerHTML = "<div>    <a href='http://localhost/mjcom portfolio management/cotations/forex/cours_c.php' class='submenu-link'>Cours Croisés</a></div><div>    <a href='http://localhost/mjcom portfolio management/cotations/forex/definition.php' class='submenu-link'>Definition</a></div>"; }
else if(Menu == "sicfcp_cell" && cell.innerHTML == "" )
{cell.innerHTML = "<div>    <a href='http://localhost/mjcom portfolio management/cotations/fonds/sicav.php' class='submenu-link'>Sicav</a></div><div>    <a href='http://localhost/mjcom portfolio management/cotations/fonds/fcp.php' class='submenu-link'>FCP</a></div><div>    <a href='http://localhost/mjcom portfolio management/cotations/fonds/definition.php' class='submenu-link'>Definition</a></div>";}
else if(Menu == "oblig_cell" && cell.innerHTML == "" )
{cell.innerHTML = "<div>    <a href='http://localhost/mjcom portfolio management/cotations/oblig/ent.php' class='submenu-link'>Obligations privées</a></div><div>    <a href='http://localhost/mjcom portfolio management/cotations/oblig/OAT.php' class='submenu-link'>OAT</a></div><div>    <a href='http://localhost/mjcom portfolio management/cotations/oblig/Tbonds.php' class='submenu-link'>T-Bonds</a></div><div>    <a href='http://localhost/mjcom portfolio management/cotations/oblig/definition.php' class='submenu-link'>Definition</a></div>";}
else if(Menu == "djia_cell" && cell.innerHTML == "" )
{cell.innerHTML = "<div>    <a href='http://localhost/mjcom portfolio management/cotations/djia30/graphique.php' class='submenu-link'>Graphique</a></div><div>    <a href='http://localhost/mjcom portfolio management/cotations/djia30/composition.php' class='submenu-link'>Composition</a></div><div>    <a href='http://localhost/mjcom portfolio management/cotations/djia30/definition.php' class='submenu-link'>Definition</a></div>";}
else cell.innerHTML = "";
}

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

Code :

<table width="182px" border="2" bordercolor="#3366CC" bgcolor="#000033">
<tr bordercolor="#000000">
<td style="border:2px solid; border-color:#3366CC"bgcolor="#0000cc"><div align="center" ><span class="Style8">Cotations</span></div>
</td>
</tr>
<tr border="">
<td style="border:0px"onMouseOver="this.className='over'" onMouseOut="this.className='normal'"><strong>    <a href="http://localhost/mjcom portfolio management/cotations/indices.php" class="menu-link">INDICES</a></strong>
</td>
</tr>
<tr border="">
<td style="border:0px"onMouseOver="this.className='over'" onMouseOut="this.className='normal'"><strong>    <a href="javascript:subMenu('cac_cell')" class="menu-link">CAC 40</a></strong><span id="cac_cell"></span>
</td>
</tr>
<tr border="0">
<td style="border:0px"onMouseOver="this.className='over'" onMouseOut="this.className='normal'"><strong>    <a href="javascript:subMenu('srd_cell')" class="menu-link">SRD</a></strong><span id="srd_cell"></span>
</td>
</tr>
...
...
</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]

Reply

Marsh Posté le 20-12-2006 à 19:55:58

Reply

Marsh Posté le 20-12-2006 à 23:34:39

http://css.alsacreations.com/Const [...] horizontal

Reply

Marsh Posté le 21-12-2006 à 13:19:26

ouais mais y aurait pas plus simple

---------------
[:bossik]

Reply

Marsh Posté le 21-12-2006 à 14:45:48

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

Reply

Marsh Posté le 21-12-2006 à 15:31:52

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

Message cité 1 fois

---------------
[:bossik]

Reply

Marsh Posté le 21-12-2006 à 16:07:55

OUI

Reply

Marsh Posté le 21-12-2006 à 20:32:36

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.

Reply

Marsh Posté le 21-12-2006 à 21:24:20

tu signifie ke mon menu est moche???

---------------
[:bossik]

Reply

Marsh Posté le 21-12-2006 à 21:25:44

je veux pas faire du css mais du js!!

---------------
[:bossik]

Reply

Marsh Posté le 22-12-2006 à 01:37:00

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

Reply

[Javascript] menu déroulant

Sujets relatifs:

Leave a Replay