Ajax facile -> script simple pour le web 2

pagetronic · moderateur

L'Ajax permet de charger le contenu d'une page sans devoir recharger la page entière, ce qui donne un effet moderne à votre site, et le rend plus attrayant
la méthode est simple, prendre le contenu d'un fichier quelconque et le mettre à un endroit définit dans la page où s'exécute le script,
en laissant tous les styles css s'appliquer,
car cette "page" chargée fera partie intégrante du code source
d'où s'exécute le script

Un exemple ici -> forum référencement, où les dernières news, dans le module en haut à gauche se chargent justement depuis un autre fichier en "Ajax"

Testez pour 7Dragons : lorsque vous le sélectionnez dans le sélecteur "news à la carte",
cette page ce charge à l'endroit où le script l'a défini, dans la balise <div id="equi"></div> juste en dessous
J'ai ajouté quelques effets pour redimensionner cette div, mais le principe de l'ajax est là.. ..c'est tout bête, rien de compliqué

pour plus d'explication sur ce script c'est là

Charger du contenu en Ajax

pagetronic · moderateur

Faites moi un signe si ce petit tuto vous a plu Wink

salemioche · salemioche

sympa

quelle contrainte niveau client ?

d'autres idées d'utilisation ?

application pratique en SEO ? sans tomber dans le cloaking JS ?

pagetronic · moderateur

Ouais c'est sympa, léger et tout bête

ben depuis que j'ai découvert ca, j'ai envi d'en mettre de partout Very Happy

Les applications sont variées, tu peux faire de la soumission de formulaire par exemple..
L'upload d'image paraîtra plus sympa, les erreurs de formulaire moins stressante etc..
Surtout que c'est, encore une fois, vraiment simple à intégrer

Contrainte client et référencement, il faut prévoir une version en "dur" ca c'est assez chiant

pagetronic · moderateur

test un coup
-http://www.forum-foot.info/
il faut cliquer sur la date du dernier post à l'affiche en haut à gauche

Very Happy

ca pete l'Ajax Wink