मैंने स्वयं सीएसएस और जावास्क्रिप्ट का उपयोग करके एक और तरीका निकाला है।
यह केवल कक्षाओं और आईडी के साथ छेड़छाड़ शुरू करने के लिए है।
CSS स्निपेट:
1. एक सीएसएस आईडी नियम बनाएं, और इसे #jsDis नाम दें।
2. बॉडी एलिमेंट के बाद टेक्स्ट जेनरेट करने के लिए "कंटेंट" प्रॉपर्टी का इस्तेमाल करें। (आप अपनी इच्छानुसार इसे स्टाइल कर सकते हैं)।
3 एक दूसरा सीएसएस आईडी नियम बनाएं और इसे #jsEn नाम दें, और इसे स्टाइल करें। (सादगी के लिए, मैंने अपने #jsEn नियम को एक अलग पृष्ठभूमि का रंग दिया।
<style>
#jsDis:after {
content:"Javascript is Disable. Please turn it ON!";
font:bold 11px Verdana;
color:#FF0000;
}
#jsEn {
background-color:#dedede;
}
#jsEn:after {
content:"Javascript is Enable. Well Done!";
font:bold 11px Verdana;
color:#333333;
}
</style>
जावास्क्रिप्ट स्निपेट:
1. एक फ़ंक्शन बनाएँ।
2. GetElementById के साथ बॉडी आईडी को पकड़ो और इसे एक वैरिएबल पर असाइन करें।
3. JS फ़ंक्शन 'setAttribute' का उपयोग करके, BODY तत्व की ID विशेषता का मान बदलें।
<script>
function jsOn() {
var chgID = document.getElementById('jsDis');
chgID.setAttribute('id', 'jsEn');
}
</script>
HTML हिस्सा।
1. #jsDis की आईडी के साथ BODY तत्व विशेषता को नाम दें।
2. फ़ंक्शन नाम के साथ ऑनलाड इवेंट जोड़ें। (JSON ())।
<body id="jsDis" onLoad="jsOn()">
क्योंकि BODY टैग को #jsDis की आईडी दी गई है:
- यदि जावास्क्रिप्ट सक्षम है, तो यह स्वयं BODY टैग की विशेषता से बदल जाएगा।
- यदि जावास्क्रिप्ट निष्क्रिय हो जाता है, तो यह css 'सामग्री:' नियम पाठ दिखाएगा।
आप एक #wrapper कंटेनर के साथ, या JS का उपयोग करने वाले किसी भी DIV के साथ खेल सकते हैं।
आशा है कि यह विचार प्राप्त करने में मदद करता है।