MENU EN CASCADE
nicomilville
Messages postés
3472
Date d'inscription
lundi 16 juillet 2007
Statut
Membre
Dernière intervention
28 février 2014
-
26 juil. 2008 à 09:56
zecristof Messages postés 2 Date d'inscription vendredi 28 octobre 2005 Statut Membre Dernière intervention 19 mai 2011 - 19 mai 2011 à 11:36
zecristof Messages postés 2 Date d'inscription vendredi 28 octobre 2005 Statut Membre Dernière intervention 19 mai 2011 - 19 mai 2011 à 11:36
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
https://codes-sources.commentcamarche.net/source/47404-menu-en-cascade
https://codes-sources.commentcamarche.net/source/47404-menu-en-cascade
19 mai 2011 à 11:36
29 avril 2010 à 22:41
Adelmonis
30 juil. 2008 à 10:35
à priori : agrandir tant que
offsetWidth est != clientWidth
( overflow:auto dans le style du div )
@+
30 juil. 2008 à 08:38
Le DOM, c'est : le Document Object Model...
On peut s'en servir pour ajouter des élément dynamiquement en javascript...
a++
29 juil. 2008 à 23:43
Très bon tout ça !
Donc, si j'ai bien compris, le seul problème restant à régler, est la taille auto des div ?
J'avoue que mes compétences sont dépassées depuis longtemps mais on doit pouvoir s'en tirer avec des %ages plutot que des valeurs absolues non ?
Tu parles de dom mais je ne sais meme pas ce que c'est loll!
En tout cas bravo pour ce script qui va sans doute me servir très bientôt !
29 juil. 2008 à 19:07
<html><head>
<title>menu</title>
<style type="text/css">
.Style1 {
background-color: gray;
}
.element {
background-color: blue;
}
.element2 {
background-color: red;
}
.element3 {
background-color: black;
}
.element4 {
background-color: white;
}
</style>
<script TYPE="text/javascript">
var mnhv=1
var retour=''
function mnh(vl,pb,dg){
if(controle==1){
controle=0
bl=vl
pl=pb
gd=dg
}
var Table_haut=document.getElementById(bl)
var divgener=document.getElementById(gd)
if(mnhv==0){
var Table_retour=document.getElementById(retour)
Table_retour.style.top=Table_retour.offsetTop-10
document.getElementById(retour2).style.height=document.getElementById(retour2).offsetHeight-10+'px'
if(Table_retour.offsetTop<=20){
mnhv=1
if(retour==bl){
return false
}
}
}
if(mnhv==1){
Table_haut.style.top=Table_haut.offsetTop+10
divgener.style.height=divgener.offsetHeight+10+'px'
if(Table_haut.offsetTop>=pb){
mnhv=0
retour=bl
retour2=gd
return false
}
}
setTimeout("mnh(bl,pl,gd)",16)}
</SCRIPT>
</head>
</html>
29 juil. 2008 à 18:43
29 juil. 2008 à 18:35
q1:
ca y est je vient de cree Le top over the top(lol) en gros avec ce script les div(s) se refermes automatiquement et en plus on peut mettre plusieurs menus sur la meme page. en tout cas apres avoir fait les modif j'ai le cerveau plein de if if if enfin voila ca marche.
q2:
il faut connaître à l'avance la hauteur des DIV
si tu met le contunu dans un tableau ou un div tu peut connaitre leurs hauteur par le dom a la palce de la valeur on pourait mettre a la place
( document.getElementById(l'element).offsetHeight))???
c'est a exploiter
<html><head>
<title>menu</title>
<style type="text/css">
.Style1 {
background-color: gray;
}
.element {
background-color: blue;
}
.element2 {
background-color: red;
}
.element3 {
background-color: black;
}
.element4 {
background-color: white;
}
</style>
<script TYPE="text/javascript">
var mnhv=1
var retour=''
function mnh(vl,pb,dg){
if(controle==1){
controle=0
bl=vl
pl=pb
gd=dg
}
var Table_haut=document.getElementById(bl)
var divgener=document.getElementById(gd)
if(mnhv==0){
var Table_retour=document.getElementById(retour)
Table_retour.style.top=Table_retour.offsetTop-10
document.getElementById(retour2).style.height=document.getElementById(retour2).offsetHeight-10+'px'
if(Table_retour.offsetTop<=20){
mnhv=1
}
}
if(mnhv==1){
if(retour==bl){
return false
}
Table_haut.style.top=Table_haut.offsetTop+10
divgener.style.height=divgener.offsetHeight+10+'px'
if(Table_haut.offsetTop>=pb){
mnhv=0
retour=bl
retour2=gd
return false
}
}
setTimeout("mnh(bl,pl,gd)",16)}
</SCRIPT>
</head>
</html>
28 juil. 2008 à 16:28
on saura vers où les diriger.
>>éviterait d'avoir à refermer manuellement celles deja ouvertes.
"il suffit", avant d'agrandir, de remettre les height
à leur valeurs initiales pour toutes les div.
>>Peut-on l'adapter au contenu ?
peut-être moins facile( ? )
augmenter le height, tant que
la scrollbar existe, peut-être ?
doit y avoir plus simple...
2 propositions d'amélioration
que va bien nous faire kazma !
28 juil. 2008 à 14:11
28 juil. 2008 à 09:47
ps : si qqu'un a une idée, je suis preneur :p)
27 juil. 2008 à 09:12
Si ça ne lui convient pas je ne sais pas ce qui lui conviendrai ! lol
Je te metterai une note plus tard quand je regarderai le code en profondeur !
a++
26 juil. 2008 à 22:58
l'as tu montré au gas sur le forum ?
oui en esperant que sa lui conviendra
26 juil. 2008 à 09:56
Moi je dis que c'est un bon travail !
En plus plein de gens se demandais comment reproduire le menu et les boites de code sources (le menu est sur graphfr mais les boites je ne les ai pas trouvés) donc tu leur rend un grand service...
a++
PS : merci pour cette source (l'as tu montré au gas sur le forum ?)