alt
Input type file, esthétisme, drop box
L’élément de formulaire input de type fichier file n’est pas stylisable et est considéré comme laid à la fois par les utilisateurs et les développeurs. Il est néanmoins possible...
alt
Générer un nicename unique pour wordPress
On peut avoir besoin dans wordPress de générer un nicename unique lorsque l’on importe ou que l’on ajoute un utilisateur. Voici une petite fonction qui assainit une chaîne (par...
alt
Snippets en javaScript et jQuery
Déclencher l’événement DOMContentLoaded const DOMContentLoaded = new Event('DOMContentLoaded'); document.dispatchEvent(DOMContentLoaded); 12 const DOMContentLoaded = new Event('DOMContentLoaded');document.dispatchEvent(DOMContentLoaded); String interpolation ${} Pour mettre la première lettre d’un mot en majuscule, on utilise...
alt
Ajuster un input avec un label inline pour s’adapter en largeur
Démo : Input qui s’adapte à toute la largeur du bloc avec un label inline. Nom : Adresse de messagerie : Site web : Les labels sont des blocs...
alt
Options d’une extension Chrome
Pour permettre aux utilisateurs de personnaliser le comportement d’une extension Chrome, on voudra peut-être fournir une page d’options. On peut le faire dans une page d’options accessible par un clic droit...
alt
Ajouter un titre à un <select>
Un <select> normal: SydneyMelbourneCromwellQueenstown <select> <option value="sydney">Sydney</option> <option value="melbourne">Melbourne</option> <option value="cromwell">Cromwell</option> <option value="queenstown">Queenstown</option> </select> 123456 <select> <option value="sydney">Sydney</option> <option value="melbourne">Melbourne</option> <option value="cromwell">Cromwell</option> <option value="queenstown">Queenstown</option></select> Un <select> avec un titre...
alt
Ajuster la taille d’un input
On peut vouloir ajuster la taille d’un input si l’entrée est plus longue que le cadre affiché. Taper une longue phrase dans l’input suivant : Entrer un texte :...
alt
La propriété CSS box-sizing
Par défaut, le navigateur calcule la largeur/hauteur d’une boite (div) sur le contenu (content-box). Cela amène des difficultés, lorsque l’on a un padding (marge intérieure) non-nul et une bordure....
Plugin jQuery: Que des nombres dans un champ Input, validation avec entrée
Pour faciliter l’entrée de valeurs uniquement numériques dans un champ input number et permettre la validation avec la touche entrée, voici un petit plugin jQuery à appliquer sur le...