décembre 2014

Le CSS nous permet d'ajouter un ou plusieurs caractères avant ou après un élément HTML. Ceci sera réalisé avec la règle CSS content appliquée dans un sélecteur :before ou :after.

Une utilisation typique de content : personnaliser l'affichage d'une liste à puces. On définit une règle indiquant qu'il n'y a pas de puce puis on ajoute un caractère de notre choix devant chacun des éléments de la liste.

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 différentes écoles de pensées à ce sujet. Une chose est certaine : si le code JavaScript doit être utilisé sur plus d'une page Web, l'utilisation d'un fichier .js permettra de ne l'écrire qu'une seule fois.

Dans tous les cas, ce sont les balises <script> et </script> qui indiqueront au navigateur que le code qu'elles contiennent est un script. 

Mais où doit-on placer ces balises ? C'est ce que nous allons voir.

Avec jQuery, la méthode .dialog() permet de transformer une simple division en boîte de dialogue, aussi appelée popup.

La boîte de dialogue peut se décliner en différentes versions :

• boîte avec un bouton OK;
• boîte avec des boutons qui mèneront à différentes actions, comme par exemple une boîte de confirmation avec un bouton Oui qui mène à la suppression d'un enregistrement et un bouton Non qui annule l'opération;
• boîte qui s'affiche pendant quelques secondes avant de disparaître;
• boîte qui apparaît quand on passe la souris sur un élément et qui disparaît quand la souris quitte cet élément;
• etc.

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 supportent le contrôle de calendrier de HTML 5, jQuery offre un datepicker qui s'occupe de ce travail.

Voyons comment intégrer ce contrôle dans un formulaire Web.