یہ مضمون جاوا اسکرپٹ میں قابل تدوین تبدیلی کے واقعات کو ہینڈل کرنے کے طریقے پر بحث کرتا ہے اور ایک مثال کی مدد سے اس کی وضاحت کرتا ہے۔
جاوا اسکرپٹ میں قابل قبول تبدیلی کے واقعات کو کیسے ہینڈل کریں؟
Contenteditable ایک شمار شدہ وصف ہے۔ صارف اپنی ضروریات کو مدنظر رکھتے ہوئے مواد میں تبدیلیاں کر سکتا ہے۔ اگر اس کی اجازت ہو تو، براؤزر اپنے ویجیٹ کو تبدیل کرتا ہے تاکہ عناصر میں ترمیم کی جا سکے۔
قابل تدوین تبدیلی کے ایونٹ کے ذریعے کن اقدار کی اجازت ہے؟
Contenteditable ان اقدار میں سے کسی ایک کو لے سکتا ہے:
- سادہ متن صرف اس بات کی نمائندگی کرتا ہے کہ اصل متن میں ترمیم کی جا سکتی ہے حالانکہ رچ ٹیکسٹ فارمیٹنگ غیر فعال ہے۔
- ایک خالی تار یا سچ جس کا مطلب ہے کہ عنصر میں ترمیم کی جا سکتی ہے۔
- غلط کا مطلب ہے کہ عنصر میں ترمیم نہیں کی جاسکتی ہے۔
مثال
مندرجہ ذیل مثال بتاتی ہے کہ کس طرح قابل تدوین مواد کو ویب صفحہ پر استعمال کیا جا سکتا ہے۔ آئیے اسے بہتر طور پر سمجھنے کے لیے نیچے دیے گئے کوڈ کو دیکھیں:
ایچ ٹی ایم ایل
یہاں ایک HTML کوڈ ہے جو قابل تدوین تبدیلی کے واقعات کے استعمال کی وضاحت کرتا ہے:
< بلاک کوٹ قابل تدوین = 'سچ' >
< h3 > یہاں اپنے مواد میں ترمیم کریں! < / h3 >
< / بلاک کوٹ >
مندرجہ بالا HTML کوڈ میں:
- ایک بلاک کوٹ ٹیگ مواد ایڈٹ ایبل انتساب کے ساتھ بنایا گیا ہے جو سچ پر سیٹ ہے۔ یہ بلاک کوٹ ٹیگ کے اندر موجود مواد کو ترمیم کرنے کے قابل بنائے گا۔
- بلاک کوٹ ٹیگ کے اندر ایک h3 ٹیگ موجود ہے۔ یہ کہتا ہے 'اپنے مواد میں ترمیم کریں!'، کیونکہ یہ
کے اندر موجود ہے، جس کا مطلب ہے کہ صارف مواد میں ترمیم کر سکتا ہے۔
سی ایس ایس
اپنے کوڈ کو بصری طور پر دلکش بنانے کے لیے، ہم نے درج ذیل CSS کوڈ کا استعمال کیا ہے:
بلاک کوٹ {
پس منظر : آڑو پف ;
سرحدی رداس : 10px ;
مارجن : 10px ;
}
بلاک کوٹ h3 {
بھرتی : 10px ;
}
مندرجہ بالا سی ایس ایس کوڈ میں:
- بلاک کوٹ ٹیگ کا پس منظر 10px کے سرحدی رداس اور 10px کے مارجن کے ساتھ آڑو رنگ کے لیے سیٹ کیا گیا ہے۔
- بلاک کوٹ کے اندر h3 سرخی 10px کی پیڈنگ پر سیٹ ہے۔
آؤٹ پٹ :
مندرجہ ذیل آؤٹ پٹ وضاحت کرتا ہے کہ جاوا اسکرپٹ میں قابل تدوین تبدیلی ایونٹ کا استعمال کرتے ہوئے مواد میں ترمیم کیسے کی جا سکتی ہے:
مواد میں ترمیم کی اہمیت
- انٹرایکٹیویٹی میں اضافہ کیونکہ صارف مواد میں آسانی سے ترمیم کرسکتا ہے۔
- جاوا اسکرپٹ کی مدد سے ایک پروگرامر کے طور پر آسان تخصیص خود کار طریقے سے محفوظ کرنے، صارف کے ان پٹ کی بنیاد پر مختلف کارروائیوں کو متحرک کرنے جیسے تبدیل شدہ طرز عمل پیدا کر سکتی ہے۔
- ترمیم کے عمل کو ہموار کرنے میں مدد کرتا ہے جس سے صارف کو علیحدہ ٹیکسٹ فیلڈ کی ضرورت کے بغیر متحرک طور پر ترمیم کرنے کی اجازت ملتی ہے۔
نتیجہ
جاوا اسکرپٹ میں قابل تدوین تبدیلی کے واقعات صارف کو اس قابل بناتے ہیں کہ وہ ویب پیج کو جوابدہ اور حسب ضرورت بنا کر مواد میں ترمیم کر سکے۔ اس سے صارف پر مرکوز ویب ڈویلپمنٹ کی راہ ہموار ہوتی ہے جہاں صارف زیادہ ذمہ دار صارف کے تجربے کو فعال کرتے ہوئے ریئل ٹائم میں ویب صفحہ پر مواد میں ترمیم کر سکتا ہے۔ اس مضمون میں جاوا اسکرپٹ میں قابل تدوین تبدیلی کے واقعات کو کیسے ہینڈل کیا جائے اس پر تبادلہ خیال کیا گیا ہے اور ایک مثال کی مدد سے اس کی وضاحت کی گئی ہے۔