Discussion :

[Solidixit]

Bonjour à tous,

Bon, je vais essayer de vous expliquer la chose le plus clairement possible.

Mon copain veut créer un site pour un ami musicien et chanteur. Seulement, c'est moi qui vais tout coder. A priori, aucun problème, seulement...

Il souhaite faire ceci sur la page :
Imaginez :
- A gauche, il y a une image.
- Au milieu, il y a le texte.
- A droite, il y a le menu.

Ce qu'il souhaite faire, c'est en fait ceci (j'espère que vous comprendrez, j'ai moi-même eu du mal à comprendre) :
Quand on clique sur un des liens dans le menu, il échange sa place avec l'image qui est à gauche au départ. Le menu et le texte disparaissent en fondu, tandis que l'image de gauche glisse vers la droite. Enfin, le menu apparaît à gauche et le texte (contenu) réapparait à sa place.

Je lui avais parlé du Flash, seulement il ne veut pas le faire avec ça, disant que tout le monde n'a pas forcément le programme pour lire ces animations et que c'est parfois lourd pour télécharger la page. Il m'a donc parlé du Javascript... Seulement, j'ai beau chercher des codes ou des indications qui pourraient ressembler à cet effet, je n'en ai trouvé aucun.

Pourriez-vous m'aider ? Est-ce qu'il est possible de faire cet effet grâce au Javascript ? Si oui, comment ? Si non, y a-t-il d'autres codes qui le permettent à part le Flash ?

D'avance, merci.
Amélie.

[RomainVALERI]

Si tu veux éviter le flash, que ce soit pour des raisons de portabilité ou de référencement, mais que tu veux quand même des effets d'ergonomie du niveau (ou presque ^^) des applications "de bureau" auxquelles l'utilisateur standard est habitué (glisser-déplacer avec ou sans tri de liste, auto-completion, effets visuels divers d'interface), jette un oeil à script.aculo.us (qui nécessite lui-même l'utilisation de l'excellente librairie Prototype), c'est très impressionnant je trouve.

Il y a des démos pour te faire une idée dans le lien que je t'ai mentionné, et quand tu auras suffisamment bavé d'envie et d'émotion (), tu pourras aller voir les docs complètes de ces API :
API Prototype
API script.aculo.us

Il y a un sous-forum consacré à ce sujet ici-même d'ailleurs... ^^
Bon dev' à toi.