Evenement change

exemples/evenements-2/contenu.html

@@ -0,0 +1,14 @@
+<h5>Evenement change sur input "text"</h5>
+<p>A noter que cet évènement n'a lieu, pour un input de type "text", que si on enlève le focus du champ de texte (en pressant Tab ou en cliquant en dehors).</p>
+<input type="text" id="events2-change-text" />
+<div id="events2-notification-text" style="color:green;"></div>
+
+
+<h5>Evenement change sur input "radio"</h5>
+<p>PC ou Mac ?</p>
+<input id="radio1" type="radio" name="events2-change-radio" value="PC" />
+<label for="radio1">PC ! J'aime bien les bugs de Windows !</label>
+<br>
+<input id="radio2" type="radio" name="events2-change-radio" value="Mac" />
+<label for="radio2">Mac ! J'aime bien payer des accessoires à 50€.</label>
+<div id="events2-notification-radio" style="color:green;"></div>

exemples/evenements-2/script.js

@@ -0,0 +1,14 @@
+// Gestion de l'évènement change
+$('#events2-change-text').change(function(e) {
+    $('#events2-notification-text').html(
+        'Nouvelle valeur : ' +
+        $(this).val()
+    );
+});
+
+$('input[type="radio"][name="events2-change-radio"]').change(function(e) {
+    console.log($(this));
+    $('#events2-notification-radio').html(
+        'Vous avez choisi : ' + $(this).val()
+    );
+});

exemples/liste.json

@@ -6,7 +6,5 @@
   { "slug": "selecteurs-filtres", "title": "Sélecteurs : filtres" },
   { "slug": "selecteurs-filtres-2", "title": "Sélecteurs : filtres 2" },
   { "slug": "evenements-1", "title": "Evènements 1" },
-  { "slug": "evenements-2", "title": "Evènements 2" },
-  { "slug": "pouet", "title": "Pouet" },
-  { "slug": "pouet-2", "title": "Pouet 2" }
+  { "slug": "evenements-2", "title": "Evènements 2" }
 ]