Bonjour ,

Pour donner une peau neuve à mon site j'aimerai y intégrer un menu comme celui que l'on peut voir sur :

Tom'sGuide

et plus précisément au niveau de l'affichage des actualités.

Je ne sais pas vraiment par ou commencer je suppose qu'une dose d'Ajax y est utilisé.

Si quelqu'un pouvait me mettre sur la voie

Merci

php pas AJAX...
AJAX=php + javascript

Ce qui m'intéresse surtout c'est l'effet de transition entre les différentes pages des articles.
C'est bien de l'Ajax non ?

non pas forcement, sa peut etre un apelle en post (classique), sauf que le chargement de la page peut etre agrémenté par des bibliotheque javascript, comme scriptaculos ou autre...

imaginons, tu crée ta page web avec tout tes elements avec display à none;
au onLoad de ta page, tu anime chaque elements grace a scriptaculos.
et voila tu pourra réaliser toute les transition que tu souhete

et pour xavierm02, ajax = javascript + language coter serveur, sa peut etre du php comme du coldfusion, ou tout aussi bien de l'asp ou aspx et y'en a plein d'autre

Citation : xavierm02

php pas AJAX...
AJAX=php + javascript

non, AJAX, c'est javacript qui fait une requète HTTP en mode asynchrone (qui bloque pas le navigateur) ça n'a rien a voir avec php. Je peux faire de l'ajax avec phyton ou (même si c'est débile) du C, du pascal, du brainfuck...

L'effet de transition n'a rien a voir avec l'ajax (putain de vocabulaire). C'est juste du DHTML. Faut tripatouiller un peu le script mais tu peux le faire à partir de ça : http://docs.jquery.com/UI/Effects/Drop

J'ai enfin réussi à faire ce que je voulais, enfin presque
Je dis presque parce que je n'est pas réussi à intégrer exactement l'effet utilisé sur tom's guide celui que j'utilise est un effet de disparition et apparition en fondu.

Au final j'ai donc utilisé la librairie scriptaculous + javascript + php.

Dés que mon site sera fini je n'oublierai pas de poster le lien pour voir concrètement à quoi cela ressemble.

Merci à ceux qui ont répondu à mon problème .

Comme promis je vous donne le lien de mon site afin de vous rendre compte de ce que je voulais intégrer au niveau de l'affichage des news

Les petits bouchons de Lolita

et voici le post dans le forum qui présente mon projet

http://www.siteduzero.com/forum-83-357 [...] e-lolita.html

N'hésitez pas à me faire part de vos remarques

Merci

Je te conseille de jouer sur la propriété "visiblility" (visible/hidden) plutôt que sur display, pour les liens "suivant" et "précédent".
La différence : si tu masques un élément en lui mettant "visibility: hidden", il est invisible mais la place dans le flux n'est pas libérée. En clair : l'espace où il se trouve reste vide. Ainsi, tu éviteras d'avoir des liens "suivant" et "précédent" qui se baladent quand l'un des deux disparait.

et de mettre un return false; au "onclick" ou mettre comme adresse du lien "#nogo"

J'ai un écran pas haut et c'est chiant d'être renvoyé au début quand on clique sur suivant et précedent

J'ai appliqué le

"#nogo"

.
Par contre je rencontre un probléme avec ce bout de code :

div.style.visibility  ="hidden ";

il ne fonctionne pas sous IE7.

Une idée ?

Pourquoi un espace après hidden ?

Merci à toi Elias
C'était bien cette espace du à une faute de frappe qui était à l'origine du dysfonctionnement sur IE7.