11550 sujets

JavaScript, DOM et API Web HTML5

Bonjours à tous,

Je suis en train de (re)construire mon site et j'aimerai y mettre une animation mais le problème c'est que si j'en ai une idée claire, je n'ai aucune idée de ne serait-ce comment ça s'appelle.

Je m'explique :

Sur ma page d'accueil, j'ai un bouton (menu déroulant) qui contient plusieurs liens vers des sous-sections. Sous mon ancienne version, ça donne ça : http://takeaphoto.eu/ passez sur photos, reportages, etc ...

Toutefois, comme c'est "so 2000" (voir 1990) j'aimerai en changer pour mettre quelque chose comme ça : http://takeaphoto.eu/new/index.html et que lorsque l'on clique sur l'un des boutons au design affreux du milieu, on a ce genre de menu qui apparait : http://takeaphoto.eu/new/index2.html (image très moche faite sous photoshop Smiley langue )

Je recherche donc les choses suivantes (plusieurs réponses sont acceptées Smiley cligne ) :
- Si c'est possible
- Avec quoi le faire (java, html5, etc)
- Comment ça s'appelle si ca existe déjà
- Un site web qui a quelque chose de similaire (et je regarderais le code source ensuite)
- L'idéal: un script ou un plugin déjà tout prêt Smiley smile

Merci d'avance pour votre aide

PS: j'accepte aussi les scripts ou autres tutos pour faire la même chose mais en animé (html5 par exemple) avec un effet "bulle de savon" et des boutons qui flottent partout dans la balise
Oui.
Avec quoi : du javascript peut-être mais sûrement pas du java. Et HTML5/CSS3 suffit largement permettant même des transitions plutôt complexes.
Ça s'appelle toujours un menu déroulant. C'est exactement la même chose que sur ton ancien, juste avec un bloc dimensionné autrement.

A priori, t'as pas grand chose à changer de ton code précédent sinon 2 ou 3 lignes de CSS pour adapter le positionnement.
Ok super merci.

Je me doutais bien que c'était toujours un menu déroulant. Là où se pose mon interrogation (et ma limite de codage), c'est pour arriver un faire un tel menu qui reste figé une fois cliqué sur le bouton et qui comporte plusieurs colonnes.

Pas de lignes de codes déjà toutes prêtes par hasard ? Smiley lol

Merci encore pour tout.

PS: désolé pour le js, comme je suis un noob j'appelle ca du java ... ma faute Smiley smile
Si tu as un menu déroulant JS en survol, tu peux remplacer les onmouseover par onclick (et mouseover par click), ça aura donc l'effet de changement de menu au clic au lieu du survol. Pour mettre sur plusieurs colonnes, c'est en CSS que ça se passe. Un bloc en float:left par exemple qui contient les 5 premier boutons et du coup un bloc normal avec 3 autres qui se positionneront à droite comme une nouvelle colonne.