دی 'window.open()' JavaScript کا طریقہ ڈویلپرز کو اپنے ویب پیج کے اندر کسی دوسری ونڈو سے لنک کرنے کی اجازت دیتا ہے۔ یہ ونڈو اس وقت شروع ہوتی ہے جب صارف کی طرف سے ایک مخصوص کارروائی کی جاتی ہے۔
مختصر میں، کی اہم فعالیت 'window.open()' طریقہ یہ ہے کہ مین ویب پیج پر مرکزی ویب پیج انٹرفیس کو پریشان کیے بغیر ایک نئی ونڈو کھولی جائے۔ کچھ منظرناموں میں، نئی ونڈو کامیابی کے ساتھ کھل جاتی ہے لیکن اسکرول بار بالکل ظاہر نہیں ہوتا، جو صارفین کو برا تاثر دیتا ہے۔
یہ فوری گائیڈ جاوا اسکرپٹ میں window.open() طریقہ کے ساتھ عمودی اسکرول بار بنانے کے عمل کی وضاحت کرتا ہے۔
جاوا اسکرپٹ میں 'window.open()' کے ساتھ عمودی اسکرول بار کیسے بنائیں؟
دی 'window.open()' طریقہ ڈیفالٹ نئے ویب پیج کے مواد کی لمبائی اور کھلی ہوئی ونڈو کے سائز کے لحاظ سے عمودی اسکرول بار کا اضافہ کرتا ہے۔ اگر ویب پیج کا مواد ونڈو کے سائز سے بڑا ہے تو، اسکرول بار بغیر کسی CSS کی خصوصیات کو لاگو کیے بطور ڈیفالٹ شامل ہو جاتا ہے۔ تاہم، اگر ڈویلپر اپنی مرضی کے مطابق اسکرول بار کو شامل کرنا چاہتا ہے، تو آپ ذیل کی مثالوں میں بیان کردہ طریقوں پر عمل کر سکتے ہیں۔
نحو
کے لیے نحو 'window.open()' طریقہ ذیل میں بیان کیا گیا ہے:
کھڑکی کھلا ( راستہ , منزل , winFeat )یہاں، 'راستہ' ویب پیج کا راستہ ہے جو ایک نئی ونڈو میں کھلنے والا ہے۔ دی 'منزل' ظاہر ہونے والی نئی ونڈو کا مقام ہے، اسے سیٹ کیا جا سکتا ہے۔ 'خالی' , 'والدین' , 'خود' یا 'اوپر'. تیسرا پیرامیٹر 'winFeat' یا ونڈو کی خصوصیات ہے، یہ مختلف اقدار پیش کرتا ہے جو ونڈو کو اپنی مرضی کے مطابق کرنے کی ضرورت کے مطابق سیٹ کی جا سکتی ہیں۔
آئیے نئی کھلی ہوئی ونڈو میں عمودی اسکرول بار بنانے کے لیے کچھ مثالوں پر ایک نظر ڈالتے ہیں۔ 'window.open()' طریقہ
مثال: 'window.open()' طریقہ کے ساتھ 'اسکرول بار' ونڈو فیچر کا استعمال
اس صورت میں، the 'window.open()' طریقہ کے ساتھ استعمال کیا جاتا ہے 'اسکرول بار' نئی کھلنے والی ونڈو کے لیے عمودی اسکرول بار سیٹ کرنے کے لیے ونڈو کی خصوصیات، جیسا کہ ذیل میں دکھایا گیا ہے:
< سر >< سکرپٹ کی قسم = 'متن/جاوا اسکرپٹ' >
فنکشن سیٹ سکرول ( ) {
تھا نیا ون = کھڑکی کھلا ( 'https://linuxhint.com' , 'اوپر' , 'چوڑائی = 500، اونچائی = 500، اسکرول بار = ہاں' ) ;
}
سکرپٹ >
سر >
< جسم >
< ص > لینکس ہنٹ بلاگ کھولنے کے لیے نیچے کا بٹن دبائیں - سکرین ونڈو. ص > مجھے کلک کیجیے بٹن >
جسم >
مندرجہ بالا کوڈ کی وضاحت:
- سب سے پہلے، 'سیٹ سکرول()' فنکشن کے اندر وضاحت کی گئی ہے۔ '
ان اسکرین ونڈو پر Linuxhint بلاگ کو کھولنے کے لیے نیچے کا بٹن دبائیں۔
می پر کلک کریں
مندرجہ بالا کوڈ کی تفصیل:
- سب سے پہلے، ایک بنائیں 'سیٹ سکرول()' فنکشن، اور اس کے اندر استعمال ہوتا ہے۔ 'window.open()' طریقہ وہی ہے جیسا کہ اوپر کی مثال میں کیا گیا ہے۔
- اس کے علاوہ، کی ایک اضافی ونڈو خصوصیت شامل کریں 'بدلنے کے قابل' اور کی قدر میں ترمیم کریں۔ 'اسکرول بار' خصوصیات '1' عمودی اسکرول بار کو سیٹ کرنے کے لیے۔
اب، ویب پیج کی CSS فائل کھولیں جس کا لنک پہلے پیرامیٹر کے طور پر فراہم کیا گیا ہے۔ 'window.open()' طریقہ ہمارے معاملے میں، ویب پیج کا نام ہے۔ 'linuxint' تو اس کی CSS فائل کو کھولیں اور اس میں درج ذیل کوڈ ڈالیں:
< انداز >html {
بہاؤ - ایکس : چھپا ہوا ;
بہاؤ - اور : آٹو ;
}
انداز >
مندرجہ بالا سی ایس ایس کی خصوصیات 'اوور فلو-ایکس' اور 'اوور فلو-y' افقی اسکرول بار کو چھپائیں اور ونڈو کی لمبائی کے مطابق پورے HTML صفحہ کے لیے عمودی اسکرول بار سیٹ کریں۔
دونوں فائلوں میں مذکورہ کوڈ کے ٹکڑوں کو داخل کرنے اور مرتب کرنے کے بعد، آؤٹ پٹ اس طرح نظر آتا ہے:
آؤٹ پٹ سے پتہ چلتا ہے کہ 'window.open()' طریقہ استعمال کرتے ہوئے کھولی گئی ونڈو میں عمودی اسکرول بار شامل کیا گیا ہے۔
نتیجہ
کے ساتھ عمودی اسکرول بار بنانے کے لیے 'window.open()' طریقہ، 'اسکرول بار' ونڈو کے ذریعہ فراہم کردہ خصوصیت کو سیٹ کیا جاسکتا ہے۔ 'جی ہاں' یا '1' . دوسرا طریقہ یہ ہے کہ ویب پیج کے لیے سی ایس ایس یا ایچ ٹی ایم ایل فائل کو کھولیں جس کا لنک 'window.open()' طریقہ کار میں پہلے پیرامیٹر کے طور پر پاس کیا گیا ہے اور وہاں CSS کا استعمال کریں۔ 'اوور فلو-ایکس' اور 'اوور فلو-y' خواص اس بلاگ نے جاوا اسکرپٹ میں window.open() طریقہ کے ساتھ عمودی اسکرول بار کو شامل کرنے کے طریقے بتائے ہیں۔