इसे व्यक्त

यह अजीब मुद्दा है, जहां जावास्क्रिप्ट का एक टुकड़ा सामान्य पट्टी IE के रूप में सभी ब्राउज़र ans में ठीक काम किया था ... यह सरल था, लेकिन बाद से स्क्रिप्ट मेरे द्वारा नहीं लिखा गया था, यह एक समय लिया करने के लिए इस 'ऑब्जेक्ट इस गुण या विधि का समर्थन नहीं करता है "त्रुटि है कि केवल IE फेंक रहा था डिबग. शायद! अगर मैं स्क्रिप्ट लिखने थे, मैं इस त्रुटि पर नहीं मिलता, मेरी चर नाम के रूप में क्षेत्र आईडी मुस्कान के साथ मिश्रण नहीं है.

समस्या: ऑब्जेक्ट इस गुण या विधि का समर्थन नहीं करता है (3 लाइन पर)

function funzoneSP(){ document.getElementById('video_id').style.visibility="hidden"; shortdesc = document.getElementById('shortdesc').value; .... } 

समाधान:
त्रुटि (3 पंक्ति ... "shortdesc document.getE = ...") ऊपर के उदाहरण में thirdrow पर उत्पन्न होता है. मैं बेकार की बातें की सभी प्रकार है, मैं नहीं भी उल्लेख है यहाँ के लायक करने की कोशिश की और अंत में लगता है क्या! अभी कुछ और करने के लिए shortdesc var बदल त्रुटि से छुटकारा मिल गया. असल में! चर नाम fieldID से अलग करने के लिए किया था

यह लोगों को पुराने स्कूल है, लेकिन हमेशा की तरह यह मेरी स्मृति पूरक है.
तो = "सच" और विकलांग = "झूठे" वही अक्षम है हाँ?
... विश्वास, अच्छी तरह से नहीं क्या! यहाँ कुछ त्वरित विवरण है ... thats तरीका यह है ...
किसी भी रूप तत्व / क्षेत्र की एक विशेषता है "अक्षम" और अपने स्वभाव से इसलिए किसी भी मान को स्वीकार कर सकते हैं.

के रूप में लंबे समय के रूप में यह गुण मौजूद है, तत्व इसकी कीमत की परवाह किए बिना अक्षम जाएगा. उदाहरण के लिए.
<input type="text" value="This disabled" disabled> है
<input type="text" value="This disabled" disabled="disabled"> है
<input type="text" value="This disabled" disabled="true"> है
<input type="text" value="This disabled" disabled="false"> है

उपरोक्त सभी इस प्रपत्र फ़ील्ड "DISABLED" कर देगा.

बस विशेषता नहीं उपलब्ध कराने के नीचे की तरह फील्ड "विकलांग" "DISABLED" रहता है

<input type="text" value="This disabled" नहीं है />

याद रखें "विकलांग विशेषता का कोई मूल्य (या सभी में कोई मूल्य नहीं), ब्राउज़र को प्रस्तुत करना होगा इसे निष्क्रिय. हमारे मन डब्ल्यू .3 सी. में चीजों को साफ रखने की सिफारिश की है कि हम अक्षम = "अक्षम" इन स्थितियों में उपयोग.

हालांकि यह अंतर है जब हम जावास्क्रिप्ट में इस विशेषता का उपयोग करें ...

document.form.element.disabled = सच, / / तत्व अक्षम जाएगा
document.form.element.disabled = झूठी; / / तत्व सक्षम हो जाएगा

उपरोक्त तर्क भी इन गुण और तत्वों के लिए सच हैं:

• जाँच (रेडियो बटन और चेकबॉक्स)
• चयनित (विकल्प)
• nowrap (टीडी)

जावास्क्रिप्ट प्रवंचना का एक और छोटा सा टुकड़ा है कि मैं आसपास खुदाई क्योंकि यह स्थिति commaned है heres. मेरी वेब साइटों में से एक में, मैं इस स्थिति थी, जहां मैं "windows.onload" दो बार लागू किया था. पहली बात यह है कि मेरी तरह एक अनुभवहीन मन (मैं ईमानदारी से कह सकता हूँ कि, के बाद से मैं जावास्क्रिप्ट चौखटे और पुस्तकालयों का उपयोग कर रहा है, मैं मेरे अपने दुख की बात है लेकिन सच सरल बातें कर forgotton है) करने के लिए आया था, निम्नलिखित विधि है ...

 window.onload onloadfn1 =;
 window.onload onloadfn2 =;
 window.onload onloadfn3 =;
 आदि ..

