Comment ce type à fait ça ???

Comment ce type à fait ça ??? - Programmation

Marsh Posté le 07-01-2002 à 14:58:51    

http://www.pwdesign.com
 
Après la page d'intro, il y a sur le coté un sommaire nommé "Quicklink" et quand on clique sur une catégorie les liens correspondant s'affiche en dessous en decalant tout le reste plus bas...
 
C'est des calques ? si oui ou non, de toutes façons, je vois pas comment on peut faire ça... Vous pouvez m'expliquer ?


---------------
[:idee] Tu t'ennuies ? www.pagepardefaut.com : jeux online, anims flash et sites insolites...
Reply

Marsh Posté le 07-01-2002 à 14:58:51   

Reply

Marsh Posté le 07-01-2002 à 15:01:57    

//-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" ;
                    imgIcon.src = "../images/bottom.gif" ;
                } else {
                    objElement.style.display = "none" ;
                    imgIcon.src = "../images/left.gif" ;
                }
            }

Reply

Marsh Posté le 07-01-2002 à 15:31:29    

k666 a écrit a écrit :

//-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" ;
                    imgIcon.src = "../images/bottom.gif" ;
                } else {
                    objElement.style.display = "none" ;
                    imgIcon.src = "../images/left.gif" ;
                }
            }  




 
je comprends pas  :cry:  
 
C est du javascript ça ? Mais comment il gére les liens qui doivent apparaitre en dessous ?


---------------
[:idee] Tu t'ennuies ? www.pagepardefaut.com : jeux online, anims flash et sites insolites...
Reply

Marsh Posté le 07-01-2002 à 15:33:01    

ah ca y est j ai vu.. C est que du javascript trop dur pour moi :(


---------------
[:idee] Tu t'ennuies ? www.pagepardefaut.com : jeux online, anims flash et sites insolites...
Reply

Marsh Posté le 07-01-2002 à 15:43:28    

meuhnon c pas dur,
fo ke tu aies de l'espoir...

Reply

Marsh Posté le 07-01-2002 à 16:37:43    

En fait il utilise la technologie DOM qui est le dernier cri en matière de DHTML.
 
objElement = objElement.children[1];
objElement = objElement.childNodes[2];  
 
Cela fait référence au nouvel axiome du DHTML induit par DOM qui dit que : 'Tous les éléments de la page sont des objets hiérarchisés appelés "node"'.
 
Et donc on peut les faire intéragir entre eux par des relations de parents/enfants... ici par exemple le parent c'est la rubrique et l'enfant c'est la sous rubrique. La sous-rubrique n'apparait que si tu cliques sur la rubrique.
 
C'est vraiment très puissant, mais bon personnellement je me contente d'une utilisation plus simple des calques...
 
Si ça t'interesse j'ai le cours (en powerpoint) de mon prof de multimédia qui traite du sujet, envoie-moi un mail...
 
A+

Reply

Marsh Posté le 07-01-2002 à 16:54:28    

Roco a écrit a écrit :

Si ça t'interesse j'ai le cours (en powerpoint) de mon prof de multimédia qui traite du sujet, envoie-moi un mail...




 
ah oui thekeke@hotmail.com :) merci !
 
C'est compatible netscape et tout ?


---------------
[:idee] Tu t'ennuies ? www.pagepardefaut.com : jeux online, anims flash et sites insolites...
Reply

Sujets relatifs:

Leave a Replay

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