Extraits de code 2025, Mai

Insérer un élément entre d'autres éléments - Astuces CSS

Insérer un élément entre d'autres éléments - Astuces CSS

Par exemple, si vous avez cinq paragraphes d'affilée et que vous devez insérer une balise de rupture entre tous. Vous ne pouvez pas le mettre avant les cinq (vous ne le faites pas)

Entrées qui se souviennent de la valeur d'origine - Astuces CSS

Entrées qui se souviennent de la valeur d'origine - Astuces CSS

Var origValue = (); $ ('input.remember'). each (function (currentIndex) (origValue.push ($ (this) .val ()); $ (this) .focus (function () ("

Préchargeur d'images - Astuces CSS

Préchargeur d'images - Astuces CSS

Un moyen très simple de précharger les images qui seront nécessaires plus tard (par exemple lorsqu'un survol est effectué) $ .preloadImages = function () (for (var i = 0; i "

Mettre en surbrillance l'étiquette associée lors de la saisie - Astuces CSS

Mettre en surbrillance l'étiquette associée lors de la saisie - Astuces CSS

$ ("form: input"). focus (function () ($ ("label"). addClass ("labelfocus");)). blur (function () ($ ("label"). removeClass ("labelfocus") );)); "

Mettez en surbrillance tous les liens vers la page actuelle - Astuces CSS

Mettez en surbrillance tous les liens vers la page actuelle - Astuces CSS

$ (function () ($ ("a"). each (function () (if ($ (this) .attr ("href") == window.location.pathname) ($ (this) .addClass ("sélectionné ");)));)); Cette fonction "

Obtenir les coordonnées X, Y de la souris dans la boîte - Astuces CSS

Obtenir les coordonnées X, Y de la souris dans la boîte - Astuces CSS

Le code ci-dessous vous donnera les coordonnées X, Y d'un clic de souris dans une case donnée. En supprimant tout ce qui concerne le décalage, vous pouvez facilement obtenir le X, "

Correction de .load () dans IE pour les images mises en cache - Astuces CSS

Correction de .load () dans IE pour les images mises en cache - Astuces CSS

La fonction .load () se déclenche lorsque l'élément sur lequel elle est appelée est complètement chargé. Il est couramment utilisé sur les images, qui peuvent ne pas être complètement chargées lorsque le "

Obtenir les paramètres de requête en tant qu'objet - Astuces CSS

Obtenir les paramètres de requête en tant qu'objet - Astuces CSS

Nicholas Ortenzio a écrit ce petit plugin: jQuery.extend ((getQueryParameters: function (str) (return (str || "

Obtenir une largeur native d'images - Astuces CSS

Obtenir une largeur native d'images - Astuces CSS

Si vous sélectionnez et image avec jQuery puis utilisez .width (), vous obtiendrez la largeur actuelle des images, même si elle a été mise à l'échelle (par exemple max-width: 100%;). Tu peux"

Correction de z-index IE - Astuces CSS

Correction de z-index IE - Astuces CSS

Ce n'est pas une solution ultime pour résoudre tous les problèmes bizarres d'index z d'IE, mais cela peut certainement aider dans certaines circonstances. Il fait une boucle "

Fondre l'image en une autre image - Astuces CSS

Fondre l'image en une autre image - Astuces CSS

Créez un div qui correspond à la taille exacte de l'image. Ce div aura une image d'arrière-plan qui lui sera appliquée de la deuxième image. Ensuite, mettez une image en ligne à l'intérieur "

Forcer le rechargement d'un Iframe - Astuces CSS

Forcer le rechargement d'un Iframe - Astuces CSS

Vous pouvez en toucher le src: $ ('iframe'). Attr ('src', $ ('iframe'). Attr ('src')); "

Fix Select Dropdown Cutoff dans IE 7 - Astuces CSS

Fix Select Dropdown Cutoff dans IE 7 - Astuces CSS

Exécutez (au moins la partie "Utilisation" ci-dessous) après avoir chargé jQuery et soit à la fin de la page, soit dans une instruction DOM ready. Notez que ce correctif fait "

Fix Min / Max-Width pour les navigateurs sans support natif - Astuces CSS

Fix Min / Max-Width pour les navigateurs sans support natif - Astuces CSS

Ce script vérifie tous les éléments avec une classe de .fixMinMaxwidth et observe la fenêtre. Elle s'applique uniquement aux navigateurs sans largeur min / max native "

Redimensionner Iframe pour adapter le contenu (même domaine uniquement) - Astuces CSS

Redimensionner Iframe pour adapter le contenu (même domaine uniquement) - Astuces CSS

Normalement, vous définissez la largeur et la hauteur des iframes. Si le contenu à l'intérieur est plus gros, les barres de défilement doivent suffire. Le script ci-dessous tente de résoudre ce problème en "

Événement d'incendie lorsque l'utilisateur est inactif - Astuces CSS

Événement d'incendie lorsque l'utilisateur est inactif - Astuces CSS

Voir les deux lignes commentées ci-dessous, c'est là que vous pouvez insérer du code pour les choses à faire lorsque l'utilisateur est inactif et lorsque l'utilisateur revient. Réglez le ralenti "

Trouver et envelopper les esperluettes - Astuces CSS

Trouver et envelopper les esperluettes - Astuces CSS

Chargez ce plugin. Ensuite: $ ("corps *"). ReplaceText (/ & / gi, '' + '&' + ''); Modifiez le sélecteur selon vos besoins. Celui-là est assez intense. Maintenant tu as un cours "

Fallback pour jQuery hébergé sur CDN - Astuces CSS

Fallback pour jQuery hébergé sur CDN - Astuces CSS

Plusieurs grandes entreprises proposent des copies de jQuery hébergées sur leurs CDN (Content Delivery Network). Notamment Google, mais aussi Microsoft et jQuery "

Fondu d'une image dans un autre menu - Astuces CSS

Fondu d'une image dans un autre menu - Astuces CSS

Créez une image de sprite CSS, la moitié supérieure et la moitié inférieure étant les deux images que vous souhaitez animer. Le jQuery ajoute une balise et "

Trouver tous les liens internes - Astuces CSS

Trouver tous les liens internes - Astuces CSS

Recherchez tous les liens qui commencent par le domaine du site, une barre oblique, un chemin de fichier relatif ou un hashtag. var siteURL = "http: //" + top.location.host.toString (); var "

Exclure $ (this) du sélecteur - Astuces CSS

Exclure $ (this) du sélecteur - Astuces CSS

Supposons que vous souhaitiez attacher un gestionnaire de clics à chaque lien d'une page. La fonction de ce gestionnaire de clics transforme tous les autres liens d'une couleur différente. var "

Glissable sans jQuery UI - Astuces CSS

Glissable sans jQuery UI - Astuces CSS

Il n'a pas tous les rappels et options sophistiqués, mais bon, cela rend les choses déplaçables (et avec une poignée spécifiée en option). (fonction ($) ("

Égaliser les hauteurs des divisions - Astuces CSS

Égaliser les hauteurs des divisions - Astuces CSS

Var maxHeight = 0; $ ("div"). each (function () (if ($ (this) .height ()> maxHeight) (maxHeight = $ (this) .height ();))); $ ("div"). height (maxHeight); "

Afficher le dernier tweet - Astuces CSS

Afficher le dernier tweet - Astuces CSS

Le code ci-dessous ne fonctionne plus tel quel avec la mise à jour de l'API Twitter à 1.1 à partir du 11/06/2013. L'API 1.1 nécessite oAuth qui nécessite un côté serveur "

Événement de redimensionnement terminé - Astuces CSS

Événement de redimensionnement terminé - Astuces CSS

Si vous êtes habitué à quelque chose comme jQuery UI redimensionnable, vous obtenez des événements auxquels vous pouvez vous lier pendant le redimensionnement, mais aussi à la fin du redimensionnement. Aucun événement de ce type "

Plug-in jQuery Duplicate - Astuces CSS

Plug-in jQuery Duplicate - Astuces CSS

$ .fn.duplicate = function (count, cloneEvents) (var tmp = (); for (var i = 0; i

Afficher uniquement les X premières divisions, basculer le repos - Astuces CSS

Afficher uniquement les X premières divisions, basculer le repos - Astuces CSS

Var news = 2; hidenews = "- Masquer l'archive des actualités"; shownews = "+ Afficher l'archive des actualités"; $ (". archive"). html (shownews); $ (". news: not (: lt (" + news + "))"). hide (); "

Afficher le dernier message FeedBurner - Astuces CSS

Afficher le dernier message FeedBurner - Astuces CSS

Cet extrait affichera la dernière publication dans un flux FeedBurner spécifié. Définissez simplement l'URL sur votre flux FeedBurner souhaité. $ (document) .ready (fonction () ("

Afficher le navigateur et la version - Astuces CSS

Afficher le navigateur et la version - Astuces CSS

Ceci est spécifique à jQuery et contient un peu de hack / correctif pour gérer Chrome. Cela fonctionne entre jQuery 1.5.1 et jQuery 1.8.3. Il est parti dans jQuery "