Javascript, et du texte! [Résolu/Fermé]

Messages postés
896
Date d'inscription
samedi 26 septembre 2009
Statut
Membre
Dernière intervention
4 août 2017
- - Dernière réponse : Ben'
Messages postés
896
Date d'inscription
samedi 26 septembre 2009
Statut
Membre
Dernière intervention
4 août 2017
- 17 juin 2010 à 22:34
Bonjours à tous!

J'espère que vous allez bien en ce beau jour! (Pour ma part, il pleut!) Bref! Je voulais juste poser une question concernant le codage javascript, XHTML (HTML) etc...

J'aimerais, pour ma part, et mon contenue, créer un "morceau" de ma page, pour que celle-ci ce présente ainsi!:
Que se soit un "menu" interactif:
Je donne un exemple!

J'ai plusieurs menu en format image, disposer ainsi:

Je dispose de 4 menu verticale, le premier menu, que j'appellerais "Menu 1" est disposé sur la gauche; et le texte du menu 1, est au centre de la page. Comme ceci:
http://nsa15.casimages.com/img/2010/06/17/100617043315802024.jpg

Ont est d'accord, jusque là, aucuns soucis!

Ce que je désirerais, c'est pouvoir faire ceci:
http://nsa15.casimages.com/img/2010/06/17/100617043508635546.jpg

J'aimerais, que d'un clic sur le menu 2, qu'il bascule avec un effet de "glissement", sur la gauche avec le Menu 1, et que le texte du centre (Avec fondu ou nan), devienne celui du menu 2! Et ainsi de suite!
Visse et versa bien-sûr!

Hors, voilà, je n'ai aucune idée du code pouvant creer un tel effet!

Merci de bien vouloir m'aider =P
Afficher la suite 

3 réponses

Meilleure réponse
Messages postés
137
Date d'inscription
lundi 22 mars 2010
Statut
Contributeur
Dernière intervention
3 septembre 2014
29
2
Merci
Salut. En fait ce que tu cherches c'est accordéon horizontal.
Je pense que ce petit tuto pourrais t'être utile :
http://www.lyxia.org/...

et pour la démo :
http://www.lyxia.org/blog/wp-content/uploads/2010/05/accordeon-horizontal.html

Dire « Merci » 2

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 70306 internautes nous ont dit merci ce mois-ci

Messages postés
197
Date d'inscription
lundi 24 septembre 2007
Statut
Membre
Dernière intervention
20 janvier 2011
31
0
Merci
il faut déjà coder ta page ce cette façon :
menu1 texte1 menu2 texte2 menu3 texte3

tous l'un à côté de l'autre, après tu cache les textes avec : style="display:none;"

sur chaque menu tu mets un onclick qui appel une fonction javascript
et tu code en javascript pour qu'il affiche celui sur lequel tu as cliqué et cache tout les autres.

_________________________________________
Vu sur la porte d'un bar : "L'abus de modération, nuit gravement à la consommation"
Messages postés
896
Date d'inscription
samedi 26 septembre 2009
Statut
Membre
Dernière intervention
4 août 2017
88
0
Merci
Merci pour vos réponses à vous deux! Vous êtes très sympa ;)!

Vincebzh, merci, tu as résolu mon soucis, je vais me pencher sur ce tuto un bon moment! Tu m'a été d'un grand secours!

Merci encore ;)