जावास्क्रिप्ट स्टाइल शीट्स: Difference between revisions

From Vigyanwiki
No edit summary
No edit summary
Line 9: Line 9:
| standard = [http://www.w3.org/Submission/1996/1/WD-jsss-960822 Netscape's JavaScript-Based Style Sheets submission to the W3C]
| standard = [http://www.w3.org/Submission/1996/1/WD-jsss-960822 Netscape's JavaScript-Based Style Sheets submission to the W3C]
}}
}}
'''जावास्क्रिप्ट स्टाइल शीट (जेएसएसएस)''' 1996 में [[नेटस्केप]] द्वारा वेबपृष्ठों की प्रस्तुति को परिभाषित करने की सुविधा प्रदान करने के लिए प्रस्तावित एक [[स्टाइलशीट भाषा]] तकनीक थी।<ref name="chapter20">{{cite web|title=Chapter 20 - The CSS saga|url=http://www.w3.org/Style/LieBos2e/history/|publisher=[[World Wide Web Consortium]]|access-date=23 June 2010|author=Håkon Wium Lie|author-link=Håkon Wium Lie|author2=Bert Bos|author2-link=Bert Bos}}</ref> इस प्रकार यह [[ व्यापक शैली पत्रक |व्यापक स्टाइल शीट]] (सीएसएस) तकनीक का एक विकल्प था।<ref name="chapter20" />
'''जावास्क्रिप्ट स्टाइल शीट (जेएसएसएस)''' 1996 में [[नेटस्केप]] द्वारा वेबपृष्ठों की प्रस्तुति को परिभाषित करने की सुविधा प्रदान करने के लिए प्रस्तावित एक [[स्टाइलशीट भाषा]] तकनीक थी।<ref name="chapter20">{{cite web|title=Chapter 20 - The CSS saga|url=http://www.w3.org/Style/LieBos2e/history/|publisher=[[World Wide Web Consortium]]|access-date=23 June 2010|author=Håkon Wium Lie|author-link=Håkon Wium Lie|author2=Bert Bos|author2-link=Bert Bos}}</ref> इस प्रकार से यह [[ व्यापक शैली पत्रक |व्यापक स्टाइल शीट]] (सीएसएस) तकनीक का एक विकल्प था।<ref name="chapter20" />


यद्यपि नेटस्केप ने इसे [[ विश्वव्यापी वेब संकाय |वर्ल्ड वाइड वेब संघ]] (डब्ल्यू3सी) को प्रस्तुत किया, परन्तु तकनीक को औपचारिक मानक के रूप में कभी स्वीकार नहीं किया गया और इसे कभी भी [[वेब ब्राउज़र]] बाजार में स्वीकृति नहीं मिली थी। इस प्रकार से मात्र [[नेटस्केप कम्युनिकेटर|नेटस्केप संप्रेषक]] 4 ने जेएसएसएस को लागू किया जिससे प्रतिद्वंद्वी [[इंटरनेट एक्सप्लोरर]] ने प्रौद्योगिकी को लागू नहीं करने का विकल्प चुना था। अतः 1997 में नेटस्केप संप्रेषक के जारी होने के तुरंत बाद नेटस्केप द्वारा प्रतिद्वंद्वी सीएसएस मानक पर ध्यान केंद्रित करने के अतिरिक्त जेएसएसएस को पूर्ण रूप से बढ़ावा देना संवृत कर दिया गया था, जिसे इंटरनेट एक्सप्लोरर द्वारा भी समर्थित किया गया था और इसकी व्यापक उद्योग की स्वीकृति की थी।
यद्यपि नेटस्केप ने इसे [[ विश्वव्यापी वेब संकाय |वर्ल्ड वाइड वेब संघ]] (डब्ल्यू3सी) को प्रस्तुत किया, परन्तु तकनीक को औपचारिक मानक के रूप में कभी स्वीकार नहीं किया गया और इसे कभी भी [[वेब ब्राउज़र]] बाजार में स्वीकृति नहीं मिली थी। इस प्रकार से मात्र [[नेटस्केप कम्युनिकेटर|नेटस्केप संप्रेषक]] 4 ने जेएसएसएस को लागू किया जिससे प्रतिद्वंद्वी [[इंटरनेट एक्सप्लोरर]] ने प्रौद्योगिकी को लागू नहीं करने का विकल्प चुना था। अतः 1997 में नेटस्केप संप्रेषक के जारी होने के तुरंत बाद नेटस्केप द्वारा प्रतिद्वंद्वी सीएसएस मानक पर ध्यान केंद्रित करने के अतिरिक्त जेएसएसएस को पूर्ण रूप से बढ़ावा देना संवृत कर दिया गया था, जिसे इंटरनेट एक्सप्लोरर द्वारा भी समर्थित किया गया था और इसकी व्यापक उद्योग की स्वीकृति की थी।


इस प्रकार नेटस्केप संप्रेषक ने [[नेटस्केप 6]] (2000 में जारी) के अनुवर्ती द्वारा जेएसएसएस के लिए समर्थन छोड़ दिया था। यह अब एक ऐतिहासिक फुटनोट से अतिरिक्त अधिक है, [[वेब विकास]] के साथ सामान्यतः इसके पूर्व अस्तित्व से अनभिज्ञ है। अतः यह प्रस्ताव डब्ल्यू3सी मानक नहीं बन पाया था।
इस प्रकार से नेटस्केप संप्रेषक ने [[नेटस्केप 6]] (2000 में जारी) के अनुवर्ती द्वारा जेएसएसएस के लिए समर्थन छोड़ दिया था। अतः यह अब पूर्ण रूप से एक ऐतिहासिक फुटनोट से अतिरिक्त अधिक है क्योंकि यह [[वेब विकास]] के साथ सामान्यतः इसके पूर्व अस्तित्व से अनभिज्ञ है। अतः यह प्रस्ताव डब्ल्यू3सी मानक नहीं बन पाया था।


== सिंटेक्स ==
== सिंटेक्स ==
एक स्टाइलशीट के रूप में [[जावास्क्रिप्ट]] कोड का उपयोग करते हुए किया था, जेएसएसएस किसी <code>document.tags</code> वस्तु के गुणों को संशोधित करके व्यक्तिगत अवयव को स्टाइल करता है। उदाहरण के लिए, सीएसएस:
इस प्रकार से एक स्टाइलशीट के रूप में [[जावास्क्रिप्ट]] कोड का उपयोग करते हुए किया था, जेएसएसएस किसी <code>document.tags</code> वस्तु के गुणों को संशोधित करके व्यक्तिगत अवयव को स्टाइल करता है। उदाहरण के लिए, सीएसएस:
<syntaxhighlight lang="css">
<syntaxhighlight lang="css">
  h1 { font-size: 20pt; }
  h1 { font-size: 20pt; }
</syntaxhighlight>
</syntaxhighlight>
जेएसएसएस के बराबर है:
इस प्रकार से यह जेएसएसएस के बराबर है:
<syntaxhighlight lang="javascript">
<syntaxhighlight lang="javascript">
  document.tags.H1.fontSize = "20pt";
  document.tags.H1.fontSize = "20pt";
Line 26: Line 26:
जेएसएसएस अवयव नाम विषय संवेदी होते हैं।
जेएसएसएस अवयव नाम विषय संवेदी होते हैं।


जेएसएसएस में विभिन्न सीएसएस चयनकर्ता सुविधाओं का अभाव है, मात्र साधारण टैग नाम, वर्ग और आईडी चयनकर्ताओं का समर्थन करता है। दूसरी ओर, चूंकि यह एक पूर्ण [[प्रोग्रामिंग भाषा]] का उपयोग करके लिखा गया है अतः इसलिए स्टाइलशीट में अत्यधिक जटिल गतिशील गणना और प्रतिबन्ध प्रसंस्करण सम्मिलित हो सकते हैं। (व्यवहार में, यद्यपि, इसे कार्यावधि पर दस्तावेज़ पर लागू स्टाइलशीट को संशोधित करने के लिए जावास्क्रिप्ट का उपयोग करके प्राप्त किया जा सकता है।) इस प्रकार इस कारण से जेएसएसएस का उपयोग प्रायः [[ गतिशील वेब पेज |गतिशील वेब पृष्ठ]] के निर्माण में किया जाता था।
अतः जेएसएसएस में विभिन्न सीएसएस चयनकर्ता सुविधाओं का अभाव है, मात्र साधारण टैग नाम, वर्ग और आईडी चयनकर्ताओं का समर्थन करता है। इस प्रकार से दूसरी ओर, चूंकि यह एक पूर्ण [[प्रोग्रामिंग भाषा]] का उपयोग करके लिखा गया है अतः इसलिए स्टाइलशीट में अत्यधिक जटिल गतिशील गणना और प्रतिबन्ध प्रसंस्करण सम्मिलित हो सकते हैं। (अतः व्यवहार में, यद्यपि, इसे कार्यावधि पर डॉक्यूमेंट पर लागू स्टाइलशीट को संशोधित करने के लिए जावास्क्रिप्ट का उपयोग करके प्राप्त किया जा सकता है।) इस प्रकार से इस कारण से जेएसएसएस का उपयोग प्रायः [[ गतिशील वेब पेज |गतिशील वेब पृष्ठ]] के निर्माण में किया जाता था।


=== उदाहरण ===
=== उदाहरण ===
इस प्रकार से निम्न उदाहरण एचटीएमएल-दस्तावेज़ के स्रोत कोड का भाग दिखाता है:
इस प्रकार से निम्न उदाहरण एचटीएमएल-डॉक्यूमेंट के स्रोत कोड का भाग दिखाता है:


<syntaxhighlight lang="html">
<syntaxhighlight lang="html">
Line 49: Line 49:


== ब्राउज़र समर्थन ==
== ब्राउज़र समर्थन ==
इस प्रकार से जावास्क्रिप्ट स्टाइल शीट मात्र नेटस्केप 4.x (4.0–4.8) द्वारा समर्थित थे परन्तु बाद के संस्करणों में ऐसा नहीं था। किसी अन्य वेब ब्राउज़र ने कभी भी जेएसएसएस को एकीकृत नहीं किया है।
इस प्रकार से जावास्क्रिप्ट स्टाइल शीट मात्र नेटस्केप 4.x (4.0–4.8) द्वारा समर्थित थे परन्तु बाद के संस्करणों में ऐसा नहीं था। अतः किसी अन्य वेब ब्राउज़र ने कभी भी जेएसएसएस को एकीकृत नहीं किया है।


==संदर्भ==
==संदर्भ==

Revision as of 10:22, 26 June 2023

JavaScript Style Sheets
Internet media type
text/javascript
Developed byNetscape Communications Corporation
Type of formatStyle sheet language
StandardNetscape's JavaScript-Based Style Sheets submission to the W3C

जावास्क्रिप्ट स्टाइल शीट (जेएसएसएस) 1996 में नेटस्केप द्वारा वेबपृष्ठों की प्रस्तुति को परिभाषित करने की सुविधा प्रदान करने के लिए प्रस्तावित एक स्टाइलशीट भाषा तकनीक थी।[1] इस प्रकार से यह व्यापक स्टाइल शीट (सीएसएस) तकनीक का एक विकल्प था।[1]

यद्यपि नेटस्केप ने इसे वर्ल्ड वाइड वेब संघ (डब्ल्यू3सी) को प्रस्तुत किया, परन्तु तकनीक को औपचारिक मानक के रूप में कभी स्वीकार नहीं किया गया और इसे कभी भी वेब ब्राउज़र बाजार में स्वीकृति नहीं मिली थी। इस प्रकार से मात्र नेटस्केप संप्रेषक 4 ने जेएसएसएस को लागू किया जिससे प्रतिद्वंद्वी इंटरनेट एक्सप्लोरर ने प्रौद्योगिकी को लागू नहीं करने का विकल्प चुना था। अतः 1997 में नेटस्केप संप्रेषक के जारी होने के तुरंत बाद नेटस्केप द्वारा प्रतिद्वंद्वी सीएसएस मानक पर ध्यान केंद्रित करने के अतिरिक्त जेएसएसएस को पूर्ण रूप से बढ़ावा देना संवृत कर दिया गया था, जिसे इंटरनेट एक्सप्लोरर द्वारा भी समर्थित किया गया था और इसकी व्यापक उद्योग की स्वीकृति की थी।

इस प्रकार से नेटस्केप संप्रेषक ने नेटस्केप 6 (2000 में जारी) के अनुवर्ती द्वारा जेएसएसएस के लिए समर्थन छोड़ दिया था। अतः यह अब पूर्ण रूप से एक ऐतिहासिक फुटनोट से अतिरिक्त अधिक है क्योंकि यह वेब विकास के साथ सामान्यतः इसके पूर्व अस्तित्व से अनभिज्ञ है। अतः यह प्रस्ताव डब्ल्यू3सी मानक नहीं बन पाया था।

सिंटेक्स

इस प्रकार से एक स्टाइलशीट के रूप में जावास्क्रिप्ट कोड का उपयोग करते हुए किया था, जेएसएसएस किसी document.tags वस्तु के गुणों को संशोधित करके व्यक्तिगत अवयव को स्टाइल करता है। उदाहरण के लिए, सीएसएस:

 h1 { font-size: 20pt; }

इस प्रकार से यह जेएसएसएस के बराबर है:

 document.tags.H1.fontSize = "20pt";

जेएसएसएस अवयव नाम विषय संवेदी होते हैं।

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

उदाहरण

इस प्रकार से निम्न उदाहरण एचटीएमएल-डॉक्यूमेंट के स्रोत कोड का भाग दिखाता है:

<style type="text/javascript">
tags.H1.color = "red";
tags.p.fontSize = "20pt";

with (tags.H3) {
    color = "green";
}
with (tags.H2) {
    color = "red";
    fontSize = "16pt";
    marginTop = "4cm";
}
</style>

इस प्रकार से कैस्केडिंग स्टाइल शीट के समान, जेएसएसएस का उपयोग ‎<style> टैग में किया जा सकता है। अतः यह उदाहरण टैग चुनने के दो अलग-अलग विधियों को दिखाता है।

ब्राउज़र समर्थन

इस प्रकार से जावास्क्रिप्ट स्टाइल शीट मात्र नेटस्केप 4.x (4.0–4.8) द्वारा समर्थित थे परन्तु बाद के संस्करणों में ऐसा नहीं था। अतः किसी अन्य वेब ब्राउज़र ने कभी भी जेएसएसएस को एकीकृत नहीं किया है।

संदर्भ

  1. 1.0 1.1 Håkon Wium Lie; Bert Bos. "Chapter 20 - The CSS saga". World Wide Web Consortium. Retrieved 23 June 2010.


बाहरी संबंध