Extraits de code 2025, Février

Désactiver / réactiver les entrées - Astuces CSS

Désactiver / réactiver les entrées - Astuces CSS

Désactiver: $ ("# submit-button"). Attr ("disabled", true); Réactiver: $ ("# submit-button"). RemoveAttr ("disabled"); "

Désactiver les liens parents dans la navigation de liste imbriquée - Astuces CSS

Désactiver les liens parents dans la navigation de liste imbriquée - Astuces CSS

Code jQuery qui désactive les liens parents pour les menus déroulants. Le menu doit être construit sous forme de listes imbriquées et le lien parent est désactivé. CA aide"

Détecter le premier élément visible d'une certaine classe - Astuces CSS

Détecter le premier élément visible d'une certaine classe - Astuces CSS

Ajoute une classe «premier» au premier élément qui a une classe «activité» visible dans la fenêtre du navigateur. $ (fenêtre) .scroll (fonction () (var "

Parcourir une liste - Astuces CSS

Parcourir une liste - Astuces CSS

Ce code parcourra une liste non ordonnée avec un ID de «liste cyclique». Peut être utilisé sur n'importe quel élément avec des enfants. Remplacez "ul # cyclelist li" par "

Comparez les objets jQuery - Astuces CSS

Comparez les objets jQuery - Astuces CSS

Vous ne pouvez pas vraiment comparer si deux objets jQuery sont identiques ... if ($ (selectionOne) === $ (selectionTwo)) () Vous pouvez cependant comparer des objets DOM ... if "

Combiner les fonctions de glissement et de fondu - Astuces CSS

Combiner les fonctions de glissement et de fondu - Astuces CSS

$ .fn.slideFadeToggle = function (speed, easing, callback) (return this.animate ((opacity: 'toggle', height: 'toggle'), speed, easing, callback);); Usage"

Cliquez une fois et dissociez - Astuces CSS

Cliquez une fois et dissociez - Astuces CSS

Quelque chose se passe sur un événement de clic, mais une seule fois! Dissociez le gestionnaire de clics une fois que l'élément a été cliqué une fois. $ ('# mon-sélecteur'). bind ('clic', "

Effacer la chaîne de recherche par défaut sur le focus - Astuces CSS

Effacer la chaîne de recherche par défaut sur le focus - Astuces CSS

$ ("# s") .val ("Rechercher ...") .css ("couleur", "#ccc") .focus (function () ($ (this) .css ("couleur", "noir" ); if ($ (this) .val () == "Rechercher ...") ($ (this) .val ("");) "

Effacer une entrée de fichier - Astuces CSS

Effacer une entrée de fichier - Astuces CSS

Vous pouvez simplement le cloner et le remplacer par lui-même, avec tous les événements toujours attachés. var entrée = $ ("# contrôle"); function something_happens () ("

Vérifiez si jQuery est chargé - Astuces CSS

Vérifiez si jQuery est chargé - Astuces CSS

If (typeof jQuery == 'undefined') (// jQuery N'EST PAS chargé, faites des choses ici.) "

Vérifier si l'événement a été déclenché ou natif - Astuces CSS

Vérifier si l'événement a été déclenché ou natif - Astuces CSS

$ ('button'). click (function (event, wasTriggered) (if (wasTriggered) (alert ('triggered in code');) else (alert ('triggered by mouse');))); "

Vérifier si l'élément existe - Astuces CSS

Vérifier si l'élément existe - Astuces CSS

If ($ ('# myElement'). length> 0) (// il existe) Ou pour en faire une fonction sophistiquée avec un callback: // Tiny jQuery Plugin // par Chris Goodchild $ .fn.exists = "

Vérifiez si la case à cocher est cochée - Astuces CSS

Vérifiez si la case à cocher est cochée - Astuces CSS

Dites que 10 fois vite =). Vérifiez si une seule case à cocher est cochée ou non, renvoie vrai ou faux: $ ('# checkBox'). Attr ('checked'); Rechercher tout coché "

Changer WMode avec jQuery - Astuces CSS

Changer WMode avec jQuery - Astuces CSS

Si vous ne définissez pas le wmode sur une intégration flash, il flottera au-dessus d'une superposition, ce qui peut être un gros problème. Ceci est idéal dans un environnement avec "

Détection du navigateur + Appliquer les classes à l'élément HTML - Astuces CSS

Détection du navigateur + Appliquer les classes à l'élément HTML - Astuces CSS

JQBrowser v0.2: http://davecardwell.co.uk/javascript/jquery/plugins/jquery-browserdetect/ eval (fonction (p, a, c, k, e, d) (e = fonction (c) (retour (c "

Rechercher des éléments vides - Astuces CSS

Rechercher des éléments vides - Astuces CSS

Faites quelque chose pour chaque élément vide trouvé: $ ('*'). Each (function () (if ($ (this) .text () == "") (// Faire quelque chose))); TRUE ou FALSE si l'élément est vide: "

Meilleure gestion des images brisées - Astuces CSS

Meilleure gestion des images brisées - Astuces CSS

Les images manquantes n'afficheront simplement rien ou afficheront une boîte de style lorsque leur source est introuvable. Au lieu de cela, vous pouvez remplacer cela par un "

Calculer la distance entre la souris et l'élément - Astuces CSS

Calculer la distance entre la souris et l'élément - Astuces CSS

(function () (var mX, mY, distance, $ distance = $ ('# distance span'), $ element = $ ('# element'); function CalculateDistance (elem, mouseX, mouseY) (return "

Ajouter la superposition de site DIV - Astuces CSS

Ajouter la superposition de site DIV - Astuces CSS

$ (function () (var docHeight = $ (document) .height (); $ ("body"). append (""); $ ("# overlay") .height (docHeight) .css (('opacity' : 0.4, 'position': "

Découvrir automatiquement les liens de document et appliquer la classe - Astuces CSS

Découvrir automatiquement les liens de document et appliquer la classe - Astuces CSS

$ ('a'). each (function () (if ((C = $ (this) .attr ('href'). match (/ (doc | xls | pdf) $ /))) ($ (this) .addClass (C);))); Cela examinera chaque élément du "

Ajouter un espace insécable sur le titre pour empêcher les veuves - Astuces CSS

Ajouter un espace insécable sur le titre pour empêcher les veuves - Astuces CSS

$ ("h2"). each (function () (var wordArray = $ (this) .text (). split (""); var finalTitle = ""; for (i = 0; i "

Animer la hauteur / largeur sur "Auto" - Astuces CSS

Animer la hauteur / largeur sur "Auto" - Astuces CSS

Il n'est pas possible de faire thing.animate (("height": "auto")) ;. C'est donc la méthode de Darcy Clarke pour permettre à cela de fonctionner. Vous clonez essentiellement l'élément, "

Ajouter: nième de type à jQuery - Astuces CSS

Ajouter: nième de type à jQuery - Astuces CSS

$ .expr = function (elem, i, match) (var parts = match.split ("+"); return (i + 1 - (parts || 0))% parseInt (parts, 10) === 0; ); Voir l'article original "

Unescape HTML dans JS - Astuces CSS

Unescape HTML dans JS - Astuces CSS

Function htmlDecode (input) (var e = document.createElement ('div'); e.innerHTML = input; return e.childNodes.length === 0? "": e.childNodes.nodeValue;) "

Ajouter / supprimer une classe au survol - Astuces CSS

Ajouter / supprimer une classe au survol - Astuces CSS

$ ('# elm'). hover (function () ($ (this) .addClass ('hover')), function () ($ (this) .removeClass ('hover'))) Cela fonctionnera dans n'importe quel navigateur sur n'importe quel élément, pour "

Ajouter une classe de navigation active basée sur l'URL - Astuces CSS

Ajouter une classe de navigation active basée sur l'URL - Astuces CSS

Idéalement, vous sortez cette classe du côté serveur, mais si vous ne pouvez pas ... Disons que vous avez une navigation comme celle-ci: Accueil À propos des clients Contactez-nous Et vous êtes "

Taille de la fenêtre, résolution d'écran, position de la souris - Astuces CSS

Taille de la fenêtre, résolution d'écran, position de la souris - Astuces CSS

Ce code est compatible avec tous les navigateurs et vérifie les dimensions de la fenêtre, la résolution de l'écran et la position de la souris, ce qui peut être très utile pour "

Signet du nombre de mots - Astuces CSS

Signet du nombre de mots - Astuces CSS

Ajoutez à la barre de favoris, sélectionnez le texte, cliquez dessus pour obtenir le nombre de mots. Compter les mots Bookmarklet Compter les mots

Couper les premiers / derniers caractères de la chaîne - Astuces CSS

Couper les premiers / derniers caractères de la chaîne - Astuces CSS

Supprimer les quatre derniers caractères var myString = "abcdefg"; var newString = myString.substr (0, myString.length-4); // newString est maintenant "abc" Supprimer les deux premiers "