Discussion :

[thecatz]

bonjour,

je recherche à faire la chose suivante :

J'utilise une api qui me fournit via des xml,des informations sur les articles de mon site.

Suite à cela, j'affiche les 15 meilleurs articles en php, et j'affiche aussi le nombres de personnes qui lisent l'article à l'instant t, le tout en php. Mais j'aimerais rendre la chose plus joli. Pour le moment j'ai mis des flèches verte si l'audience monte et rouge si l'audience baisse. Mais j'ai vu faire sur un site la même chose mais avec une animation jquerry.

Prenons l'exemple de 3 titres d'articles le 3eme monte son audience et alors on voit une petite animation qui le met a la place du second et ainsi de suite, pour les hausse et les baisse. et l'article passe par dessus l'autre.

J'aimerais conserver au maximum mon php et pas aller sur du ajax, ni utiliser du json,car comme on peut voir mes autres questions sur ce forum, je suis une vrai quiche.

Je n'ai pas réussi à trouver un script existant ou quelque chose qui pourrais s'en rapprocher, je suis aller sur la doc jquerry mais c assez flou pour moi, rien d’expliquer et étant un vrai novice en javascript, je viens ici si, vous pouvez m'aiguiller dans la bonne direction.

Merci

[marcbuils]

Bonjour thecatz,

Tu as l'adresse du site que tu sites en exemple ?

[NoSmoking]

Bonsoir,
il existe la méthode .animate() qui te permettra d'échanger les DIVs en question, il faudra simplement veiller à mettre les bonnes valeurs aux zIndex.

[thecatz]

le site en question est un dashboard de monitoring d'audience chartbeat :
http://chartbeat.com/demo/

on peut voir a gauche les articles en questions qui sont animés. Est il possible de m'en dire un peu plus sur la fonction animate et existe il un exemple concret qui se rapporche de mon besoin? car je suis un vrai big noob, et je suis déjà aller voir cette fonction mais il propose de exemple avec des boutons, et j'ai aps vu d'exemple avec deux divs qui passe l'une au dessus de l'autre. z-index, on parle bien css là ?

[marcbuils]

Tu peux faire une recherche sur google du type "plugin jquery slider". Je suis par exemple tombé sur ce plugin: http://codecanyon.net/item/jquery-on...4613?ref=lvraa.
Ce dernier est payant, mais en passant un peu plus de temps tu trouveras certainement ton bonheur et ça te permettra de faire ton animation beaucoup plus facilement que si tu devais la développer toi même.

Bonne recherche,

Marc