Extraits de code 2025, Février

Gestion moderne des événements - Astuces CSS

Gestion moderne des événements - Astuces CSS

C'est mieux que de faire l'événement traditionnel "window.onload", car il peut attacher plusieurs gestionnaires d'événements à un seul événement et ils sont tous appelés. "

Éclaircir / Assombrir la couleur - Astuces CSS

Éclaircir / Assombrir la couleur - Astuces CSS

Les préprocesseurs CSS Sass et Less peuvent prendre n'importe quelle couleur et l'assombrir () ou l'éclaircir () d'une valeur spécifique. Mais aucune capacité de ce type n'est intégrée à JavaScript. "

Déplacer le curseur à la fin de l'entrée - Astuces CSS

Déplacer le curseur à la fin de l'entrée - Astuces CSS

Où el est une référence à une zone d'entrée ou de texte. function moveCursorToEnd (el) (if (typeof el.selectionStart == "nombre") (el.selectionStart = "

Variables de chaîne multiligne dans JavaScript - Astuces CSS

Variables de chaîne multiligne dans JavaScript - Astuces CSS

Cela fonctionne: var htmlString = "Ceci est une chaîne."; Cela échoue: var htmlSTring = "Ceci est une chaîne."; Cela est parfois souhaitable pour la lisibilité. Ajouter"

Faire fonctionner les éléments HTML5 dans l'ancien IE - Astuces CSS

Faire fonctionner les éléments HTML5 dans l'ancien IE - Astuces CSS

