Javascript, et du texte!

Résolu/Fermé
Ben' Messages postés 877 Date d'inscription samedi 26 septembre 2009 Statut Membre Dernière intervention 4 août 2017 - 17 juin 2010 à 16:36
Ben' Messages postés 877 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

3 réponses

vincebzh Messages postés 137 Date d'inscription lundi 22 mars 2010 Statut Contributeur Dernière intervention 7 mai 2013 29
Modifié par vincebzh le 17/06/2010 à 23:53
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
2
Xima Messages postés 196 Date d'inscription lundi 24 septembre 2007 Statut Membre Dernière intervention 20 janvier 2011 30
17 juin 2010 à 19:36
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"
0
Ben' Messages postés 877 Date d'inscription samedi 26 septembre 2009 Statut Membre Dernière intervention 4 août 2017 142
17 juin 2010 à 22:34
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 ;)
0