कोड के टुकड़े 2025, अप्रैल

अन्य तत्वों के बीच तत्व सम्मिलित करें - सीएसएस-ट्रिक्स

अन्य तत्वों के बीच तत्व सम्मिलित करें - सीएसएस-ट्रिक्स

उदाहरण के लिए, यदि आपके पास एक पंक्ति में पांच पैराग्राफ हैं और आपको उन सभी के बीच एक ब्रेक टैग सम्मिलित करने की आवश्यकता है। आप इसे पाँचों से पहले नहीं डाल सकते हैं (आप नहीं "

छवि प्रीलोडर - सीएसएस-ट्रिक्स

छवि प्रीलोडर - सीएसएस-ट्रिक्स

छवियों को प्रीलोड करने का बहुत आसान तरीका जो बाद में आवश्यक है (जैसे कि जब कोई होवर किया जाता है) $ .preloadImages = function () (के लिए (var i = 0; i);

फोकस में इनपुट होने पर संबंधित लेबल हाइलाइट करें सीएसएस-ट्रिक्स

फोकस में इनपुट होने पर संबंधित लेबल हाइलाइट करें सीएसएस-ट्रिक्स

$ ("फ़ॉर्म: इनपुट")। फ़ोकस (फ़ंक्शन () ($ ("लेबल")। addClass ("labocusocus");))। कलंक (फ़ंक्शन () ($ ("लेबल") .Classass ("labelfocus)। );)); "

वर्तमान पृष्ठ पर सभी लिंक हाइलाइट करें - सीएसएस-ट्रिक्स

वर्तमान पृष्ठ पर सभी लिंक हाइलाइट करें - सीएसएस-ट्रिक्स

$ (फ़ंक्शन) () ($ ("a")। प्रत्येक फ़ंक्शन () (यदि ($ (यह))। hrr ("href") == window.location.pathname) ($ (यह) .addClass ("चयनित) ");)));)); यह कार्य करेगा "

बॉक्स के भीतर माउस के X, Y निर्देशांक प्राप्त करें सीएसएस-ट्रिक्स

बॉक्स के भीतर माउस के X, Y निर्देशांक प्राप्त करें सीएसएस-ट्रिक्स

नीचे दिया गया कोड आपको एक दिए गए बॉक्स के भीतर माउस क्लिक का X, Y निर्देशांक देगा। ऑफसेट के बारे में सभी चीजें हटाते हुए, आप आसानी से एक्स प्राप्त कर सकते हैं, "

कैशिंग छवियों के लिए IE में फिक्सिंग .लोड () - सीएसएस-ट्रिक्स

कैशिंग छवियों के लिए IE में फिक्सिंग .लोड () - सीएसएस-ट्रिक्स

.Load () फ़ंक्शन फायर करता है जब उस तत्व को बुलाया जाता है जो पूरी तरह से लोड होता है। यह आमतौर पर छवियों पर उपयोग किया जाता है, जो "जब" पूरी तरह से लोड नहीं हो सकता है

ऑब्जेक्ट के रूप में क्वेरी परम प्राप्त करें - सीएसएस-ट्रिक्स

ऑब्जेक्ट के रूप में क्वेरी परम प्राप्त करें - सीएसएस-ट्रिक्स

निकोलस ओर्टेंज़ियो ने इस छोटे से प्लगइन को लिखा: jQuery.extend ((getQueryParameters: function (str)) (रिटर्न (str) "

एक छवियाँ प्राप्त करें मूल चौड़ाई - सीएसएस-ट्रिक्स

एक छवियाँ प्राप्त करें मूल चौड़ाई - सीएसएस-ट्रिक्स

यदि आप jQuery के साथ चयन करते हैं और छवि बनाते हैं, तो। रिचार्ज () का उपयोग करें, आप छवियों को वर्तमान चौड़ाई प्राप्त करेंगे, भले ही इसे स्केल किया गया हो (जैसे अधिकतम-चौड़ाई: 100%;)। आप ऐसा कर सकते हैं"

फिक्सिंग IE z- इंडेक्स - सीएसएस-ट्रिक्स

फिक्सिंग IE z- इंडेक्स - सीएसएस-ट्रिक्स

यह सभी अजीब IE z- इंडेक्स मुद्दों को ठीक करने के लिए एक अंत-सभी-सभी-समाधान नहीं है, लेकिन यह निश्चित रूप से कुछ परिस्थितियों में मदद कर सकता है। यह क्या करता है के माध्यम से पाश है "

एक और छवि में फीका छवि - सीएसएस-ट्रिक्स

एक और छवि में फीका छवि - सीएसएस-ट्रिक्स

एक div बनाएं जो छवि का सटीक आकार है। इस div की एक पृष्ठभूमि छवि होगी, जो दूसरी छवि पर लागू होगी। फिर एक इनलाइन छवि डालें "

फोर्स को एक इरोम रीलोड करें - सीएसएस-ट्रिक्स

फोर्स को एक इरोम रीलोड करें - सीएसएस-ट्रिक्स

आप इसके src को छू सकते हैं: $ ('iframe')। Attr ('src', $ ('iframe')। attr ('src')); "

IE 7 में चयन ड्रॉपडाउन कटऑफ को ठीक करें - सीएसएस-ट्रिक्स

IE 7 में चयन ड्रॉपडाउन कटऑफ को ठीक करें - सीएसएस-ट्रिक्स

आपके द्वारा jQuery लोड करने के बाद (पृष्ठ के अंत में या DOM के लिए तैयार विवरण में कम से कम "उपयोग" भाग) चलाएँ। ध्यान दें कि यह ठीक करता है "

बिना नेट सपोर्ट के ब्राउजर्स के लिए मिन / मैक्स-चौड़ाई तय करें - सीएसएस-ट्रिक्स

बिना नेट सपोर्ट के ब्राउजर्स के लिए मिन / मैक्स-चौड़ाई तय करें - सीएसएस-ट्रिक्स

यह स्क्रिप्ट .fixMinMaxwidth की एक कक्षा के साथ सभी तत्वों की जांच करती है और खिड़की का निरीक्षण करती है। यह केवल देशी मिनट / अधिकतम-चौड़ाई वाले ब्राउज़र पर लागू होता है "

फ़िट सामग्री (समान डोमेन केवल) के लिए आइफ्रेम का आकार बदलें सीएसएस-ट्रिक्स

फ़िट सामग्री (समान डोमेन केवल) के लिए आइफ्रेम का आकार बदलें सीएसएस-ट्रिक्स

आम तौर पर आप सेट और चौड़ाई और ऊंचाई iframes के लिए। यदि अंदर की सामग्री बड़ी है, तो स्क्रॉलबार को पर्याप्त करना होगा। नीचे दी गई पटकथा इसे ठीक करने का प्रयास करती है "

आग घटना जब उपयोगकर्ता निष्क्रिय है - सीएसएस-ट्रिक्स

आग घटना जब उपयोगकर्ता निष्क्रिय है - सीएसएस-ट्रिक्स

नीचे दो टिप्पणी की गई पंक्तियों को देखें, वह वह जगह है जहाँ आप उपयोगकर्ता के निष्क्रिय होने पर चीजों के लिए कोड डाल सकते हैं, और जब उपयोगकर्ता वापस आता है। बेकार सेट करें "

ढूँढें और लपेटें Ampersands - सीएसएस-ट्रिक्स

ढूँढें और लपेटें Ampersands - सीएसएस-ट्रिक्स

इस प्लगइन लोड करें। तब: $ ("बॉडी *")। प्रतिस्थापन। (/ & / Gi, '' + 'और' + ''); आवश्यकतानुसार चयनकर्ता बदलें। यह एक बहुत तीव्र है। अब आपके पास एक वर्ग है "

CDN होस्टेड jQuery के लिए फॉलबैक - सीएसएस-ट्रिक्स

CDN होस्टेड jQuery के लिए फॉलबैक - सीएसएस-ट्रिक्स

कई बड़ी कंपनियां अपने CDN (कंटेंट डिलीवरी नेटवर्क) पर होस्ट की गई jQuery की प्रतियां प्रदान करती हैं। अधिकांश कुख्यात Google, लेकिन Microsoft और jQuery भी "

एक छवि को दूसरे मेनू में फीका करें - सीएसएस-ट्रिक्स

एक छवि को दूसरे मेनू में फीका करें - सीएसएस-ट्रिक्स

एक सीएसएस स्प्राइट छवि बनाएं, जिसमें शीर्ष आधा और निचला आधा दो चित्र हैं जिनके बीच आप चेतन करना चाहते हैं। JQuery एक टैग और "जोड़ता है"

सभी आंतरिक लिंक खोजें - सीएसएस-ट्रिक्स

सभी आंतरिक लिंक खोजें - सीएसएस-ट्रिक्स

सभी लिंक ढूंढें जो साइट डोमेन, एक स्लैश, रिश्तेदार फ़ाइल पथ या एक हैशटैग के साथ शुरू होते हैं। var siteURL = "http: //" top.location.host.toString (); var "

चयनकर्ता से $ (इस) को बाहर करें सीएसएस-ट्रिक्स

चयनकर्ता से $ (इस) को बाहर करें सीएसएस-ट्रिक्स

मान लें कि आप किसी पृष्ठ पर प्रत्येक लिंक पर एक क्लिक हैंडलर संलग्न करना चाहते हैं। उस क्लिक हैंडलर का कार्य अन्य सभी लिंक को एक अलग रंग में बदल देता है। var "

JQuery UI के बिना ड्रैग करने योग्य - सीएसएस-ट्रिक्स

JQuery UI के बिना ड्रैग करने योग्य - सीएसएस-ट्रिक्स

इसमें सभी फैंसी कॉलबैक और विकल्प नहीं हैं, लेकिन हे, यह चीजों को खींचने योग्य बनाता है (और वैकल्पिक रूप से निर्दिष्ट हैंडल के साथ)। (फंक्शन ($))

दिव्यांगों की बराबरी - सीएसएस-ट्रिक्स

दिव्यांगों की बराबरी - सीएसएस-ट्रिक्स

Var मैक्सहाइट = 0; $ ("div")। प्रत्येक (फ़ंक्शन () (यदि ($ (यह) .height>)> maxHeight) (मैक्सहाइट = $ (यह) .height ();))); $ ("div")। ऊँचाई (अधिकतम ऊंचाई); "

अंतिम ट्वीट प्रदर्शित करें - सीएसएस-ट्रिक्स

अंतिम ट्वीट प्रदर्शित करें - सीएसएस-ट्रिक्स

अब नीचे दिया गया कोड ट्विटर एपीआई अपडेट के साथ 2013-06-11 के अनुसार काम नहीं करता है। 1.1 API के लिए oAuth की आवश्यकता होती है जिसमें सर्वर साइड की आवश्यकता होती है "

सम्पन्न हुआ आयोजन - सीएसएस-ट्रिक्स

सम्पन्न हुआ आयोजन - सीएसएस-ट्रिक्स

यदि आप jQuery UI जैसे कुछ के लिए उपयोग किए जाते हैं, तो आपको ऐसी घटनाएं मिलती हैं, जो आपको आकार बदलने के दौरान बाँध सकती हैं, लेकिन आकार बदलने के अंत में भी। ऐसी कोई घटना नहीं "

केवल प्रथम एक्स डिवल्स प्रदर्शित करें, टॉगल बाकी - सीएसएस-ट्रिक्स

केवल प्रथम एक्स डिवल्स प्रदर्शित करें, टॉगल बाकी - सीएसएस-ट्रिक्स

Var news = 2; hidenews = "- समाचार संग्रह छिपाएं"; showews = "+ न्यूज़ संग्रह दिखाएं"; $ ("संग्रह"))। html (दिखाए गए); $ ("। समाचार: नहीं: (lt (" + समाचार + "))")। Hide (); "

नवीनतम फीडबर्नर पोस्ट प्रदर्शित करें - सीएसएस-ट्रिक्स

नवीनतम फीडबर्नर पोस्ट प्रदर्शित करें - सीएसएस-ट्रिक्स

यह स्निपेट एक निर्दिष्ट फीडबर्नर फीड में नवीनतम पोस्ट प्रदर्शित करेगा। बस अपने इच्छित फीडबर्नर फीड के लिए URL सेट करें। $ (दस्तावेज़)। पहले से ही (फ़ंक्शन) (""

प्रदर्शन ब्राउज़र और संस्करण - सीएसएस-ट्रिक्स

प्रदर्शन ब्राउज़र और संस्करण - सीएसएस-ट्रिक्स

यह jQuery का विशिष्ट है, और इसमें क्रोम से निपटने के लिए थोड़ा हैक / फिक्स है। यह jQuery 1.5.1 और jQuery 1.8.3 के बीच काम करता है। यह jQuery में चला गया है "