Code javascript
Bonjour,
je dois créer une page en javascript le principe consiste à faire une page a plusieurs menu et lorsqu'on clique sur le bouton la section doit apparaitre
je l'ai effectivement créé
ca a marché avec les 4 premiers section mais pas avec les 2 derniers
les brordures ne sont pas en blanc ainsi qu'il y a un graaand espace entre les 2 boutons
meme avant l'affichage du menu :((( le voila le code quelqu'un peut m'aider ??
<table id="navArea" cellspacing="0" cellpadding="0" width="100%" align="center" border="0" >
<tbody>
<tr>
<td style="width:100%">
<!---------------------------------------------------------------------------------------------------->
<table class="menuSectionClosed" style=" background-color:#001e60; width:100%" id="table1" cellspacing="0" cellpadding="0" border="0">
<!-- #1c2a45 -->
<tbody>
<tr>
<td class="MenuTitle" valign="middle" align="left" style="height: 26px;width:100%">
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td valign="top" class="MenuTitleLeft" style="height: 13px;width:18">
<img style="VERTICAL-ALIGN: top;border:0" src="menu_fichiers/topleft.gif" alt="" />
</td>
<td class="MenuTitleKnobs" style="height: 13px; width:744" align="left" onclick="openallSection('section_1'),openallSection('section_2-1'),openallSection('section_2'),openallSection('section_5'),openallSection('section_6'),openallSection('section_7'),openallSection('section_8'),openallSection('section_9'),openallSection('section_10'),openallSection('section_11'),openallSection('section_12'),openallSection('section_13'),openallSection('section_13-2'),openallSection('section_14')" >
<span style="font-weight: bold">
<a title="Ouvrir Tous les Menus" style="color:#000000" href="creation_des_clients.aspx" target="main" onmouseout="this.style.color='#000000'" onmouseover="this.style.color='#001e60'" >Ouvrir Tous
</a></span>
</td>
<td class="MenuTitleKnobs" style="width:744;height: 13px" align="right" onclick="closeallSection('section_1'),closeallSection('section_2-1'),closeallSection('section_2'),closeallSection('section_5'),closeallSection('section_6'),closeallSection('section_7'),closeallSection('section_8'),closeallSection('section_9'),closeallSection('section_10'),closeallSection('section_11'),closeallSection('section_12'),closeallSection('section_13'),closeallSection('section_13-2'),closeallSection('section_14')" >
<span style="font-weight: bold">
<a title="Fermer Tous les Menus" style="color:#000000" href="creation_des_clients.aspx" target="main" onmouseout="this.style.color='#000000'" onmouseover="this.style.color='#001e60'" >Fermer Tous
</a></span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!----------------------------------------------------------->
<table class="menuSectionClosed" id="section_1" cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td class="MenuTitle" valign="middle" align="left" style="width:100%">
<table cellspacing="0" cellpadding="0" width="100%" border="0" id="TABLE3">
<tbody>
<tr>
<td style="width:18" valign="top" class="MenuTitleLeft">
<img style="VERTICAL-ALIGN: top; border:0" src="menu_fichiers/topleft.gif" alt="" />
</td>
<td class="MenuTitleText" style="width:747" onclick="openSection('section_1')">
Fichier
</td>
<td style="width:20; height:22" class="MenuTitleKnob" onclick="openSection('section_1')" >
</td>
<td style="width:3" valign="top" class="MenuTitleRight">
<img style="VERTICAL-ALIGN: top; border:0" src="menu_fichiers/topright.gif" alt="" />
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table class="menuSectionContent" cellspacing="0" cellpadding="0" width="100%" border="0" style="background-color:#3c4b6a">
<tbody>
<tr>
<td style="width:100%">
<table class="MenuItem" id="element_1_1" cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td class="MenuItemImage" style="height: 18px">
<a onmouseover="_callTip('ctl_screen')"
onclick="selectMenuItem('element_1_1')"
onmouseout="_callTip()"
href="creation_des_clients.aspx"
target="main">
<img title="Ajouter un Salarié" src="menu_fichiers/img16/users2.png" style="border:0; width:16; height:16; padding:0" alt="" />
</a>
</td>
<td class="MenuItemText" style="height: 18px; background-color:#3c4b6a; white-space:nowrap">
<a onmouseover="_callTip('ctl_screen')" onclick="selectMenuItem('element_1_1')"
onmouseout="_callTip()" href="creation_des_clients.aspx"
target="main">Client</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="width:100%">
<table class="MenuItem" id="element_1_2" cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td class="MenuItemImage">
<a onmouseover="_callTip('pwd_screen')"
onclick="selectMenuItem('element_1_2')"
onmouseout="_callTip()"
href="creation_des_fournisseurs.aspx"
target="main">
<img title="Listes des Salariés" style="height:16; padding:0; border:0; width:16" src="menu_fichiers/img16/users_family.png" alt="" />
</a>
</td>
<td class="MenuItemText" style="white-space:nowrap">
<a onmouseover="_callTip('pwd_screen')"
onclick="selectMenuItem('element_1_2')"
onmouseout="_callTip()"
href="creation_des_fournisseurs.aspx"
target="main">Fournisseur</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="width:100%">
<table class="MenuItem" id="element_1_3" cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td class="MenuItemImage">
<a onmouseover="_callTip('file_manager')"
onclick="selectMenuItem('element_1_3')"
onmouseout="_callTip()"
href="Creation_des_articles.aspx"
target="main">
<img title="Fichier des Salariés" style="height:16; width:16; border:0; padding:0" src="menu_fichiers/cube_blue.png" alt="" />
</a>
</td>
<td class="MenuItemText" style="white-space:nowrap">
<a onmouseover="_callTip('file_manager')"
onclick="selectMenuItem('element_1_3')"
onmouseout="_callTip()"
href="Creation_des_articles.aspx"
target="main">Article</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr><td></td></tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
jusque la ca va
maaiiis c'est la ou commence le probleme
<table class="menuSectionClosed" id="section_6" cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td class="MenuTitle" valign="middle">
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td style="width:18; vertical-align:top" class="MenuTitleLeft">
<img alt="Top-Left" style="VERTICAL-ALIGN: top; border:0" src="menu_fichiers/topleft.gif" />
</td>
<td class="MenuTitleText" style="width:747" onclick="openSection('section_6')">Utilitaires</td>
<td style="width:22;height:22" class="MenuTitleKnob" onclick="openSection('section_6')" > </td>
<td style="width:3; vertical-align:top" class="MenuTitleRight">
<img alt="Top-Right" style="VERTICAL-ALIGN: top; border:0" src="menu_fichiers/topright.gif" />
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td> <table class="menuSectionContent" style="background-color:#3c4b6a; width:100%; border:0" >
<tbody>
<tr>
<td style="width:100%">
<table class="MenuItem" id="Table7" cellspacing="0" cellpadding="0" style="width:100%; border:0">
<tbody>
<tr>
<td class="MenuItemImage">
<a onclick="selectMenuItem('element_6_1')" onmouseout="_callTip()" href="Envoyer_une_question.aspx" target="main">
<img alt="" title="Quitter" style="height:16; width:16; border:0; padding:0" src="menu_fichiers/img16/windows.png" /></a></td>
<td class="MenuItemText" style="height: 18px; white-space:nowrap">
<a onmouseover="_callTip('get_help')" onclick="selectMenuItem('element_6_1')" onmouseout="_callTip()" href="Envoyer_une_question.aspx"
target="main">Envoyer une question</a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
je dois créer une page en javascript le principe consiste à faire une page a plusieurs menu et lorsqu'on clique sur le bouton la section doit apparaitre
je l'ai effectivement créé
ca a marché avec les 4 premiers section mais pas avec les 2 derniers
les brordures ne sont pas en blanc ainsi qu'il y a un graaand espace entre les 2 boutons
meme avant l'affichage du menu :((( le voila le code quelqu'un peut m'aider ??
<table id="navArea" cellspacing="0" cellpadding="0" width="100%" align="center" border="0" >
<tbody>
<tr>
<td style="width:100%">
<!---------------------------------------------------------------------------------------------------->
<table class="menuSectionClosed" style=" background-color:#001e60; width:100%" id="table1" cellspacing="0" cellpadding="0" border="0">
<!-- #1c2a45 -->
<tbody>
<tr>
<td class="MenuTitle" valign="middle" align="left" style="height: 26px;width:100%">
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td valign="top" class="MenuTitleLeft" style="height: 13px;width:18">
<img style="VERTICAL-ALIGN: top;border:0" src="menu_fichiers/topleft.gif" alt="" />
</td>
<td class="MenuTitleKnobs" style="height: 13px; width:744" align="left" onclick="openallSection('section_1'),openallSection('section_2-1'),openallSection('section_2'),openallSection('section_5'),openallSection('section_6'),openallSection('section_7'),openallSection('section_8'),openallSection('section_9'),openallSection('section_10'),openallSection('section_11'),openallSection('section_12'),openallSection('section_13'),openallSection('section_13-2'),openallSection('section_14')" >
<span style="font-weight: bold">
<a title="Ouvrir Tous les Menus" style="color:#000000" href="creation_des_clients.aspx" target="main" onmouseout="this.style.color='#000000'" onmouseover="this.style.color='#001e60'" >Ouvrir Tous
</a></span>
</td>
<td class="MenuTitleKnobs" style="width:744;height: 13px" align="right" onclick="closeallSection('section_1'),closeallSection('section_2-1'),closeallSection('section_2'),closeallSection('section_5'),closeallSection('section_6'),closeallSection('section_7'),closeallSection('section_8'),closeallSection('section_9'),closeallSection('section_10'),closeallSection('section_11'),closeallSection('section_12'),closeallSection('section_13'),closeallSection('section_13-2'),closeallSection('section_14')" >
<span style="font-weight: bold">
<a title="Fermer Tous les Menus" style="color:#000000" href="creation_des_clients.aspx" target="main" onmouseout="this.style.color='#000000'" onmouseover="this.style.color='#001e60'" >Fermer Tous
</a></span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!----------------------------------------------------------->
<table class="menuSectionClosed" id="section_1" cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td class="MenuTitle" valign="middle" align="left" style="width:100%">
<table cellspacing="0" cellpadding="0" width="100%" border="0" id="TABLE3">
<tbody>
<tr>
<td style="width:18" valign="top" class="MenuTitleLeft">
<img style="VERTICAL-ALIGN: top; border:0" src="menu_fichiers/topleft.gif" alt="" />
</td>
<td class="MenuTitleText" style="width:747" onclick="openSection('section_1')">
Fichier
</td>
<td style="width:20; height:22" class="MenuTitleKnob" onclick="openSection('section_1')" >
</td>
<td style="width:3" valign="top" class="MenuTitleRight">
<img style="VERTICAL-ALIGN: top; border:0" src="menu_fichiers/topright.gif" alt="" />
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table class="menuSectionContent" cellspacing="0" cellpadding="0" width="100%" border="0" style="background-color:#3c4b6a">
<tbody>
<tr>
<td style="width:100%">
<table class="MenuItem" id="element_1_1" cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td class="MenuItemImage" style="height: 18px">
<a onmouseover="_callTip('ctl_screen')"
onclick="selectMenuItem('element_1_1')"
onmouseout="_callTip()"
href="creation_des_clients.aspx"
target="main">
<img title="Ajouter un Salarié" src="menu_fichiers/img16/users2.png" style="border:0; width:16; height:16; padding:0" alt="" />
</a>
</td>
<td class="MenuItemText" style="height: 18px; background-color:#3c4b6a; white-space:nowrap">
<a onmouseover="_callTip('ctl_screen')" onclick="selectMenuItem('element_1_1')"
onmouseout="_callTip()" href="creation_des_clients.aspx"
target="main">Client</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="width:100%">
<table class="MenuItem" id="element_1_2" cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td class="MenuItemImage">
<a onmouseover="_callTip('pwd_screen')"
onclick="selectMenuItem('element_1_2')"
onmouseout="_callTip()"
href="creation_des_fournisseurs.aspx"
target="main">
<img title="Listes des Salariés" style="height:16; padding:0; border:0; width:16" src="menu_fichiers/img16/users_family.png" alt="" />
</a>
</td>
<td class="MenuItemText" style="white-space:nowrap">
<a onmouseover="_callTip('pwd_screen')"
onclick="selectMenuItem('element_1_2')"
onmouseout="_callTip()"
href="creation_des_fournisseurs.aspx"
target="main">Fournisseur</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="width:100%">
<table class="MenuItem" id="element_1_3" cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td class="MenuItemImage">
<a onmouseover="_callTip('file_manager')"
onclick="selectMenuItem('element_1_3')"
onmouseout="_callTip()"
href="Creation_des_articles.aspx"
target="main">
<img title="Fichier des Salariés" style="height:16; width:16; border:0; padding:0" src="menu_fichiers/cube_blue.png" alt="" />
</a>
</td>
<td class="MenuItemText" style="white-space:nowrap">
<a onmouseover="_callTip('file_manager')"
onclick="selectMenuItem('element_1_3')"
onmouseout="_callTip()"
href="Creation_des_articles.aspx"
target="main">Article</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr><td></td></tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
jusque la ca va
maaiiis c'est la ou commence le probleme
<table class="menuSectionClosed" id="section_6" cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td class="MenuTitle" valign="middle">
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td style="width:18; vertical-align:top" class="MenuTitleLeft">
<img alt="Top-Left" style="VERTICAL-ALIGN: top; border:0" src="menu_fichiers/topleft.gif" />
</td>
<td class="MenuTitleText" style="width:747" onclick="openSection('section_6')">Utilitaires</td>
<td style="width:22;height:22" class="MenuTitleKnob" onclick="openSection('section_6')" > </td>
<td style="width:3; vertical-align:top" class="MenuTitleRight">
<img alt="Top-Right" style="VERTICAL-ALIGN: top; border:0" src="menu_fichiers/topright.gif" />
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td> <table class="menuSectionContent" style="background-color:#3c4b6a; width:100%; border:0" >
<tbody>
<tr>
<td style="width:100%">
<table class="MenuItem" id="Table7" cellspacing="0" cellpadding="0" style="width:100%; border:0">
<tbody>
<tr>
<td class="MenuItemImage">
<a onclick="selectMenuItem('element_6_1')" onmouseout="_callTip()" href="Envoyer_une_question.aspx" target="main">
<img alt="" title="Quitter" style="height:16; width:16; border:0; padding:0" src="menu_fichiers/img16/windows.png" /></a></td>
<td class="MenuItemText" style="height: 18px; white-space:nowrap">
<a onmouseover="_callTip('get_help')" onclick="selectMenuItem('element_6_1')" onmouseout="_callTip()" href="Envoyer_une_question.aspx"
target="main">Envoyer une question</a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
