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
Dynamic content in NS
<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>
0 टिप्पणियाँ