कहते हैं क्षमा करें, लेकिन, यह अभ्यस्त काम न जावास्क्रिप्ट ज्यादा का निष्पादन विज्ञान के बारे में बात करना चाहता हूँ ... लेकिन हाल ही में मेरे अनुभव के अनुसार, केवल आखरी समारोह (onloadfn3) बीमार वास्तव में निष्पादित हो जाएगी.

सामान्य स्थितियों में, मेरा विपरीत (जो मैं एक छोटे के बारे में बाद में बात करेंगे) ... आप निम्न में से कोई एक कार्य करें mutliple onload कार्यों को अंजाम सकता है ....

या कुछ इस तरह

 समारोह (doOnLoad) {
         (onloadfn1);
         (onloadfn2);
         onloadfn3 ();
 }
 window.onload doOnLoad =;

मेरे वर्तमान स्थिति के लिए, मैं या तो ऊपर का उपयोग नहीं कर सकते हैं ...
मैं दो बार windows.onload फोन, बल्कि एक एकल onload समारोह के भीतर दो कार्यों के लिए बुला कि क्या ज़रूरत थी? यहाँ मेरी समस्या के बयान पर त्वरित देखो ...

"मेरी साइट के पृष्ठों WordPress विषय की तरह संरचित कर रहे हैं .... यानी वहाँ एक आम Header.php और footer.php कि सभी साइट के पृष्ठों में शामिल हो जाता है. Footer.php में onload समारोह implementaion कुछ आम खोलने पर कार्य करना है. और वहाँ कुछ पृष्ठों है कि अपने स्वयं के onload की कुछ करने की जरूरत है, आम onload समारोह द्वारा किया उन लोगों से अलग हैं. अगर मैं कॉलबैक समारोह असाइन window.onload हैंडलर के लिए सीधे, यह footer.php में पहले से ही सौंपा callbacks अधिक सवारी करेंगे

.... मेरी समस्या समझ ?

अच्छी तरह से! वहाँ कुछ समाधान है कि मुझे पता चला रहे हैं. वे सब बहुत समान हैं और मुख्य रूप से एक साइमन Willison (द्वारा दिए गए समाधान के implementions http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

समाधान:

केवल साइट के लिए इस जावास्क्रिप्ट कोड जोड़ने के ...

 में समारोह addLoadEvent (समारोह) {
     var oldonload window.onload =;
     अगर (typeof window.onload = 'समारोह'!)
        window.onload = समारोह
     बाकी} {
        window.onload = समारोह () {
            एक अगर है (oldonload),
                   oldonload ()
           }
           (समारोह)
        }
    }
 }

और यह हमेशा की तरह "windows.onload" की बजाय फोन

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 / * अधिक कोड पृष्ठ लोड * पर चलाने
 }); 

इस कोड स्निपेट के लाभ ...
1. जाहिर है, यह आपको कई windows.onload घटनाओं, अपने कोड की अलग भागों से कहा पिछले परिभाषा overridding बिना,
2. यह वास्तव में विनीत है. यह अपने अन्य लिपियों के साथ एक फ़ाइल में या एक अलग फाइल में रखा जा सकता है.
3. यह काम करता है भले ही window.onload पहले से ही स्थापित किया गया है.

कभी कभी pageweight कम रखने के लिए ... हम हमारे लिपियों टुकड़ों में विभाजित है ... ये जावास्क्रिप्ट टुकड़े के रूप में लोड किया जा सकता है और जब आवश्यक (एक घटना पर या एक लिंक या बटन आदि पर क्लिक करें).

लोड हो रहा है javascripts गतिशील सरल और सुंदर आगे के रूप में नीचे सीधे है ...

= “text/javascript” > <स्क्रिप्ट प्रकार = "पाठ / जावास्क्रिप्ट">
समारोह loadNewScript (स्रोत) {
var = document.createElement ('स्क्रिप्ट');
s.setAttribute ('प्रकार', 'पाठ / जावास्क्रिप्ट');
s.setAttribute ('"', स्रोत);
document.body.appendChild ();
}
</ Script>

