JavaScript est un langage vnementiel. Forcment, jQuery met profit cette particularit avecune implmentation simplifie. Apprenez dans la formation ci-dessous utiliser les vnementsdirectement depuis jQuery.

jQLeadBrite("#leadplayer_video_element_536B7E337149F").leadplayer(false, "eyJnYSI6dHJ1ZSwib3ZlcmxheSI6ZmFsc2UsInBvd2VyZWRfYnkiOmZhbHNlLCJwb3dlcmVkX2J5X2xpbmsiOiJodHRwOlwvXC93d3cucHJvZ3JhbW1hdGlvbi1mYWNpbGUuY29tXC8iLCJjb2xvcjEiOiIjRjVCQjBDIiwiY29sb3IyIjoiIzE3OThDRCIsImNvbG9yMyI6IiNGNUJCMEMiLCJ0eHRfc3VibWl0IjoiUkVDRVZPSVIgISIsInR4dF9wbGF5IjoiTGVjdHVyZSIsInR4dF9lbWwiOiJSZW5zZWlnbmV6IHZvdHJlIEVtYWlsLi4uIiwidHh0X25hbWUiOiJSZW5zZWlnbmV6IHZvdHJlIFByXHUwMGU5bm9tLi4uIiwidHh0X2ludmFsaWRfZW1sIjoiU1ZQLCByZW5zZWlnbmV6IHZvdHJlIEVtYWlsLi4uIiwidHh0X2ludmFsaWRfbmFtZSI6IlNWUCwgcmVuc2VpZ25leiB2b3RyZSBQclx1MDBlOW5vbS4uLiIsImxwX3NvdXJjZSI6IldQIFBsdWdpbiAxLjQuMi4xIFVubGltaXRlZCIsImlkIjoiNTM2QjdFMzM3MTQ5RiIsIndpZHRoIjo5NDAsImhlaWdodCI6NTI5LCJ0aHVtYm5haWwiOiIiLCJ0aXRsZSI6IkNvbW1lbnQgdXRpbGlzZXIgbGVzIFx1MDBlOXZcdTAwZTluZW1lbnRzIGF2ZWMgbGUgRnJhbWV3b3JrIGpRdWVyeSIsImRlc2NyaXB0aW9uIjoiQ29tbWVudCB1dGlsaXNlciBsZXMgXHUwMGU5dlx1MDBlOW5lbWVudHMgYXZlYyBsZSBGcmFtZXdvcmsgalF1ZXJ5IiwiYXV0b3BsYXkiOmZhbHNlLCJzaG93X3RpbWVsaW5lIjp0cnVlLCJlbmFibGVfaGQiOnRydWUsIm9wdCI6ZmFsc2UsImN0YSI6eyJ0aW1lIjoiZW5kIiwiYnRleHQiOiJDbGlxdWV6IGljaSBwb3VyIFByb2ZpdGVyIGRlIGxhIFB1aXNzYW5jZSBkZXMgRnJhbWV3b3JrcyBqUXVlcnkgZXQgRG9qbyBkYW5zIHZvdHJlIERcdTAwZTl2ZWxvcHBlbWVudCAhIiwidXJsIjoiaHR0cDpcL1wvd3d3LnByb2dyYW1tYXRpb24tZmFjaWxlLmNvbVwvZm9ybWF0aW9uLWpxdWVyeS1kb2pvXC8iLCJhdXRvX2ZvbGxvdyI6ZmFsc2UsIm5ld193aW5kb3ciOmZhbHNlfSwieW0iOiJrTlhFVjQwazRLUSJ9");

1 / 3

Afficher le texte de la vido

