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

From Vigyanwiki
(Created page with "{{Short description|Stylesheet language proposed by Netscape}} {{infobox file format | name = JavaScript Style Sheets | extension = | screenshot = | mime = text/javascript |...")
 
No edit summary
 
(7 intermediate revisions by 3 users not shown)
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]
}}
}}
जावास्क्रिप्ट स्टाइल शीट्स (JSSS) 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" />


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


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


== सिंटेक्स ==
== सिंटेक्स ==
एक स्टाइलशीट के रूप में [[जावास्क्रिप्ट]] कोड का उपयोग करते हुए, JSSS एक के गुणों को संशोधित करके व्यक्तिगत तत्व को स्टाइल करता है <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";
</syntaxhighlight>
</syntaxhighlight>
JSSS तत्व नाम केस संवेदी होते हैं।
जेएसएसएस अवयव नाम विषय संवेदी होते हैं।


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


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


<syntaxhighlight lang="html">
<syntaxhighlight lang="html">
Line 47: Line 46:
</style>
</style>
</syntaxhighlight>
</syntaxhighlight>
कैस्केडिंग स्टाइल शीट्स के समान, JSSS का उपयोग किया जा सकता है {{tag|style|o}} उपनाम। यह उदाहरण टैग चुनने के दो अलग-अलग तरीकों को दिखाता है।
इस प्रकार से कैस्केडिंग स्टाइल शीट के समान, जेएसएसएस का उपयोग {{tag|style|o}} टैग में किया जा सकता है। अतः यह उदाहरण टैग चुनने के दो अलग-अलग विधियों को दिखाता है।


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


==संदर्भ==
==संदर्भ==
Line 57: Line 56:


==बाहरी संबंध==
==बाहरी संबंध==
*[http://www.w3.org/Submission/1996/1/WD-jsss-960822 Netscape's JavaScript-Based Style Sheets submission to the W3C]
*[http://www.w3.org/Submission/1996/1/WD-jsss-960822 Netscape's JavaScript-Based Style Sheets submission to the डब्ल्यू3सी]
*[http://sunsite.uakom.sk/sunworldonline/swol-04-1997/swol-04-webmaster.html The dynamic, powerful abilities of JavaScript Style Sheets]
*[http://sunsite.uakom.sk/sunworldonline/swol-04-1997/swol-04-webmaster.html The dynamic, powerful abilities of JavaScript Style Sheets]
*[https://web.archive.org/web/20200401000000*/http://www.damsbo.com/webdev/jsss/jss25.htm JavaScript Style Sheet Reference]
*[https://web.archive.org/web/20200401000000*/http://www.damsbo.com/webdev/jsss/jss25.htm JavaScript Style Sheet Reference]
Line 65: Line 64:
{{Stylesheet languages}}
{{Stylesheet languages}}
{{W3C standards}}
{{W3C standards}}
[[Category: जावास्क्रिप्ट | स्टाइल शीट्स]] [[Category: पटकथा भाषाएँ]] [[Category: स्टाइलशीट भाषाएँ]] [[Category: वेब डिजाइन]] [[Category: 1996 में कंप्यूटर से संबंधित परिचय]]


 
[[Category:1996 में कंप्यूटर से संबंधित परिचय]]
 
[[Category:Collapse templates]]
[[Category: Machine Translated Page]]
[[Category:Created On 16/06/2023]]
[[Category:Created On 16/06/2023]]
[[Category:Lua-based templates]]
[[Category:Machine Translated Page]]
[[Category:Navigational boxes| ]]
[[Category:Navigational boxes without horizontal lists]]
[[Category:Netscape]]
[[Category:Pages with script errors]]
[[Category:Sidebars with styles needing conversion]]
[[Category:Template documentation pages|Documentation/doc]]
[[Category:Templates Vigyan Ready]]
[[Category:Templates generating microformats]]
[[Category:Templates that add a tracking category]]
[[Category:Templates that are not mobile friendly]]
[[Category:Templates that generate short descriptions]]
[[Category:Templates using TemplateData]]
[[Category:Wikipedia metatemplates]]
[[Category:जावास्क्रिप्ट| स्टाइल शीट्स]]
[[Category:पटकथा भाषाएँ]]
[[Category:वेब डिजाइन]]
[[Category:स्टाइलशीट भाषाएँ]]

Latest revision as of 11:34, 2 July 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.


बाहरी संबंध