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 jQueryMenu déroulant en jQuery
Dans ce tuto en vidéo, vous verrez comment réaliser un menu…

Réalisation d'un slideshow Réalisation d'un slideshow…
Dans ce tuto jQuery gratuit, nous allons apprendre à réaliser…

Créer une bannière animée comme dans iTunesCréer une bannière animée…
Dans ce tuto vidéo, vous découvrirez comment créer une bannière…

Plugin Jquery placeholderPlugin Jquery placeholder
Dans ce tuto Jquery en vidéo, vous verrez comment utiliser…

Créer une bannière animée comme dans iTunesCréer une bannière animée…
Dans ce tuto vidéo, vous découvrirez comment créer une bannière…

Formulaire de contact AJAX avec PHP et JqueryFormulaire de contact AJAX…
Dans ce tuto AJAX en vidéo, nous réaliserons un formulaire…

Styliser un formulaire avec CSS3 et validation en JqueryStyliser un formulaire avec…
 Dans ce tuto CSS et Jquery, nous verrons comment styliser…

Système de commentaires avancé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 :

Partagez cet extrait

Lien vers cet extrait : Embed code :

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 siteAjouter 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 htmlUtilisez 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 !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)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…

voir tous les tuto de mr32

Notes attribuées par les utilisateurs (15 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (22)

par bulsaraà voté :
(a téléchargé ce tuto - 08 avril 2012)

" Vraiment sympa comme méthode d'apprentissage, juste ce que je recherchais "

par vanzà voté :
(a téléchargé ce tuto - 28 mars 2012)

" Explications claires et complets, merci à l'auteur. "

par sebpolokà voté :
(a téléchargé ce tuto - 22 février 2012)

" merci ! "

par mr32
(auteur de ce tuto - 18 janvier 2012)

" Avez-vous regardé les conseils ci-dessous ? Firebug, Connexion MySQL, etc... "

par sagard88
(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 "

par equichevalà voté :
(a téléchargé ce tuto - 31 décembre 2011)

" Très bon ! "

par kotshiroà voté :
(a téléchargé ce tuto - 16 septembre 2011)

" bravo super boulot :-) "

par kotshiroà voté :
(a téléchargé ce tuto - 16 septembre 2011)

" super merci "

par Arkos75à voté :
(a téléchargé ce tuto - 17 mai 2011)

" Super boulot, super tuto !
"

par petitevero
(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/ "

par mr32
(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'); "

par petitevero
(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'); "

par mr32
(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. "

par kevingbà voté :
(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. "

par mr32
(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 ) "

par kevingbà voté :
(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 "

par mr32
(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 :-) "

par robert5679
(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. "

par thedarwinà voté :
(a téléchargé ce tuto - 02 janvier 2011)

" Super Tuto pour faire ça facilement, MR32 explique tjs aussi bien ! "

par polen09
(a téléchargé ce tuto - 29 décembre 2010)

" Oui c'est Ok :) "

par mr32
(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 :-) "

par polen09
(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 :( "

 

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.

N'hésitez pas à nous contacter si vous avez la moindre question !