janvier
2011
Un article de Nicolas Esprit
Ce billet se veut simple : nous allons coder un peu de JQuery afin de réaliser un compteur de caractères comme sur Twitter. Bien entendu il existe déjà des contrôles tout fait qui permettent de réaliser cela sans effort, mais le but ici est d’apprendre.
Pour ce billet l’objectif est d’obtenir un compteur de caractères qui durant la saisie :
- affiche en vert le nombre de caractères restants pour atteindre la limite de 140 caractères imposée par Twitter.
- affiche en rouge, si cette limite est dépassée, le nombre de caractères en trop avec un signe négatif devant.
- peut être paramétré pour afficher le nombre total de caractères à la place du nombre restant. Avec un gestion de couleur vert/rouge si la limite est dépassée.
Avec Visual Studio 2010 les scripts JQuery sont d’office intégrés dans des projets de type Web Application par exemple. Mais pour changer un peu nous allons partir d’un projet vide donc de type « ASP.NET Empty Web Application ». Pour utiliser JQuery nous ferons appel au Content Delivery Network proposé par Microsoft. Pour plus d’informations à ce sujet, et notamment pour utiliser le CDN afin d’obtenir les scripts ASP.NET Ajax via le ScriptManager, je vous invite à consulter la documentation officielle. Pour importer JQuery depuis le CDN rien de plus simple, il faut ajouter entre les balises head : Plus…
Articles récents
- [ASP.NET MVC] De l’open source à tous les étages : Microsoft accélère le virage amorcé depuis MVC 1
- [ASP.NET] Introduction MVC 4 – Part 6 : Introduction à la notion de modèle et de validation par l’exemple
- [ASP.NET] Introduction MVC 4 – Part 5 : Introduction à la notion de contrôleur et de vue par l’exemple
- [ASP.NET] Introduction MVC 4 – Part 4 : Installation de l’environnement de développement
- [ASP.NET] Introduction MVC 4 – Part 3 : MVC c’est quoi ? Quels avantages ?
Commentaires récents
- dans [ASP.NET MVC] Les vidéos de la MvcConf disponibles !
- dans [ASP.NET MVC] Retrouvez Scott Guthrie, Scott Hanselman et Phil Haack à la MvcConf
- dans [Visual Studio 2010] Ajouter une commande pour obtenir le PublicKeyToken d’un assembly
- dans [PDC 2010] Premiers retours
- dans [PDC 2010] Premiers retours