Faire un menu défilant avec des divs... (Etape 2...) [JS] - HTML/CSS - Programmation
Marsh Posté le 02-05-2003 à 18:40:43
up de soutien ça m'interresse aussi et ya pas de tuto sur les sites que j'ai visités...
Marsh Posté le 02-05-2003 à 20:36:04
Ce que tu veux faire, c'est un menu avec des sous menus qui peuvent s'ouvrir et se fermer ?
Marsh Posté le 02-05-2003 à 20:44:56
voilà à peut près ce que je veux faire :
en mode normal :
on mouse over :
mais je voudrais déjà savoir comment je fait en sorte que les div soit en position relative ou absolue et comment je fait pour que les sous menu ne sois pas visible tout en forçant la taille de 'div1' ne prenne pas en compte, dans la hauteur de celui-ci, la taille que prend le texte des sous-menus de 'div2' ??
Marsh Posté le 02-05-2003 à 20:51:06
Pour afficher/cacher, il suffit de modifier la propriété de stype 'display' et de la passer de 'block' à 'none'.
Pour le positionnement, c'est la propriété 'position' :
http://www.allhtml.com/css/css401.php?ret=index.php
Marsh Posté le 04-05-2003 à 22:50:02
étape 2 :
ok, alors, une petite mise à jour su topic !!
voici les codes :
Code :
|
J'aimerais dinc passer à l'étape 2 qui est de faire défiler le 'div2' vers le bas pour agrandir le 'div1' et ainsi montrer mon menu, sur un onmouseover, ou sur un onclick.
Marsh Posté le 04-05-2003 à 23:06:51
Ben dans ton div1 tu rajoutes un truc du style :
onmouseover="document.getElementById('div2').style.display='block';" |
Marsh Posté le 04-05-2003 à 23:13:35
oui, ça j'avais à peu près compris, le système de display et block.
la subtilité de ce que je veux faire résidans le le fait de faire 'glisser' le sous menu vers le bas en 'étirant' le 'div1'... (cf l'image)
Marsh Posté le 04-05-2003 à 23:21:05
Ca c'est plus compliqué et je te conseille de regarder comment font les scripts similaires.
En gros il faut faire une boucle qui à chaque passage va augmenter la taille de ton div2 jusqu'à sa taille maxi.
Essaye déjà ça. On verra ensuite pour la finition.
Marsh Posté le 05-05-2003 à 00:27:17
c'est un script 'qui va augmenter la taille de ton div2 jusqu'a sa taille maxi' ou 'qui va faire descendre mon div2 jusqu'a sa position finale ??'
Marsh Posté le 05-05-2003 à 08:51:37
Heu je n'ai pas été clair ? Le plus simple est d'augmenter progressivement la taille de div2. Ca suffira à décaler les autres DIV qui sont en dessous (enfin il ne faut pas utiliser le positionnement absolu)
Marsh Posté le 05-05-2003 à 12:28:53
ok, admettons que j'agrandisse la taille de mon 'div2', si je comprend bien ce que tu veux faire c'est
agrandir le 'div2' et quand il à atteins sa taille maxi, en afficher le contenu ??
Marsh Posté le 05-05-2003 à 12:49:41
Par exemple. Ou alors afficher tout de suite le texte mais avec une bonne propriété d'overflow pour éviter qu'il ne sorte du cadre.
Marsh Posté le 05-05-2003 à 16:08:21
continue le topic ! moi meme j'essaye de creer un menu flottant
Marsh Posté le 05-05-2003 à 18:53:10
vi vi, je continu, mais j'essaye aussi de travailler... dur dur dur...
Marsh Posté le 27-04-2003 à 03:12:57
voilà, ce ci va reprendre le précédent post éffacé, amis par étape, histoire que je comprenne bien...
étape 1 :
Créer 2 div en position relative/absolue, dont l'un est le contenant de l'autre.
le premier div contient le titre du menu, le second contient les sous menus ; comme suit :
alors premières questions : comment je fait en sorte que les div soit en position relative ou absolue et comment je fait pour que les sous menu ne sois pas visible tout en forçant la taille de 'div1' ne prenne pas en compte, dans la hauteur de celui-ci, la taille que prend le texte des sous-menus de 'div2' ??
Merci @ tous et @+
Message édité par xkamui le 04-05-2003 à 22:50:36