Dhtml Layer Tag in Netscape in Hindi

Dhtml Layer Tag in Netscape in Hindi - यह आपके विचार के आधार पर या तो एक अच्छी बात हो सकती है, या एक bug हो सकती है। DHTML NS काफी सरल है, और अनिवार्य रूप से एक शब्द- परत पर आता है। मैं खुद बहुत हैरान था, लेकिन इसका ट्रू NS पूरी तरह से एक नए टैग पर निर्भर करता है, जिसे <layer> टैग कहा जाता है, इसके DHTML जादू को स्पिन करने के लिए। यह नया टैग गतिशील है जिसमें वेब पेज पर कहीं भी स्थानांतरित किया जा सकता है, इसकी सामग्री मांग पर अपडेट की जाती है, और बहुत कुछ।

Basic Syntax

<layer> टैग का मूल syntax सरल नहीं हो सकता:

<layer> यहां अपना टेक्स्ट लिखे </layer>

<layer> टैग एक सामग्री टैग है, जिसका अर्थ है कि आप इसमें सामग्री जोड़ सकते हैं। आगे बढ़ें उपरोक्त code को अपने पृष्ठ पर डालने का प्रयास करें। आप देखेंगे कि परत के अंदर का पाठ अन्य पाठ के ऊपर तैरता है, और उन्हें overlaps करता है।

Layer Attributes

एक layer अपने आप में अधिक उबाऊ नहीं हो सकती है, बेकार का उल्लेख नहीं करने के लिए, सौभाग्य से, इसके लिए और भी बहुत कुछ है। layer समर्थन विशेषताएँ जो आपको X , Y निर्देशांक - सिस्टम का उपयोग करके इसे स्थिति देने की अनुमति देती हैं, इसे एक पृष्ठभूमि देती हैं, इसे क्लिप करती हैं, इसे प्रपत्र दृश्य छिपाती हैं, और इसी तरह।

Layer Attributes Are -

id , left, top, width, height, bgColor, background and src.

Example -

<layer id="yourlayer" width=100px height=80px

bgcolor="red"><h3> New layer </h3></layer>

Scripting Layers

Layers के बारे में जानने के लिए यहां सबसे महत्वपूर्ण चीजों में से एक है- उन्हें कैसे स्क्रिप्ट करें। आखिरकार, इसकी Layers जो परत बनाती हैं, जीवंत हो जाती हैं।

Layer तक पहुंचना सिर्फ पहला कदम है। एक बार जब आप एक Layer तक पहुँच जाते हैं, तो आप गतिशील प्रभाव उत्पन्न करने के लिए किसी एक Layer की विशेषताओं में हेरफेर कर सकते हैं। मैं एक सरल उदाहरण दिखाऊंगा -

<layer id ="test" width=90px height=90px> </layer>

<script language="JavaScript1.2">

//variable that helps alternate between red and blue var the color=true

//Apply a bgColor of red as the initial layer color

document.test1.bgColor="red"

function changecol (){

//if the color=true

if (thecolor)

document.test.bgColor="red"

else

document.test.bgColor="pink"

//set thecolor to the opposite of its current state

thecolor=!color

steTimeout)"changecol()",1000)

}

changecol()

</script>

DHTML in Internet Explorer

हमने महसूस किया है कि IE में NS समकक्ष की तुलना में बहुत अधिक है। IE में DHTML किसी एक टैग पर निर्भर नहीं करता है, बल्कि नई वस्तुओं और गुणों पर निर्भर करता है, जो उन सामान्य HTML टैग्स से उत्पन्न होते हैं, जिनके साथ आप काम करते थे, जैसे <div> और <table>। यह बहुत अधिक शक्तिशाली है, लेकिन एक ही समय में, और समझने के लिए बहुत अधिक जटिल है।

The Style Object of Internet Explorer 

