Je cherche un tutoriel ajax ultra simple pour débile

[webmasterdemonsite]

bonjour

je me rend compte qu'il va falloir que je comprenne l'ajax pour l'utiliser

j'ai trouvé des tutoriels du genre:

http://www.siteduzero.com/tutoriel-3-4745-ajax-et-l-echange-de-donnees ... cript.html

mais c'est déjà bien trop compliqué pour mes petits neurones...

j'ai compris les mecanismes mais je cherche un tutoriel ultra simple pour faire des trucs dans le genre:

afficher le rendu d'un fichier php dans une div en utilisant ajax...

un coup de pouce pour un nul en AJAX?

bonne journée

 

[nickargall]

Fais comme moi : prends une librairie qui contienne déjà ce genre de fonctionnalités.
Pour ma part, j'ai notamment utilisé la librairie "prototype.js" (trouvable très facilement en ligne) , qui contient notamment des fonctions toutes faites pour réaliser les principales actions en Ajax. Et du coup ca facilite la vie.

 

[webmasterdemonsite]

merci...me reste plus qu'à trouver un tuto simple pour prototype.js

 

[UsagiYojimbo]

+1 Nickargall. Et dans le genre il y a aussi jQUery, très bien fichu également.

Sinon tu as quelques bons tutos (comme d'hab) ici : http://ajax.developpez.com/cours/

 

[spout]

Avec jQuery et la fonction load() easy game pour remplir un div via AJAX
Documentation/exemples ici: http://visualjquery.com/

 

[nicolas.laruelle]

Moi je te conseillerais d'apprendre un peu Jquery (quelques effets de fondu fade, défilement slide...).

Expliqué très simplement ici : http://jquery.developpeur-web2.com/

...dans le but de te familiarisé très vite avec la syntaxe de la librairie.

Et ensuite, cherche :
https://www.google.be/search?hl=fr&q=ajax+jquery+post

C'est le plus simple à mon avis pour faire de l'ajax. Il suffit de créer une page PHP avec tes fonction, et de demande à Jquery/Javascript de les exécuter quand tu veux.

 

[Babylon]

Sinon en plus simple encore il y a aussi Xajax.
http://www.siteduzero.com/tutoriel-3-36169-xajax-applications-ajax-fac ... xajax.html
et ici pour le site du projet http://xajaxproject.org/

 

[webmasterdemonsite]

merci pour vos conseils ;-)

pfff...ca va pas etre simple...

en fait ce que je cherche à faire (avec ou sans ajax) c'est ceci

j'ai plein de div (environ 50) contenant des images à placer sur ma page

suivant l'action de l'internaute on affiche de nouvelles div aux meme endroits mais contenants d'autres images et ceci très frequement

j'ai pensé don à l'ajax...mais je sens bien que je vais pas mal galérer....

alors, ajax ou pas ajax?

encore merci

bon w end

 

[nicolas.laruelle]

C'est fait en 15 minutes avec la piste que je t'ai donnée...

La librairie Xajax et le tuto du siteduzero je connais et je les ais fais, mais c'est milles fois plus compliquer que d'utiliser la méthode post de jquery, enfin à mon avis :roll:

 

[webmasterdemonsite]

C'est fait en 15 minutes avec la piste que je t'ai donnée...

La librairie Xajax et le tuto du siteduzero je connais et je les ais fais, mais c'est milles fois plus compliquer que d'utiliser la méthode post de jquery, enfin à mon avis :roll:

merci je vais tester les 2 ;-)

bon week end

 

[ludoanimation]

Et pourquoi pas aprendre a utiliser XMLHttpRequest tout simplement

Ce que tu veux faire requiert moins de 50 lignes de JS , alors qu'en utilisant prototype ou jquery ou autre librairie tu fait charger environ 80K de plus a tes visiteurs a chaque fois.

et puis n'est pas mieux de comprendre que d'utiliser une "boite noire" qui dit papa maman ?

 

[rudddy]

jquery je m'y suis mis il y a 3 mois j'en rafolle maintenant !

 

[UsagiYojimbo]

Pareil que rudddy, mais me concernant c'est plutôt prototype

 

[webmasterdemonsite]

bonjour

Et pourquoi pas aprendre a utiliser XMLHttpRequest tout simplement

Ce que tu veux faire requiert moins de 50 lignes de JS , alors qu'en utilisant prototype ou jquery ou autre librairie tu fait charger environ 80K de plus a tes visiteurs a chaque fois.

et puis n'est pas mieux de comprendre que d'utiliser une "boite noire" qui dit papa maman ?

ca y est...ouf j'ai implementer un l'ajax...

me reste un probleme de detection de javascript :arrow: https://www.webrankinfo.com/forum/t/detection-javascript.117702/

 

[aladdin]

+1 pour JQuery