Bonjour à tous.
tout d´abord, j´aimerais bien apprendre les base du javascript, et plus si affinité. pourvez-vous me donner l´adresse d´un bon site. merci d´avance.
Sinon, j´ai un menu retractable en javascript. on clic sur un menu parent et les enfants s´affichent. le seul problème, c´est qu´il ne se referment pas quand on clic sur un autre menu parent.
J´aimerais savoir quel modif je doit faire:
dans < head></head>:
< SCRIPT LANGUAGE=javascript>
< !--
var intCount = 0;
/ /-Fonction d´ajout d´entrées principales-------------------------
function DynamicMenu_addParent(strName) {
var strID = ´ID´ + intCount++;
var strTemp = ´<DIV ID="´ + strID + ´" CLASS="parent"´;
strTemp += ´ onClick="expandCollapse(this);"> <IMG SRC="im/espaceur.png" Height="1">´;
strTemp += ´ ´ + strName ;
strTemp += ´<DIV STYLE="display: none" CLASS="child"></DIV>´;
strTemp += ´</DIV>´;
this.div.innerHTML += strTemp;
this.currentChild = document.getElementById(strID);
}
/ /-Fonction d´ajout de liens dans le menu-------------------------
function DynamicMenu_addChild(strName) {
if ( document.all) {
this.currentChild.children[1].innerHTML += strName;
} else {
this.currentChild.childNodes[2].innerHTML += strName;
}
}
/ /-inhibe la cascade d´évènements au DIV conteneur----------------
function cancelBubble(netEvent) {
if ( document.all) {
window.event.cancelBubble = true;
} else {
netEvent.cancelBubble = true;
}
}
/ /-Contracte ou expanse le menu-----------------------------------
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" ;
} else {
objElement.style.display = " none" ;
}
}
/ /-Fonction de création de menu dynamique-------------------------
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>
dans < body></body>:
< SCRIPT Language="Javascript">
< !--
var menu = new DynamicMenu();
menu.addParent("Le Site");
menu.addChild("<A HREF=´?act=´>ACCUEIL</a><br>");
menu.addChild("<A HREF=´?act=contact´>CONTACT</a><br>");
menu.addChild("<A HREF=´?act=´><strike>DEMANDER UN LIEN</strike></a><br>");
menu.addParent("Mes Avions");
menu.addChild("Cessna 160 de T2M<br>");
menu.addChild(" <A HREF=´?act=cessna_g´>Général</a><br>");
menu.addChild(" <A HREF=´?act=cessna_c´>Construction</a><br>");
menu.addChild(" <A HREF=´?act=cessna_p´>Photos</a>");
menu.addParent("Modélisme");
menu.addChild("<A HREF=´´
CLASS=ejsmenu><strike>Radiocommande</strike></A><b
r>");
menu.addChild("<A HREF=´?act=appr´ CLASS=ejsmenu>Ecolage</A><br>");
menu.addChild("<A HREF=´?act=caisse´ CLASS=ejsmenu><strike>Caisse de Terrain</strike></A><br>");
menu.addChild("<A HREF=´?act=matos´ CLASS=ejsmenu>Accessoires de construction</A><br>");
menu.addChild("<A HREF==´?act=checkliste´
CLASS=ejsmenu><strike>Check-listes</strike></A><br
");
menu.addParent("Liens");
menu.addChild("Dynamic PingPong",
"../../../../../Programmes/Jeux/PingPong/PingPong.
html");
menu.addChild("Casse briques", " gamesCasseBriques.html");
/ /-->
< /SCRIPT>
MErci d´avance.