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

From Vigyanwiki
No edit summary
No edit summary
Line 11: Line 11:
जावास्क्रिप्ट स्टाइल शीट (जेएसएसएस) 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; }

Revision as of 13:02, 25 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.


बाहरी संबंध