Pour que le DOM (et donc CSS) les reconnaisse comme des éléments réels: (function () (if (! / * @ Cc_on! @ * / 0) return; var e = "

Boucle sur querySelectorAll Matches - Astuces CSS

Boucle sur querySelectorAll Matches - Astuces CSS

Examinons quelques options pour itérer sur une NodeList, lorsque vous revenez d'exécuter un document.querySelectorAll. Nous avons rédigé un article mis à jour sur "

Boucle à travers la baie sans recherches inutiles - Astuces CSS

Boucle à travers la baie sans recherches inutiles - Astuces CSS

Trouvez la longueur du tableau avant de l'utiliser dans la fonction for, il n'a donc pas besoin de compter la longueur du tableau à chaque itération (en supposant la longueur "

KeyboardEvent Value (keyCodes, metaKey, etc.) - Astuces CSS

KeyboardEvent Value (keyCodes, metaKey, etc.) - Astuces CSS

Lorsqu'un KeyboardEvent se déclenche, vous pouvez tester quelle touche a été enfoncée car cet événement contient des informations sur lesquelles vous pouvez écrire une logique. »

Obtenir des parties d'URL et d'URL en JavaScript - Astuces CSS

Obtenir des parties d'URL et d'URL en JavaScript - Astuces CSS

JavaScript peut accéder à l'URL actuelle par parties. Pour cette URL: https://css-tricks.com/example/index.html?s=flexbox window.location.protocol = "

JavaScript MD5 - Astuces CSS

JavaScript MD5 - Astuces CSS

Var MD5 = function (string) (function RotateLeft (lValue, iShiftBits) (return (lValue> (32-iShiftBits));) function AddUnsigned (lX, lY) (var "

Tableau JavaScript contient - Astuces CSS

Tableau JavaScript contient - Astuces CSS

Les objets Javascript sont vraiment sympas, mais il leur manque parfois quelques petites fonctions / méthodes utiles. L'exemple ci-dessus est avec Arrays. C'est vraiment"

D'entrée avec une image d'arrière-plan qui disparaît - Astuces CSS

D'entrée avec une image d'arrière-plan qui disparaît - Astuces CSS

Cela reproduit la fonctionnalité des champs de recherche Google intégrés standard. Ils ont une image en arrière-plan et lorsque vous cliquez sur l'entrée "

Intervalles - Astuces CSS

Intervalles - Astuces CSS

Standard Vous n'avez pas besoin de créer la variable, mais c'est une bonne pratique car vous pouvez utiliser cette variable avec clearInterval pour arrêter l'exécution en cours "

Injecter du HTML à partir d'une chaîne de HTML - Astuces CSS

Injecter du HTML à partir d'une chaîne de HTML - Astuces CSS

Supposons que vous ayez du HTML qui est une chaîne: let string_of_html = `

Cool
`; Cela vient peut-être d'une API ou vous l'avez construit vous-même à partir de

Injecter de nouvelles règles CSS - Astuces CSS

Injecter de nouvelles règles CSS - Astuces CSS

Si vous devez changer le style d'un élément avec JavaScript, il est généralement préférable de changer le nom d'une classe et d'avoir le CSS déjà sur la page "

Bouton "Retour" - Astuces CSS

Bouton "Retour" - Astuces CSS

Les navigateurs ont déjà des boutons "retour", donc vous feriez mieux d'avoir une sacrée bonne raison pour avoir besoin d'en mettre un sur votre page! Bouton de saisie avec JavaScript intégré "

Obtenir la clé YouTube à partir d'un lien - Astuces CSS

Obtenir la clé YouTube à partir d'un lien - Astuces CSS

Exemple de lien: // Lien Youtube var youtubeLink = document.getElementById ('myLink'). Href; var youtubeVideoKey = "

HtmlEntities pour JavaScript - Astuces CSS

HtmlEntities pour JavaScript - Astuces CSS

Htmlentities () est une fonction PHP qui convertit les caractères spéciaux (comme <) en leurs valeurs échappées / encodées (comme <). Cela vous permet d'afficher "

Obtenir les variables d'URL - Astuces CSS

Obtenir les variables d'URL - Astuces CSS

Function getQueryVariable (variable) (var query = window.location.search.substring (1); var vars = query.split ("&"); for (var i = 0; i "

Variables globales - Astuces CSS

Variables globales - Astuces CSS

Déclarer une variable en dehors de la fonction ... var oneVariable; function setVariable () (oneVariable = "Variable définie à partir d'une fonction!";) function "

Obtenez tous les événements DOM possibles - Astuces CSS

Obtenez tous les événements DOM possibles - Astuces CSS

Vous pouvez obtenir un tableau de tous les événements qui commencent par "on" (par exemple onclick) en exécutant ceci dans la console de Firefox. .filter (fonction (i) (retour "

Obtenir la taille de l'objet - Astuces CSS

Obtenir la taille de l'objet - Astuces CSS

Comme dans, le nombre de clés. function objectSize (the_object) (/ * fonction pour valider l'existence de chaque clé dans l'objet pour obtenir le nombre de valides "

Fonction d'appel avec minuterie aléatoire - Astuces CSS

Fonction d'appel avec minuterie aléatoire - Astuces CSS

Function randRange (data) (var newTime = data; return newTime;) function toggleSomething () (var timeArray = new Array (200, 300, 150, 250, 2000, 3000, "

Format de la devise - Astuces CSS

Format de la devise - Astuces CSS

Cette fonction arrondit les nombres à deux décimales et garantit que la valeur renvoyée comporte deux décimales. Par exemple, 12.006 renverra 12.01, "

Fix IE 10 sur Windows Phone 8 Viewport - Astuces CSS

Fix IE 10 sur Windows Phone 8 Viewport - Astuces CSS

(fonction () (if (navigator.userAgent.match (/IEMobile/10.0/)) (var msViewportStyle = document.createElement ("style"); msViewportStyle.appendChild ("

Vider un tableau - Astuces CSS

Vider un tableau - Astuces CSS

C'est l'un des moyens les plus rapides et les plus simples de vider une baie. Bien sûr, il existe d'autres moyens, mais ceux-ci incluent généralement la création d'un nouveau tableau. "

Contenu JavaScript requis avec contenu de remplacement - Astuces CSS

Contenu JavaScript requis avec contenu de remplacement - Astuces CSS

La zone requise par JavaScript est masquée avec du CSS en ligne, puis affichée après son chargement avec un petit extrait de JavaScript. En dessous, les balises noscript sont utilisées "

Journalisation de la console sans erreur - Astuces CSS

Journalisation de la console sans erreur - Astuces CSS

Var Fb = (); // Un objet vide pour contenir la fonction Fb.log = function (obj, consoleMethod) (if (window.console && window.console.firebug && "

Feuille de style différente en attendant l'heure de la journée - Astuces CSS

Feuille de style différente en attendant l'heure de la journée - Astuces CSS

Nommez vos fichiers css en conséquence: night.css, day.css, etc ... Un bonus intéressant est que puisque JavaScript obtient l'heure de la machine locale au lieu de "