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 :
- <script language="javascript">
- var intCount = 0;
- function DynamicMenu_addParent(strName) {
- var strID = 'ID' + intCount++;
- var strTemp = '<DIV ID="' + strID + '" CLASS="parent"';
- strTemp += ' onClick="expandCollapse(this);">';
- strTemp += '<img src="./Images/ats_ci_arrow_wh.gif" />' + strName ;
- strTemp += '<DIV STYLE="display: none" CLASS="child"></DIV>';
- strTemp += '</DIV>';
- this.div.innerHTML += strTemp;
- this.currentChild = document.getElementById(strID);
- }
- function DynamicMenu_addChild(strName,strURL) {
- var strTemp = '<img src="./Images/ats_ci_arrow_simple_wh.gif" /><a href="' + strURL + '"' + ' >' + strName + '</a><br />';
- if (document.all) {
- this.currentChild.children[1].innerHTML += strTemp;
- } else {
- this.currentChild.childNodes[2].innerHTML += strTemp;
- }
- }
- function cancelBubble(netEvent) {
- if (document.all) {
- window.event.cancelBubble = true;
- } else {
- netEvent.cancelBubble = true;
- }
- }
- function expandCollapse(objElement) {
- if (document.all) {
- var imgIcon = objElement.children[0];
- objElement = objElement.children[1];
- } else {
- var imgIcon = objElement.childNodes[0];
- objElement = objElement.childNodes[2];
- }
- if (objElement.style.display == "none" ) {
- objElement.style.display = "block" ;
- imgIcon.src = "./Images/ats_ci_arrow_wh.gif" ;
- } else {
- objElement.style.display = "none" ;
- imgIcon.src = "./Images/ats_ci_arrow_wh.gif" ;
- }
- }
- function DynamicMenu() {
- var id = "Menu" + intCount++;
- document.write('<DIV Id="' + id + '"></DIV>');
- this.div = document.getElementById(id);
- this.currentChild = null;
- this.addParent = DynamicMenu_addParent;
- this.addChild = DynamicMenu_addChild;
- }
- </script>
- </head>
- ...
|
et l'utilisation :
Code :
- <td><img src="./Images/ats_blind.gif" height=1px width=12 border=0 /></td>
- <td><br />
- <script language="Javascript">
- var menu = new DynamicMenu();
- menu.addParent('Site Accenture Technology Solutions');
- menu.addChild('Présentation des bureaux', 'test.html');
- menu.addParent('Droits et Devoirs');
- menu.addChild('Téléphone', 'environnement02.html');
- menu.addChild('Fax', 'environnement03.html');
- </script><br /><br />
- </td>
- <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