Codefragmenten 2025, Januari-

Element invoegen tussen andere elementen - CSS-trucs

Element invoegen tussen andere elementen - CSS-trucs

Als u bijvoorbeeld vijf alinea's achter elkaar heeft en u moet een break-tag tussen alle alinea's invoegen. Je kunt het niet voor alle vijf plaatsen (dat doe je niet "

Ingangen die de oorspronkelijke waarde onthouden - CSS-trucs

Ingangen die de oorspronkelijke waarde onthouden - CSS-trucs

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

Afbeelding preloader - CSS-trucs

Afbeelding preloader - CSS-trucs

Zeer gemakkelijke manier om afbeeldingen voor te laden die later nodig zijn (bijv. Wanneer een muisaanwijzer wordt uitgevoerd) $ .preloadImages = function () (voor (var i = 0; i "

Markeer gerelateerd label bij invoer in focus - CSS-trucs

Markeer gerelateerd label bij invoer in focus - CSS-trucs

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

Markeer alle links naar huidige pagina - CSS-trucs

Markeer alle links naar huidige pagina - CSS-trucs

$ (function () ($ ("a"). each (function () (if ($ (this) .attr ("href") == window.location.pathname) ($ (this) .addClass ("selected ");)));)); Deze functie zal "

Ontvang X-, Y-coördinaten van muis in doos - CSS-trucs

Ontvang X-, Y-coördinaten van muis in doos - CSS-trucs

De onderstaande code geeft u de X-, Y-coördinaten van een muisklik binnen een bepaald vak. Als je alle dingen over de offset verwijdert, kun je gemakkelijk de X krijgen, "

Fixing .load () in IE voor afbeeldingen in de cache - CSS-trucs

Fixing .load () in IE voor afbeeldingen in de cache - CSS-trucs

De .load () -functie wordt geactiveerd wanneer het element waarop het wordt aangeroepen, volledig is geladen. Het wordt vaak gebruikt op afbeeldingen, die mogelijk niet volledig worden geladen wanneer de "

Vraagparameters ophalen als object - CSS-trucs

Vraagparameters ophalen als object - CSS-trucs

Nicholas Ortenzio schreef deze kleine plug-in: jQuery.extend ((getQueryParameters: function (str) (return (str || "

Krijg een native breedte van afbeeldingen - CSS-trucs

Krijg een native breedte van afbeeldingen - CSS-trucs

Als u een afbeelding selecteert met jQuery en vervolgens .width () gebruikt, krijgt u de huidige breedte van de afbeeldingen, zelfs als deze is geschaald (bijv. Max-breedte: 100%;). Jij kan"

IE z-index - repareren CSS-trucs

IE z-index - repareren CSS-trucs

Dit is geen eindoplossing voor het oplossen van alle rare IE z-index-problemen, maar het kan in sommige omstandigheden zeker helpen. Wat het doet is doorlopen "

Afbeelding vervagen in een andere afbeelding - CSS-trucs

Afbeelding vervagen in een andere afbeelding - CSS-trucs

Maak een div met de exacte grootte van de afbeelding. Op deze div wordt een achtergrondafbeelding van de tweede afbeelding toegepast. Plaats vervolgens een inline afbeelding in '

Forceer een Iframe om opnieuw te laden - CSS-trucs

Forceer een Iframe om opnieuw te laden - CSS-trucs

Je kunt de src ervan aanraken: $ ('iframe'). Attr ('src', $ ('iframe'). Attr ('src')); "

Fix Selecteer Dropdown Cutoff in IE 7 - CSS-trucs

Fix Selecteer Dropdown Cutoff in IE 7 - CSS-trucs

Voer het uit (in ieder geval het gedeelte "Gebruik" hieronder) nadat je jQuery hebt geladen en ofwel aan het einde van de pagina of in een DOM-ready statement. Merk op dat deze oplossing "

Fix Min / Max-breedte voor browsers zonder native ondersteuning - CSS-trucs

Fix Min / Max-breedte voor browsers zonder native ondersteuning - CSS-trucs

Dit script controleert alle elementen met een klasse .fixMinMaxwidth en observeert het venster. Het wordt alleen toegepast op browsers zonder native min / max-breedte "

Formaat Iframe aanpassen zodat inhoud past (alleen hetzelfde domein) - CSS-trucs

Formaat Iframe aanpassen zodat inhoud past (alleen hetzelfde domein) - CSS-trucs

Normaal gesproken stelt u een breedte en hoogte in voor iframes. Als de inhoud binnen groter is, moeten schuifbalken volstaan. Het onderstaande script probeert dit op te lossen door "

Brandgebeurtenis als de gebruiker niet actief is - CSS-trucs

Brandgebeurtenis als de gebruiker niet actief is - CSS-trucs

Zie de twee commentaarregels hieronder, dat is waar u code kunt invoegen voor dingen die u moet doen wanneer de gebruiker inactief is en wanneer de gebruiker terugkomt. Stel de inactiviteit in "

Zoek en wikkel Ampersands - CSS-trucs

Zoek en wikkel Ampersands - CSS-trucs

Laad deze plug-in. Dan: $ ("body *"). ReplaceText (/ & / gi, '' + '&' + ''); Wijzig de selector indien nodig. Die is behoorlijk intens. Nu heb je een les "

Fallback voor door CDN gehoste jQuery - CSS-trucs

Fallback voor door CDN gehoste jQuery - CSS-trucs

Verschillende grote bedrijven bieden kopieën van jQuery aan die worden gehost op hun CDN's (Content Delivery Network). Het meest notoir Google, maar ook Microsoft en jQuery "

Een afbeelding naar een ander menu laten vervagen - CSS-trucs

Een afbeelding naar een ander menu laten vervagen - CSS-trucs

Maak een CSS-sprite-afbeelding, waarbij de bovenste helft en de onderste helft de twee afbeeldingen zijn waartussen u wilt animeren. De jQuery voegt een -tag toe, en "

Vind alle interne links - CSS-trucs

Vind alle interne links - CSS-trucs

Vind alle links die beginnen met het domein van de site, een schuine streep, een relatief bestandspad of een hashtag. var siteURL = "http: //" + top.location.host.toString (); var '

Sluit $ (this) uit van Selector - CSS-trucs

Sluit $ (this) uit van Selector - CSS-trucs

Stel dat u een klik-handler aan elke link op een pagina wilt koppelen. De functie voor die click-handler geeft alle andere links een andere kleur. var '

Versleepbaar zonder jQuery UI - CSS-trucs

Versleepbaar zonder jQuery UI - CSS-trucs

Het heeft niet alle mooie callbacks en opties, maar ach, het maakt dingen versleepbaar (en met een gespecificeerde handle optioneel). (functie ($) ("

Egaliseer hoogten van divs - CSS-trucs

Egaliseer hoogten van divs - CSS-trucs

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

Laatste tweet weergeven - CSS-trucs

Laatste tweet weergeven - CSS-trucs

De onderstaande code werkt niet meer zoals het is met de Twitter API-update naar 1.1 vanaf 11-06-2013. De 1.1 API vereist oAuth die een serverzijde vereist "

Formaat van gebeurtenis gewijzigd - CSS-trucs

Formaat van gebeurtenis gewijzigd - CSS-trucs

Als je gewend bent aan zoiets als jQuery UI resizeable, krijg je events waaraan je kunt binden tijdens het resizen, maar ook aan het einde van het resizen. Geen evenement "

JQuery dubbele plug-in - CSS-trucs

JQuery dubbele plug-in - CSS-trucs

$ .fn.duplicate = functie (count, cloneEvents) (var tmp = (); voor (var i = 0; i

Alleen eerste X Div's weergeven, Toggle Rest - CSS-trucs

Alleen eerste X Div's weergeven, Toggle Rest - CSS-trucs

Var nieuws = 2; hidenews = "- Verberg nieuwsarchief"; showews = "+ Toon nieuwsarchief"; $ (". archive"). html (shownews); $ (". news: not (: lt (" + news + "))"). hide (); "

Nieuwste FeedBurner-bericht weergeven - CSS-trucs

Nieuwste FeedBurner-bericht weergeven - CSS-trucs

Dit fragment toont het laatste bericht in een opgegeven FeedBurner-feed. Stel gewoon de URL in naar uw gewenste FeedBurner-feed. $ (document) .ready (functie () ("

Browser en versie weergeven - CSS-trucs

Browser en versie weergeven - CSS-trucs

Dit is jQuery-specifiek en bevat een beetje een hack / fix voor het omgaan met Chrome. Dit werkt tussen jQuery 1.5.1 en jQuery 1.8.3. Het is verdwenen in jQuery "