یہ تحریر جاوا اسکرپٹ میں 'آف سیٹ ٹاپ' پراپرٹی کے کام کی وضاحت کرتی ہے۔
جاوا اسکرپٹ میں HTML DOM 'آفسیٹ ٹاپ' پراپرٹی کیسے کام کرتی ہے؟
' آفسیٹ ٹاپ پراپرٹی ایچ ٹی ایم ایل عناصر پر کام کرتی ہے اور اس کے بنیادی عنصر کا 'مارجن'، سب سے اوپر 'پیڈنگ'، 'بارڈر'، اور 'اسکرول بار' بھی واپس کرتی ہے۔
نحو
عنصر آفسیٹ ٹاپ
اس نحو میں، ' عنصر ” ویو پورٹ (ایک خالی جگہ جہاں ویب صفحہ کا مواد ظاہر ہوتا ہے) کے نسبت مخصوص HTML عنصر کی اعلیٰ پوزیشن کو ظاہر کرتا ہے۔
نوٹ: واپس کی گئی قدر میں درج ذیل شامل ہیں:
- ٹاپ پوزیشن، اور عنصر کا مارجن۔
- اوپر کی سرحد، اسکرول بار، اور پیرنٹ کی پیڈنگ۔
آئیے مندرجہ بالا نحو کو عملی طور پر استعمال کریں۔
مثال: HTML ٹاپ پوزیشن کا اندازہ کرنے کے لیے 'آف سیٹ ٹاپ' پراپرٹی کا اطلاق کرنا
یہ مثال استعمال کرتی ہے ' آفسیٹ ٹاپ خاص ایچ ٹی ایم ایل عنصر کی ٹاپ پوزیشن کا حساب کرنے کے لیے خاصیت یعنی، سب سے پہلے، درج ذیل ایچ ٹی ایم ایل کوڈ کے ذریعے جائیں: مندرجہ بالا کوڈ میں: اب، دیئے گئے جاوا اسکرپٹ کوڈ پر غور کریں: مندرجہ بالا کوڈ لائنوں میں: آؤٹ پٹ اس نتیجے میں، یہ دیکھا جا سکتا ہے کہ دی گئی div کی ٹاپ پوزیشن (مارجن سمیت)، یعنی، ' 35px ” کا شمار مخصوص نوٹ کے مطابق کیا جاتا ہے (بلاگ کے آغاز میں) اور بٹن پر کلک کرنے پر ظاہر ہوتا ہے۔ جاوا اسکرپٹ فراہم کرتا ہے ' آفسیٹ ٹاپ ویو پورٹ کے نسبت ایچ ٹی ایم ایل عنصر کی ٹاپ پوزیشن کا حساب کرنے کے لیے پراپرٹی۔ یہ ایک عنصر کی کمپیوٹیڈ ٹاپ پوزیشن کو 'میں عددی قدر کے طور پر لوٹاتا ہے۔ پکسلز ' اس تحریر نے JavaScript میں HTML DOM عنصر 'offsetTop' پراپرٹی کے مقصد، استعمال اور نفاذ کو ظاہر کیا۔
HTML کوڈ
< ب > کی تفصیلات یہ div ہیں : ب >< بی آر >
سب سے اوپر : 20px < بی آر >
پوزیشن : رشتہ دار < بی آر >
متن - سیدھ میں لانا : مرکز < بی آر >
مارجن : 15px < بی آر >
سرحد : 3px < بی آر >
div >< بی آر >
< بٹن پر کلک کریں۔ = 'jsFunc()' > اس پر کلک کریں۔ بٹن >
< پی آئی ڈی = 'کے لیے' >> ص >
جاوا اسکرپٹ کوڈ
فنکشن jsFunc ( ) {
elmnt تھا = دستاویز getElementById ( 'Div1' ) ;
جہاں txt = 'حساب شدہ آفسیٹ ٹاپ ہے:' + elmnt. آفسیٹ ٹاپ + 'px
' ;
دستاویز getElementById ( 'کے لیے' ) . اندرونی ایچ ٹی ایم ایل = TXT ;
}
سکرپٹ >
نتیجہ