आप निम्न कॉल लिंक शरीर में कहीं भी कर सकते हैं या आप स्वयं दस्तावेज़ के इस स्क्रिप्ट "onload" हो सकता है ...

= “javascript:loadNewScript('myDynamicScript.js');” >Load Dynamic Script</ a > <A href = "जावास्क्रिप्ट: loadNewScript के ('myDynamicScript.js);"> लोड गतिशील स्क्रिप्ट </ a>

या

प्रिंट onload="loadNewScript('myDynamicScript.js');">

ऐसा नहीं है कि वहाँ केवल कुछ है Lightbox है कि आप पा सकते हैं जब आप गूगल कर रहे हैं. lightboxes है कि मैंने पाया की अधिकांश के साथ मुद्दा था कि वे सभी एक या अन्य JQuery, प्रोटोटाइप, MooTools और पसंद की तरह भारी वजन जावास्क्रिप्ट frameworks का उपयोग करने के लिए लग रहा था. वे सब शांत और ठाठ देख रहे हैं. लेकिन यदि आपकी आवश्यकता है "लेकिन मैं अपनी साइट के लिए एक सरल और हल्के lightbox स्क्रिप्ट चाहते हैं", तो यहाँ यह है;

इस lightbox की कुछ अच्छी सुविधाएँ

1. बहुत हल्का
   . 4kb लिपियों जब पैक (केबी unpacked किया 8)
   ख. 2 सीएसएस का केबी
   ग. Lightbox कंटेनर के लिए HTML की कुछ पंक्तियाँ
2. सरल समझने के लिए और लागू
3. एक ही पृष्ठ पर एकाधिक Lightboxes हो सकता है.
4. वही lightbox कंटेनर को दिखाने के लिए, विभिन्न सामग्री (जो अलग - अलग पृष्ठ में छिपा डिवीजनों के रूप में शामिल है), लिंक / विकल्प है कि क्लिक किए जाने पर निर्भर करता है प्रयोग किया जाता है.
5. स्वतः ही केंद्र है, जैसे, विंडो ऊंचाई और चौड़ाई (स्क्रीन संकल्प), पृष्ठ स्क्रॉल राशि और lightbox की सामग्री की ऊंचाई सभी कारकों को ध्यान में ले
6. IE 7 एंड स्मूथरिंग में परीक्षण

डेमो देखें |
डाउनलोड Lightbox स्रोत ज़िप (1813 बार डाउनलोड)

jo.js, jo_pack.js [पैक संस्करण]: जावास्क्रिप्ट वस्तुओं का एक सरल सेट [जो], जो तत्व खिड़की, और दस्तावेज़ पोजीशनिंग स्क्रिप्ट शामिल हैं. आप JO.JS खुला अगर आप कुछ उन्नत Javascripting, सार कार्यों बनाने के साथ अपने हाथ गंदे हो सकते हैं, तत्व गुण और इस तरह के विस्तार. यदि आप Javascripting में भी ज्यादा नहीं है, यह अकेला छोड़ दो.

