Pb menu dynamique JS

Pb menu dynamique JS - HTML/CSS - Programmation

Marsh Posté le 29-08-2003 à 11:41:48    

J'ai un pb avec un menu dynamique en JS. En gros, j'ai des menu et qd on clique sur le menu on affiche les sous-menu etc...
Le truc c'est que qd je clique sur le menu, ce con se decale sur la gauche alors que je lui ai rien demandé ^^
Depuis hier je me prends la tete à comprendre pourkoi le menu se decale tout seul et franchement j'ai cherché.
 
Voilà le script en question:
 

Code :
  1. <script language="javascript">
  2. var intCount = 0;
  4. function DynamicMenu_addParent(strName) {
  5. var strID = 'ID' + intCount++;
  6. var strTemp = '<DIV ID="' + strID + '" CLASS="parent"';
  7.         strTemp += ' onClick="expandCollapse(this);">';
  8.         strTemp += '<img src="./Images/ats_ci_arrow_wh.gif" />' + strName ;
  9.         strTemp += '<DIV STYLE="display: none" CLASS="child"></DIV>';
  10.         strTemp += '</DIV>';
  11. this.div.innerHTML += strTemp;
  12.         this.currentChild = document.getElementById(strID);
  13. }
  15. function DynamicMenu_addChild(strName,strURL) {
  16. var strTemp = '<img src="./Images/ats_ci_arrow_simple_wh.gif" /><a href="' + strURL + '"' + ' >' + strName + '</a><br />';
  17. if (document.all) {
  18.          this.currentChild.children[1].innerHTML += strTemp;
  19. } else {
  20.          this.currentChild.childNodes[2].innerHTML += strTemp;
  21. }
  22. }
  24. function cancelBubble(netEvent) {
  25. if (document.all) {
  26.  window.event.cancelBubble = true;
  27. } else {
  28.          netEvent.cancelBubble = true;
  29. }
  30. }
  32. function expandCollapse(objElement) {
  33. if (document.all) {
  34.          var imgIcon = objElement.children[0];
  35.                 objElement = objElement.children[1];
  36. } else {
  37.          var imgIcon = objElement.childNodes[0];
  38.                 objElement = objElement.childNodes[2];
  39. }
  40. if (objElement.style.display == "none" ) {
  41.          objElement.style.display = "block" ;
  42.                 imgIcon.src = "./Images/ats_ci_arrow_wh.gif" ;
  43. } else {
  44.          objElement.style.display = "none" ;
  45.                 imgIcon.src = "./Images/ats_ci_arrow_wh.gif" ;
  46. }
  47. }
  49. function DynamicMenu() {
  50. var id = "Menu" + intCount++;
  51.         document.write('<DIV Id="' + id + '"></DIV>');
  52. this.div = document.getElementById(id);
  53.         this.currentChild = null;
  54. this.addParent = DynamicMenu_addParent;
  55.         this.addChild = DynamicMenu_addChild;
  56. }
  57. </script>
  59. </head>
  60. ...


 
et l'utilisation :
 

Code :
  1. <td><img src="./Images/ats_blind.gif" height=1px width=12 border=0 /></td>
  2.       <td><br />
  3.      <script language="Javascript">
  4.      var menu = new DynamicMenu();
  5.      menu.addParent('Site Accenture Technology Solutions');
  6.      menu.addChild('Pr&eacute;sentation des bureaux', 'test.html');
  8.      menu.addParent('Droits et Devoirs');
  9.      menu.addChild('T&eacute;l&eacute;phone', 'environnement02.html');
  10.      menu.addChild('Fax', 'environnement03.html');
  11.      </script><br /><br />
  12.      </td>
  13.     <td><img src="./Images/ats_blind.gif" height=1px width=10px border=0></td>


 
En plus je vous mets un ti exemple pour vous montrez ce qu'il fait le saligau !!
 
 
http://www.bootsquad.net/test.html
 
 
Helppp plizzz


Message édité par dirakocha le 29-08-2003 à 11:42:49

---------------
Q.G Tutoriaux ici
Reply

Marsh Posté le 29-08-2003 à 11:41:48   

Reply

Marsh Posté le 30-08-2003 à 16:04:33    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed