Dans ce tuto jQuery, vous découvrirez comment recréer un lien « J’aime » à la façon Facebook avec le framework gratuit jQuery. L'exemple donné peut s'adapter très facilement sur vos pages web déjà existantes en modifiant très légèrement votre code source.
Les objectifs pédagogiques de ce tuto :
- Installer et débuter avec jQuery
- Manipuler les classes et les styles avec jQuery
- Attribuer des évènements par lot d’éléments HTML
- Comprendre les méthodes AJAX avec jQuery (lecture et écriture notamment avec PHP/MySQL)
- Utiliser la programmation orientée objet en Javascript
Une archive zip est fournie contenant l’exemple complet (sources: JS, HTML, PHP, et SQL).
Jetez un oeil à ces autres tuto jQuery, Ajax
Menu déroulant en jQuery
Dans ce tuto en vidéo, vous verrez comment réaliser un menu…
Réalisation d'un slideshow…
Dans ce tuto jQuery gratuit, nous allons apprendre à réaliser…
Créer une bannière animée…
Dans ce tuto vidéo, vous découvrirez comment créer une bannière…
Plugin Jquery placeholder
Dans ce tuto Jquery en vidéo, vous verrez comment utiliser…
Créer une bannière animée…
Dans ce tuto vidéo, vous découvrirez comment créer une bannière…
Formulaire de contact AJAX…
Dans ce tuto AJAX en vidéo, nous réaliserons un formulaire…
Styliser un formulaire avec…
Dans ce tuto CSS et Jquery, nous verrons comment styliser…
Système de commentaires avancé…
Dans ce tuto PHP en vidéo, nous verrons comment réaliser…
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto jQuery, Ajax de 26 minutes est proposée dans une résolution plus grande que l’extrait suivant :
mr32
, Formateur
Développeur dans une agence de communication bien connue sur le web, et entouré de graphistes avec une imagination démesurée... j'essaye de concilier au mieux technique et graphisme dans les développements web et iPhone...
En savoir plus sur mr32
Témoignage des clients de mr32
![]()
Toujours de très bon tutos !
![]()
Un excellent pédagogue, de très bons thèmes de tutos : formateur à suivre !
![]()
Super Tuto ! Très bien expliqué, les exemples aussi sont très bien !
D'autres tuto de mr32
Ajouter des flocons de neige sur votre site
Dans ce tuto Javascript, vous découvrirez comment scripter rapidement et facilement…
Utilisez n'importe quelle font/police dans vos pages html
Dans ce tuto CSS, vous découvrirez comment utiliser facilement n'importe quelle police…
Créez facilement une loupe en Javascript avec Mootools !
Dans ce tuto Javascript, vous découvrirez comment créer sans grande connaissance une…
Les expressions régulières expliquées simplement (Regex)
Dans ce tuto PHP,vous découvrirez les bases des expressions régulières (regex), ou…
Notes attribuées par les utilisateurs (15 votes)
Les avis / Questions des utilisateurs (22)
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto jQuery, Ajax d’une durée de 26 minutes a été téléchargé 783 fois et a reçu une note moyenne de 5/5.
Ce tuto a été publié le 28 décembre 2010 par mr32, contributeur, ayant reçu une note moyenne de 4,6/5 pour l’ensemble de ses vidéos.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.












(a téléchargé ce tuto - 08 avril 2012)
" Vraiment sympa comme méthode d'apprentissage, juste ce que je recherchais "
(a téléchargé ce tuto - 28 mars 2012)
" Explications claires et complets, merci à l'auteur. "
(a téléchargé ce tuto - 22 février 2012)
" merci ! "
(auteur de ce tuto - 18 janvier 2012)
" Avez-vous regardé les conseils ci-dessous ? Firebug, Connexion MySQL, etc... "
(a téléchargé ce tuto - 13 janvier 2012)
" bonjour,
J'ai toujours -1 personne.. je sais pas de quoi ça vient.
J'ai bien verifié ma connexion à la base mais rien n'y fait, toujours ce -1 et rien dans ma base..
Qui peut m'aider? merci "
(a téléchargé ce tuto - 31 décembre 2011)
" Très bon ! "
(a téléchargé ce tuto - 16 septembre 2011)
" bravo super boulot :-) "
(a téléchargé ce tuto - 16 septembre 2011)
" super merci "
(a téléchargé ce tuto - 17 mai 2011)
" Super boulot, super tuto !
"
(a téléchargé ce tuto - 01 mars 2011)
" Wow!!! Merci beaucoup!!! Mon bouton fonctionne à merveille! Ce bouton est génial!
http://paul-andre.freehostia.com/ "
(auteur de ce tuto - 01 mars 2011)
" Le plus important est de bien régler la ligne suivante selon votre serveur MySQL :
$mysqli = new mysqli('HOTE', 'UTILISATEUR', 'MOT DE PASSE', 'BASE');
Exemple:
$mysqli = new mysqli('localhost', 'root', '123456', 'bases'); "
(a téléchargé ce tuto - 01 mars 2011)
" Bonjour, merci pour ce tuto j'ai bien hâte que ce bouton fonctionne! Dans le fichier jaime.php, dois-je écrire quelque chose ici, si oui pouvez-vous me l'indiquer exactement s.v.p. :
// Connexion a la DB
$mysqli = new mysqli('localhost', 'root', 'root', 'al'
et ici, quoi écrire?
// Traitement des POST
if(!isset($_POST['cle'])) {
header('Location: ./');
die('-1'); "
(auteur de ce tuto - 22 février 2011)
" Je prends bonne note de votre demande ;-)
Et j'essayerai de faire prochainement un tuto qui abordera aussi ce point. "
(a téléchargé ce tuto - 21 février 2011)
" Pouvez vous nous rajouter un tutos pour bloquer les j'aimes avec l'ip ? Merci à vous. "
(auteur de ce tuto - 18 février 2011)
" Le ZIP contient déjà ce système mais la ligne est commentée ( jaime.php - ligne 29 ) "
(a téléchargé ce tuto - 17 février 2011)
" Pouvez vous faire exactement le même script, mais en ajoutant que on peut aimer qu'une seule fois (IP) . Merci à vous !
www.deejaymorendeler.x10.bz "
(auteur de ce tuto - 01 février 2011)
" As-tu bien installé un serveur APACHE/PHP/MySQL ?
As-tu bien créé ta table avec le fichier SQL join dans l'archive ?
As-tu bien configuré la connexion MySQL dans le fichier PHP ?
As-tu regardé ce que Firebug (plugin Firefox) retourné lors de la requête AJAX ?
As-tu ... bon c'est déjà pas mal :-) "
(a téléchargé ce tuto - 31 janvier 2011)
" Ca ne marche pas chez moi, je tombe toujours dans la condition if(isNaN(votes)) {votes = '-1';} du fichier jaime.js :( Je suis vraiment perdu, je ne sais pas quoi faire. "
(a téléchargé ce tuto - 02 janvier 2011)
" Super Tuto pour faire ça facilement, MR32 explique tjs aussi bien ! "
(a téléchargé ce tuto - 29 décembre 2010)
" Oui c'est Ok :) "
(auteur de ce tuto - 28 décembre 2010)
" Il y a dû avoir un petit soucis lors de la soumission de la vidéo... ça doit être bon à présent :-) "
(a téléchargé ce tuto - 28 décembre 2010)
" Très bien comme tuto cela m'a permis de connaître l'auteur.
Par contre il parle d'un fichier joint mais malheureusement il ne semble pas y être en téléchargement :( "