lightbox.js, lightbox_pack.js [पैक संस्करण: प्रकाश बॉक्स प्रबंधक लिपियों होते. यदि आप पेज डिजाइनर पृष्ठ पर lightbox को लागू करने के साथ भी जिम्मेदार हैं, तो आप LightBoxManager समझने की जरूरत है. LightBoxManager मूल रूप से सिर्फ दो कार्यों showLightBox और closeLightBox शामिल हैं.

lightbox.css: - यदि आप सीएसएस पता है, आप आसपास lightbox.css के साथ खेलने के लिए देखो lightbox.css पता लग रहा है अनुकूलित कर सकते हैं

index.html: दो अलग अलग सामग्री के साथ lightbox का नमूना कार्यान्वयन

lb_underlay_bkg.png: - यह प्रकाश / सिमी पारदर्शी छवि lightbox बुनियाद के लिए पृष्ठभूमि में प्रयोग किया जाता है [बुनियाद lighbox नीचे परत है, जो पृष्ठ पर किसी अन्य संस्था को क्लिक करने से उपयोगकर्ता को रोकता है, जबकि lightbox खुला है]. आप इस उद्देश्य के लिए किसी भी छवि या यहाँ तक कि एक ठोस रंग का उपयोग करें, पृष्ठ डिजाइन और आवश्यकता के आधार पर कर सकते हैं.

icon_lb_close.gif: प्रकाश बॉक्स के ऊपरी दाएँ भाग पर करीब lightbox संभाल के लिए छवि. डिजाइन के अनुसार किसी भी छवि का उपयोग कर सकते हैं

डेमो देखें |
डाउनलोड Lightbox स्रोत ज़िप (1813 बार डाउनलोड)

कृपया हमें अपनी टिप्पणियाँ और प्रतिक्रिया ...

खैर, मैं कहना है, लेकिन नहीं विज्ञान के इस तरह के एक उपयोगी टुकड़ा अगर आप एक वेब डेवलपर हैं, काम आ, किसी दिन हो सकता है (या यह है?). यहाँ छोटे बुकमार्कलेट है, जो किसी भी साइट के लिए वेब पेज को संपादित करने की अनुमति देता है.
क्षमा करें! आप अपने स्थानीय मशीन पर परिणाम ही बचा सकता है.

जावास्क्रिप्ट: document.body.contentEditable = 'सच', document.designMode = 'पर', शून्य शून्य

कई बार हम ब्राउज़र specfic हैक्स लिखने की जरूरत महसूस हो रहा है (हालांकि यह एक अच्छा अभ्यास नहीं है, हम यूआई डेवलपर्स के लिए महान ब्राउज़र युद्धों जब तक इस तरह के बुराइयों को सहारा है एक संघर्ष विराम के लिए आता है). इससे पहले, मैं इस लेख में उल्लेख किया था, आपके केवल ies के लिए , कैसे एक सीएसएस टुकड़ा है कि आईई ब्राउज़र को दिखाई हो <केवल IE7 के लिखने के.

कल, मैं एक मामले में, जहाँ मैं कुछ फ़ायर्फ़ॉक्स विशिष्ट सीएसएस टुकड़े लिखना चाहता था. अच्छी तरह से! मुझे यकीन है कि अगर वहाँ इस के लिए एक सीएसएस कोड है, लेकिन नहीं कर रहा हूँ वहाँ एक HTML है वहाँ एक पकड़ने की, हालांकि है., HTML doesnot पास HTML सत्यापन के इस टुकड़े. लेकिन, anywaz! यदि आप बुरी तरह से या के रूप में इस तरह फंस रहे हैं, सत्यापन के लिए कोई संबंध है (कुछ समय हम क्रूर हो सकता है), आप निम्न का उपयोग करने के लिए एक एफएफ केवल स्टाइलशीट के लिए एक लिंक की घोषणा सकता है या अभी भी इस खंड के भीतर सीएसएस कोड. कोड है

<comment> अपने ही फ़ायर्फ़ॉक्स HTML / सीएसएस / लिपियों यहाँ <टिप्पणी /> रखो

जैसे
<comment>
<style>
केवल FF / * / * शैलियाँ
fieldset {सीमा: 1px ठोस dddddd #;}
</ शैली>
</ टिप्पणी>

"मैं खुश हूँ पल के लिए ...

यहाँ देशी जावास्क्रिप्ट ऐरे वस्तु बढ़ा है, सिर्फ इतना है कि करने के लिए त्वरित तरीका है ...

Array.prototype. removeItem =function(str) {
for(i=0; i<this.length ; i++){
if(escape(this[i]).match(escape(str.trim()))){
this.splice(i, 1); break;
}
}
return this;
}


तो अब आप कुछ इस तरह कर सकते हैं ...

var animals= new Array("dog","lion","cat","tiger","elephant");
animals. removeItem ('tiger');

अब जानवरों सरणी "कुत्ता" होते हैं, "शेर", "बिल्ली", "हाथी";

पुनश्च: और यहाँ स्ट्रिंग छाँटो प्रोटोटाइप भी है ...

String.prototype.trim=function(str) {
str = this != window? this : str;
return str.replace(/^\s+/g, '').replace(/\s+$/g, '');
}

आनंद लें ....

जावास्क्रिप्ट HTML दस्तावेज़ के तल पर शामिल करें

यदि आप दस्तावेज़ नहीं है (या पृष्ठ javascripts का उपयोग कर सामग्री के किसी भी गतिशील पीढ़ी) करने के लिए अपने लिपियों में पृष्ठ की सामग्री का हिस्सा सम्मिलित करते हैं, स्क्रिप्ट चाल शरीर टैग के अंत से पहले पृष्ठ के नीचे करने के लिए बयान है, शामिल हैं.
HTTP/1.1 विनिर्देश पता चलता है कि ब्राउज़र मेजबाननाम प्रति समानांतर में कोई दो से अधिक घटकों डाउनलोड. यदि आप एकाधिक मेजबाननाम से अपनी छवियों की सेवा, आप दो से अधिक डाउनलोड करने के लिए समानांतर में हो सकता है. जबकि एक स्क्रिप्ट डाउनलोड कर रहा है, तथापि, ब्राउज़र किसी भी अन्य डाउनलोड विभिन्न मेजबाननाम पर भी शुरू नहीं होगा,.
वहाँ भी तरीके गतिशील स्क्रिप्ट नोड्स को बनाने के लिए और दूरस्थ स्क्रिप्ट लोड के बाद पृष्ठ के AJAX का उपयोग कर भरी हुई है.

आप जावास्क्रिप्ट Externalise

बाहरी जावास्क्रिप्ट फ़ाइलों का उपयोग कर पृष्ठों की तेजी से लोड करने में परिणाम क्योंकि जावास्क्रिप्ट फ़ाइलें ब्राउज़र द्वारा कैश्ड हैं. इनलाइन है जावास्क्रिप्ट HTML दस्तावेज़ में HTML दस्तावेज़ का अनुरोध किया जाता है हर बार डाउनलोड हो. यह वास्तव में HTTP के किए गए अनुरोध की संख्या कम हो सकता है लेकिन यह बाद में HTML दस्तावेज़ का आकार बढ़ जाती है. बाहरी जावास्क्रिप्ट ब्राउज़र द्वारा कैश्ड हैं, HTML दस्तावेज़ का आकार HTTP अनुरोधों की संख्या में वृद्धि के बिना कम है.
कृपया ध्यान दें कि, अगर आपकी साइट पर उपयोगकर्ताओं के प्रति सत्र एक से अधिक पृष्ठ विचार है और आपके पृष्ठों की पुनः उपयोग एक ही स्क्रिप्ट और स्टाइलशीट कई, वहाँ एक बड़ी कैश्ड बाह्य फ़ाइलों से संभावित लाभ है.

आपके जावस्क्रिप्ट फाइलों में पैक

, JavaScripts के मामले में सीएसएस के विपरीत, फाइलें कुछ मानक एल्गोरिदम कि बस रिक्त स्थान या टैब को हटाने से कम फ़ाइल आकार देना होगा का उपयोग crunched सकता है. जावास्क्रिप्ट पैकर का एक उदाहरण http://dean.edwards.name/packer/ यहाँ पाया जा सकता है

किसी भी डुप्लिकेट लिपियों से छुटकारा

यह बहुत ही असामान्य है कि पूरे लिपियों दोहराया जा सकता है, लेकिन अमेरिका के दस शीर्ष वेब साइटों की समीक्षा से पता चलता है कि उनमें से दो एक दोहराया स्क्रिप्ट के होते हैं. स्क्रिप्ट डुप्लिकेट लेकिन स्पष्ट रूप से अनावश्यक HTTP अनुरोध और व्यर्थ जावास्क्रिप्ट निष्पादन बनाने के द्वारा प्रदर्शन को कम कर देता है.
इसके अलावा, कई मामलों में, हालांकि स्क्रिप्ट नाम अलग हैं, वहाँ टीम स्क्रिप्ट के आकार और संख्या के कारण एक ही पृष्ठ के भीतर डुप्लिकेट स्क्रिप्ट की संभावना है.

डोम तत्वों तक पहुँचने जहां संभव न्यूनतम

जावास्क्रिप्ट के साथ डोम तत्वों क्रम में एक और अधिक उत्तरदायी पृष्ठ, तुम चाहिए के लिए इतनी धीमी है:
• पहुँचा तत्वों को कैश संदर्भ
• अद्यतन नोड्स "ऑफ़लाइन" और फिर पेड़ से उन्हें जोड़ने
जावास्क्रिप्ट के साथ लेआउट फिक्सिंग बचें

सामग्री और प्रस्तुति से अलग व्यवहार

बस के रूप में हम से अलग प्रस्तुति सामग्री (XHTML / XML) (सीएसएस / XSLT), हम भी व्यवहार अलग होना चाहिए (जावास्क्रिप्ट). यह विनीत जावास्क्रिप्ट कहा जाता है. बस के रूप में हम बाहरी सीएसएस फ़ाइलों के लिए लिंक, हम बाहरी जावास्क्रिप्ट फ़ाइलों को लिंक करना होगा.

सामग्री (जैसे onmouseover, onclick, आदि) में हार्ड कोडन व्यवहार के बजाय, व्यवहार गतिशील तत्व, वर्गों, और अद्वितीय (आईडी) तत्वों डोम का उपयोग करने के लिए जोड़ा जाना चाहिए. मूलभूत दस्तावेज़, सामग्री, केवल वैध XHTML XML / और कोई जावास्क्रिप्ट को शामिल करना चाहिए.
जावास्क्रिप्ट व्यवहार जोड़ने के द्वारा सामग्री को बढ़ाने चाहिए. सामग्री उपयोगी और जावास्क्रिप्ट (या पूर्ण जावास्क्रिप्ट समर्थन के बिना) के बिना प्रयोग करने योग्य रहना चाहिए.

कई अवसरों पर, जबकि पॉपअप प्रभागों / lightboxes सुझाव / पृष्ठ लेआउट के साथ कर रहे हैं आदि हम स्थितियों में, जहां कुछ फार्म का चयन करें वस्तुओं को इन POPUP प्रभागों के तहत डिजाइन द्वारा, होता है और यह माध्यम से पता चलता है भर में आ ... YUK!!

अच्छी तरह से! आप आसानी से अपने z-सूचकांक मूल्यों एफएफ और IE7 के लिए उचित समायोजन करके ठीक कर सकता है. लेकिन अच्छे पुराने IE6 का व्यवहार नहीं करता है (यमक इच्छित) के रूप में करना .... का चयन करें बॉक्स के माध्यम से दिखाने के लिए, के बाद भी आप अपने पॉपअप डिवीजन ... Bummer! कुछ तेजी से उच्च z-सूचकांक मूल्यों को लागू!

इस समस्या के लिए नहीं सुधार कर रहे हैं, लेकिन वहाँ रहे हैं, मुझे विश्वास है, कुछ काम करने के लिए चारों ओर इस समस्या की तरह, लेकिन मैं यहाँ आप सरल समाधान है कि मैं का उपयोग करें, जो मेरे लिए ठीक काम करता है के अधिकांश में, बता से अधिक मामलों ....

"ROUGE का चयन करें बॉक्स छुपा जब आप POPUP शो"

बस अपनी स्क्रिप्ट टुकड़ा में जहाँ आप अपने पॉपअप दिखा, स्क्रिप्ट का एक टुकड़ा जोड़ने के "छुपे हुए" का चयन करें बॉक्स की दृश्यता सेट

document.getElementById ('my_select) style.visibilty = "छिपी";

और यह अपने पॉपअप डिवीजन के करीब पर वापस सेट याद

document.getElementById ('my_select') = "दिखाई" style.visibilty के;

"my_select" जहां जलन का चयन करें बॉक्स की आईडी है

उम्मीद है कि इस मदद करता है ...

पुनश्च. गतिशील पॉपअप DIV के तहत एक iframe (पॉपअप आप के रूप में एक ही आकार) positionining की तरह बिल्कुल अन्य विकल्प हैं ... यह भी अच्छी तरह से काम करता है, लेकिन डोम तत्वों, स्क्रिप्ट और सिर की पीड़ा के भार की एक अतिरिक्त के साथ. मैं इस समाधान का इस्तेमाल किया है भी, और यदि आप इस विकल्प के साथ किसी भी मदद की ज़रूरत है, मुझे पता है. मदद करने के लिए खुश हो जाएगा!