Utiliser jQuery et jQuery UI dans un thème ou dans une extension
L'API de WordPress charge la bibliothèque jQuery dans le site Web et dans le tableau de bord. Le code que vous écrivez peut donc utiliser jQuery sans avoir à charger cette bibliothèque, moyennant...
View ArticleValider un formulaire côté client
La validation d'un formulaire Web côté client est essentielle. C'est elle qui permet d'informer l'usager le plus rapidement lorsqu'il entre des informations invalides. En fait, les éléments visuels...
View ArticleFonctionnement de jQuery.ajax()
Grâce à AJAX, il est possible d'exécuter du code serveur (ex : PHP ou C#) à partir d'un appel JavaScript. Ce code peut effectuer n'importe quelle tâche côté serveur pour répondre à nos besoins :...
View ArticleJSON : un format léger pour échanger des informations par AJAX
JSON (JavaScript Object Notation) est un format de données indépendant du langage de programmation. Comme il est léger et structuré, il est avantageux de l'utiliser lors de requête AJAX. Le format XML...
View ArticleCréer des raccourcis-clavier avec jQuery
jQuery nous permet de réagir à une touche au clavier grâce aux fonctions keyup(), keydown() et keypress(). Il est même possible de réagir différemment à une touche en fonction de l'endroit où le focus...
View ArticleListe déroulante en lecture seule
Dans un formulaire HTML, il est possible de placer certains contrôles en lecture seule afin d'éviter qu'ils soient modifiés par l'usager. Par exemple, les boîtes de saisie textuelle (<input...
View ArticleASP.NET : focus par défaut sur un contrôle de saisie
Vous est-il déjà arrivé d'ouvrir une page Web présentant un formulaire et de commencer à taper... sans que rien ne se passe ? Si oui, c'est probablement que le focus n'avait pas été donné par défaut au...
View ArticleModifier une liste déroulante (balise select) pour qu’elle soit en lecture seule
Les attributs readonly et disabled sont utiles pour désactiver un contrôle de formulaire HTML, avec ou sans la possibilité de donner le focus au contrôle. Malheureusement, pour empêcher la modification...
View ArticleQuelques validations avec HTML5, jQuery et ASP.NET
La validation est un aspect important de la programmation d'un formulaire Web. La validation doit comprendre trois volets : Dès que l'usager voit le formulaire, il doit connaître les éléments de...
View ArticleOù placer les instructions JavaScript ?
Les instructions JavaScript, avec ou sans jQuery, peuvent être écrites directement dans la page Web. Elles peuvent également être placées dans un fichier .js. Quelle approche est préférable ? Il y a...
View ArticlePopup avec jQuery : .dialog()
Avec jQuery, la méthode .dialog() permet de transformer une simple division en boîte de dialogue. Il peut s'agir d'une simple boîte avec un bouton OK ou encore d'une boîte avec des boutons qui mèneront...
View ArticleContrôle de calendrier avec jQuery
Lorsqu'un site Web doit saisir une date, le travail des internautes et le travail de validation du formulaire seront facilités par l'affichage d'un calendrier. En attendant que tous les navigateurs...
View ArticleLes sélecteurs jQuery
Dans mon article précédent sur le DOM (Document Object Model), j'ai expliqué comment le DOM permet de manipuler les éléments HTML dynamiquement à l'aide de JavaScript. jQuery permet lui aussi...
View ArticleLe DOM (Document object Model)
Lorsqu'un navigateur charge une page Web, une des premières opérations qu'il effectue consiste à charger le DOM (Document Object Model). Le DOM est une représentation objet des balises HTML de la page....
View Article$(document).ready(function () { … }); ou $(function () { … });
Lorsqu'on veut effectuer des opérations sur les éléments d'une page Web côté client, il est important de s'assurer d'abord que les objets Javascript permettant d'effectuer de telles manipulations...
View ArticleComment intégrer jQuery sur une page Web
Depuis quelques années, les sites Web utilisent de plus en plus de fonctionnalités exécutées côté client, codées la plupart du temps en Javascript et en jQuery. Ceci permet d'augmenter l'interactivité...
View Article