HTML तत्व इंटरनेट एक्सप्लोरर है अब सभी एक स्टाइल ऑब्जेक्ट का समर्थन करते हैं, जो अनिवार्य रूप से "डायनामिक" ऑब्जेक्ट है जिसका उपयोग उस तत्व के रूप और "feel" में हेरफेर करने के लिए किया जाता है। <लेयर> टैग की तरह, तत्वों को एक "id" विशेषता भी दी जा सकती है, जिसका उपयोग स्क्रिप्टिंग के दौरान इसे पहचानने के लिए किया जा सकता है। उदाहरण

<div id="adiv"></div>

आपकी स्क्रिप्ट में, "adiv" के स्टाइल ऑब्जेक्ट तक पहुंचने के लिए आवश्यक सिंटैक्स इस तरह दिखेगा: adiv.style

स्टाइल ऑब्जेक्ट में कई गुण होते हैं, और इन गुणों में हेरफेर करके, आप गतिशील रूप से किसी तत्व के रूप को बदल सकते हैं।

उपरोक्त गुण कुल समर्थित गुणों के केवल एक उपसमुच्चय का प्रतिनिधित्व करते हैं, लेकिन सबसे अधिक उपयोग किए जाने वाले गुण हैं। नई शैली की संपत्ति में हेरफेर करने के लिए मूल वाक्यविन्यास वही है, जिसे मैं एक मिनट में दिखाऊंगा। इन गुणों को एक्सेस करके, हम अधिकांश HTML तत्वों के रूप और शैली को बदल सकते हैं।

उदाहरण -

Move you mouse here 

code - 

<span id="sometext" OnMouseover="sometext.style.color="red"

onMouseout="sometext.style.color="black"> Moue your mouse here </span>

Notice how we changed the text's color - 

sometext.style.color-"red"

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

सभी शैली गुणों को पढ़ा/लिखा जाता है, और एक समान तरीके से एक्सेस किया जाता है: तत्व आईडी> शैली वस्तु> संपत्ति का नाम।

Example - 

<img id ="a image" src="they.gif" onMouseover"enlarge()" onMouseout="revertback()">

<script language="JavaScript1.2">

function enlarge() {

aimage.style.pixelWidth=164

aimage.style.pixelHeight=202

}

function revertback () {

aimage.style.pixelWidth=82

aimage.style.pixelHeight=101

}

</script>

Dynamic Content

यदि आप अभी तक NS और IE में DHTML के बीच सिंटैक्स और कार्यक्षमता के सभी अंतरों से डरे हुए नहीं हैं, तो आप यह सीखने के लिए तैयार हैं कि अपने पृष्ठ पर सामग्री को गतिशील कैसे बनाया जाए, या मांग पर परिवर्तन कैसे किया जाए!

Dynamic content in NS

NS 4 में सामग्री बदलने में शामिल है - आपने अनुमान लगाया - परत टैग। सभी परतों को एनएस ब्राउज़र द्वारा एक अलग इकाई के रूप में माना जाता है, शेष पृष्ठ के रूप में, उनके जीते दस्तावेज़ ऑब्जेक्ट के साथ। यह समझना बहुत महत्वपूर्ण है, क्योंकि जिस चेहरे पर परतों में एक और दस्तावेज़ वस्तु होती है, वही एनएस में गतिशील सामग्री बनाना संभव बनाता है। मैं एक मूल परत का निर्माण करूंगा, फिर दिखाऊंगा कि इसके अंदर की सामग्री को कैसे बदला जाए:

<layer id ="a  layer" width=100% height =30> </layer>

Change the contents of the Layer every 3 seconds. Example 

<script language="JavaScript1.2">

var thecontents="new Array()

thecontents [0] = "How are you Boss ? " 

thecontents[1] = "I am good."

thecontents[2]=" Well, What do you want ?"

var current = 0

function changecontent () {

document.alayer.document.write (thecontents [current])

document.alayer.document.close ()

if (current==2) current=0

else current ++ 

set Timeout ("changecontent ()", 3000)

}

window.onload =chnagecontent

</script>