Comment utiliser les vnements avec le Framework jQuery Bonjour tous et bienvenu surDveloppement Facile. Dans ce nouveau cours, toujours ddi au Frameworks jQuery, vousallez apprendre utiliser les vnements, il faut savoir que JavaScript c'est un langagevnementiel, il y a plusieurs vnements qui sont diffuss, il suffit de les capturer et de faireles changements voulus, c'est trs utiliser le systme d'vnementiel avec l'Ajax, l avec jQuerya va simplifier grandement l'utilisation des vnements.Gestion des vnements Commenta marche ? Si vous avez fait attention au cours prcdent, vous avez remarqu que j'utilisel'vnement click, ds que l'utilisateur clic sur un bouton, une fonction est associe ce clic, eta permet avec jQuery d'effectuer diffrentes modifications, $p.click, on associe une fonction auclic, donc ds que l'utilisateur va cliquer sur un paragraphe, si on veut on peut modifier lebackground de CSS du paragraphe, passer la police en italique, tout ce que l'on souhaite.Dblclick a associe l'vnement double clic, je dois vous avouer que dans le Web, le doubleclique est trs peu utilis, mais bon je vous donne quand mme la mthode, comme a si voussouhaitez dveloppez un site HTML 5 qui gre le double clic, vous aurez tout ce qu'il faut pourle grer. Vous avez le focus, a c'est ds que l'utilisateur, par exemple, dans un formulaire ilslectionne un champ de texte pour commencer le renseigner, l'vnement.focus est appelet aprs libre vous de faire ce que vous souhaitez dans cette fonction. Vous avez blur, unefois que l'utilisateur a rempli le formulaire, il va sortir du focus, sortir du formulaire pourslectionner autre chose, l'vnement blur se dclenche lorsque l'lment perd le focus, apeut tre par exemple avec JavaScript dans un formulaire, ds que l'utilisateur est en focus,vous pouvez vrifier ce qu'il tape en direct, ou alors on blur, ds que le formulaire perd le focus,l'lment perd le focus, il y a une fonction JavaScript qui s'excute qui vrifie si l'utilisateur arenseign correctement le champ de ce formulaire et comme a, a permet de lui afficher unmessage en direct, l'avantage de jQuery, vous accdez plus facilement cet lment l, vousinformez l'utilisateur, non ton adresse mail est mauvaise. Ca fait que votre site HTML 5 estbeaucoup plus rapide, car il n'y a pas besoin d'appuyer sur valider du formulaire qui va rappelerune autre page PHP, effectuer d'autres traitements, non, en directe, pendant que l'utilisateurtape, une fois qu'il quitte le focus, vous vrifiez ce qu'il a tap, vous lui dites tout de suite, nonpar exemple quand il renseigne un pseudo pour s'inscrire sur votre site, vous pouvez une foisqu'il y a le blur, quand l'lment blur s'est dclench qu'il tape son mot de passe, vrifiez,interrogez la base de donne de l'Ajax en direct, ah non, ce pseudo est dj utilis comme a ille modifie en direct, trs pratique. Scroll a associe une fonction l'utilisation de la barre dedfilement de l'vnement, si vous faites scroller un vnement vous pouvez associer unefonction avec jQuery et faire ce que vous souhaitez, des fois on peut faire des vnementslastiques sur le scroll, des choses comme a, vous de voir. Mousedown c'est lorsquel'utilisateur presse une touche de la souris, slectionne un lment, Mouseup c'est quand ilrelche le bouton de la souris, sur un bouton mousedown on appuie sur le bouton, mouseup onrelche le bouton et donc vous pouvez associer des fonctions ceci.Exemple d'application Jevous montre un exemple de code source, comme a, a vous parlera beaucoup mieux, alorscomme d'habitude, ne vous inquitez pas, le code source est comment donc vnementclique sur le menu, on les fait disparatre, uniquement certains, alors je recharge la page,regardez, click slide up, a va masquer la div mais uniquement sur celles qui ont la classe

2 / 3

menu, c'est pour a que le 10 et le 12 n'ont pas disparu. Le 11 il peut disparatre, mais pas dutout le 2, et si je clique sur les autres, ils disparaissent galement, parce que le clic est associuniquement aux divs avec la classe menu. Vous avez le double clic, a c'est sur le 10 et le 12,je clic une fois, il ne part pas le 12, je clic une fois il ne part pas, deux fois, il disparait. Voil, cesont des exemples, qu'est-ce que vous avez d'autre dans ce code source ? Le focus, et le blur,donc le focus, obligatoire, on affiche obligatoire, blur OK, cliquez ici, on a modave, mossave,maussades, moldaves, maussades, clic et donc l on peut faire dfiler le texte et vous voyez onaffiche un message, vous utilisez la barre de dfilement.Votre plan d'actions ! C'est unexemple tout simple o chaque fois, input mail, la balise input avec l'Id mail, qui est ici, onassocie chaque fois qu'il y a un vnement, on associe des modifications. Je vous invite tudier le code source de votre ct, le tester, le modifier, l'implmenter dans votre HTML 5,comme d'habitude, vous pouvez tlcharger le code complet sous ce cours vido, si vous avezdes questions posez-les sous ce cours vido galement, et moi je trs bientt surDveloppement Facile.

Tlchargez l'exemple jQuery

Et voici l'exemple de code source accompagnant le cours.

Downloads

Exemple avec les vnements jQuery

Code JavaScript comment pour utiliser les vnements avec jQuery. Il y a galementla version jquery-1.11.0.min.js.

Comment avez-vous implment des vnements jQuery

Utilisez les commentaires, pour me dire quels types d'vnements (double click par exemple) etpour quelles fonctionnalits, vous avez utilis jQuery.Comment utiliser les vnements avec leFramework jQuery

Powered by TCPDF (www.tcpdf.org)

3 / 3

http://www.programmation-facile.com/wp-content/uploads/2014/05/11-evenements-jquery.ziphttp://www.programmation-facile.com/wp-content/uploads/2014/05/11-evenements-jquery.ziphttp://www.programmation-facile.com/evenements-framework-jquery/http://www.programmation-facile.com/evenements-framework-jquery/http://www.tcpdf.org