Promises. jQuery AJAX. jQuery Core. jQuery Closure. jQuery File Upload. jQuery UI. jQuery Forms. jQuery Events. Learning jQuery - Tips, Techniques, Tutorials. 25 Excellent Collection Of jQuery Tutorials. Supprimer un enregistrement avec un effet de couleur (jQuery & Ajax) Afin de rendre un peu plus sympa la suppression d’un enregistrement, j’ai décidé de vous montrez comment égayer un peu tout ça avec et un peu d’ . Premièrement, on va créer une base de données pour stocker nos messages CREATE TABLE demo_supprimer_un_enregistrement_updates( msg_id INT PRIMARY KEY AUTO_INCREMENT, message TEXT); Le code contient $(« .delete_button »).click(function(){}- qui est la fonction qui nous intéresse, on lui donne l’ID du message a supprimer. ajax/libs/jquery/1.4.2/jquery.min.js" ></script> $( function () { $( ".delete_button" ).click( function () { var id = $( this ).attr( "id" ); var dataString = 'id=' + id ; var parent = $( this ).parent(); $.ajax({ type: "POST" , url: "deleteajax.php" , data: dataString, cache: false , beforeSend: function () success: function () parent.slideUp( 'slow' , function () {$( this ).remove();}); return false ; deleteajax.php contient le code qui supprime le message de la base de données.
<? Using jQuery To Leverage The OnChange Method Of Inputs. The other day, I was working on an in-line-editing style datagrid and in order to minimize the datagrid's AJAX calls (required for saving), I wanted to only save records that have been altered in some way.
At first, I started down the path of storing original values with the intent to compare them to input values on "blur" or on "focus" as needed. This got really complicated really fast. Then, it dawned on me - text inputs, like select boxes, have an onChange method that fires when the text value of a given input changes. I think that I've completely forgotten about this method. In fact, I'm not sure if I've even ever used this method before in an application (outside of the select box).
Anyway, I was so excited at how easy this made flagging rows as dirty in my datagrid, I wanted to share it in case others had completely forgotten that it existed. Astuce JQuery du jour : la fonction clone() JQuery propose par défaut des tas de fonctions super utiles mais qui sont assez peu utilisées.
J’ai découvert la fonction clone il y a peu (en jetant un oeil sur mon mémento JQuery 1.4). Tu l’as peut-être deviné, la fonction clone() permet de dupliquer un élément du DOM dans la page. Comme d’hab, je t’ai préparé une petite démo : Demo Pour mon exemple on va dupliquer une liste déroulante <select> (en fait tout le paragraphe qui le contient) pour permettre à l’utilisateur de sélectionner plusieurs catégories : Astuce JQuery : la fonction serialize () Après le précédent billet présentant la fonction clone de JQuery, j’ai décidé de te parler d’une autre fonction méconnue de JQuery : la fonction serialize.
Alors que fait-elle cette fonction ? Pour appeler serialize, il faut avoir en sélecteur un formulaire. Serialize va tout simplement retourner une chaine de caractères contenant toutes les valeurs des champs de ce formulaire. La chaine est formatée pour être envoyée en Ajax par la suite ( de type champ1=valeur1&champ2=valeur2&champ3=valeur3… ). La où la fonction serialize va être utile, c’est qu’elle permet de créer une fonction qui va permettre d’envoyer n’importe quel formulaire en Ajax avec une seule fonction. Comme d’habitude, la demo est par là :demo de la fonction serialize Admettons que l’on ajoute la classe « ajax » à tous les formulaires que l’on souhaite envoyer en Ajax : Ici, j’ai créé un formulaire d’inscription simple demandant seulement un nom et un email.
Create a Digg-style post sharing tool with jQuery. Introduction I was surfing website and searching for inspirations and I stumbled upon digg.com.
I discovered a small utility on every single post, the share link. Yes, I want to implement that, it looks cool, practical and useful! So, this tute, we are going to make a digg-style post sharing toolbox. It's all pretty straight forward and need a little bit of planning. In digg, it has mail, facebook and twitter, and we are going to fit in 2 more. Social Media Icons and Url Before we start, let me introduce your this sweet social media icons from Komodomedia.com You can download it and choose the one you want to put in the share it box. And also, here is the list of social media url list I gathered online. Planète jQuery : l'actualité jQuery, plugins jQuery et tutoriels jQuery en français.