بلال
محفلین
بسم اللہ الرحمن الرحیم
ٹیوٹوریل کے زمرہ میں مجھے پوسٹ کرنے کی اجازت نہیں ہے اس لئے متفرقات میں پوسٹ کر رہا ہوں۔ اگر منتظمین کو بہتر لگے تو اسے متعلقہ زمرہ میں منتقل کر دیں۔
اردو ویب کے اکثر ممبران کے لئے یہ ایک بنیادی بات ہے لیکن کئی دوست اکثر اردو ویب پیڈ کے بارے میں سوال کرتے ہیں تو سوچا ایک چھوٹا سا بنیادی ٹیوٹوریل لکھ دیا جائے تاکہ جو نہیں جانتے اور جاننا چاہیں تو ان کے لئے آسانی ہو۔ اس بارے میں پہلے بھی کافی معلومات محفل پر موجود ہے لیکن میں نے ٹیوٹوریل لکھا تو سوچا شیئر کرتا جاؤں۔
کمپیوٹر اور انٹرنیٹ پر کسی بھی جگہ اردو لکھنے کا سب سے بہتر طریقہ یہ ہے کہ آپ اپنے کمپیوٹر پر اردو ایکٹیو کریں اور پھر جہاں اردو لکھنی ہو وہاں لکھ لیں۔ ابھی اردو ایکٹیو کرنے کے بارے میں زیادہ لوگ نہیں جانتے اس لئے بلاگ یا مختلف فورمز پر اردو لکھنے کے لئے ٹیکسٹ باکس پر ہی ایسا ماحول بنا دیا گیا ہے جس سے کمپیوٹر پر اردو ایکٹیو کیے بغیر بھی اردو لکھی جا سکتی ہے۔ کسی ٹیکسٹ باکس میں اردو لکھنے کے لئے جاوا سکرپٹ کوڈ کا استعمال کیا جاتا ہے اور عام طور پر اس کام کے لئے نبیل بھائی کا ”اردو ویب پیڈ“ استعمال کیا جاتا ہے۔ ورڈ پریس کے ٹیکسٹ باکس/ایریا کے لئے نبیل بھائی کا اردو ایڈیٹر پلگ ان کافی بہتر ہے۔ ورڈپریس بلاگ پر اردو ایڈیٹر پلگ ان اپلوڈ اور ایکٹیو کیا جاتا ہے تو سارا کام ہو جاتا ہے یعنی تمام ٹیکس باکس اور ایریا میں اردو ویب پیڈ شامل ہو جاتا ہے لیکن اس ٹیوٹوریل میں ہم خود کسی ٹیکسٹ باکس پر اردو ویب پیڈ لگانا سیکھتے ہیں۔
جس طرح ویب سائیٹ بناتے ہوئے باقی کسی جگہ جاوا سکرپٹ لگاتے ہیں ایسے ہی کسی ٹیکسٹ باکس پر اردو ویب پیڈ لگایا جاتا ہے کیونکہ اردو ویب پیڈ جاوا سکرپٹ میں ہی بنا ہوا ہے۔
1:- سب سے پہلے اردو ویب پیڈ کی جاوا سکرپٹ فائل یہاں سے ڈاؤن لوڈ کر لیں۔ یہ کمپریس کی ہوئی فائل ہے۔ استعمال سے پہلے اسے ایکسٹریکٹ کر لیں۔
2:- ویب پیج کے <head> ٹیگ کے اندر اردو ویب پیڈ کی فائل کا کوڈ لکھیں تاکہ آپ کی ویب سائیٹ کو پتہ چل سکے کہ اردو ویب پیڈ کی فائل کہاں پر ہے اور اردو ویب پیڈ کے فنکشن کو شروع کر سکے۔ اس کے لئے آپ درج ذیل کوڈ استعمال کر سکتے ہیں۔
3:- ایک ٹیکسٹ باکس بنائیں۔ چاہے ڈریم ویور یا فرنٹ پیج وغیرہ کا استعمال کر لیں۔ اس کے علاوہ اگر آپ کوڈ لکھ کر ٹیکسٹ باکس بنانا چاہیں تو درج ذیل کوڈ بھی استعمال کر سکتے ہیں۔
ٹیکسٹ باکس میں اردو ویب پیڈ کی جاوا سکرپٹ والی فائل لگانے کے لئے onfocus="setEditor(this)"کوڈ کا اضافہ کریں۔ یوں ٹیکسٹ باکس کا کوڈ اس طرح ہو جائے گا۔
نوٹ:- اگر آپ کو ٹیکسٹ باکس یا ویب پیج بنانے کا کوئی تجربہ نہیں تو پہلے کم از کم بنیادی ایچ ٹی ایم ایل سیکھیں۔
4:- جہاں ٹیکسٹ باکس کا کوڈ ختم ہو رہا ہے اس کے نیچے یعنی نئی لائن پر درج ذیل کوڈ کا اضافہ کر دیں۔ یہاں ایک بات دھیان رکھنے والی ہے کہ آپ نے ٹیکسٹ باکس میں جو name دیا ہے وہی makeUrduEditor فنکشن میں پہلی ویلیو دینی ہے۔ کوڈ میں اس کو نمایا کرنے کے لئے سرخ رنگ دیا گیا ہے۔
ٹیکسٹ باکس پر اردو ویب پیڈ لگ چکا ہے۔ اب اگر ساتھ میں انگریزی اور اردو کے لئے ریڈیو بٹن بھی بنانے ہیں تو جہاں آپ یہ بٹن بنانا چاہتے ہیں وہاں پر درج ذیل کوڈ لکھ دیں۔
یہاں بھی اسی بات کا دھیان رکھنا ہے کہ ٹیکسٹ باکس کا name ہی setUrdu اور setEnglish والے فنکشن میں دینا ہے۔ تاکہ جب ریڈیو بٹن کو کلک کیا جائے تو اسے پتہ ہو کہ یہ عمل کس ٹیکسٹ باکس پر کرنا ہے۔
اس کے علاوہ اگر آن سکرین اردو کی بورڈ بھی بنانا چاہیں تو درج ذیل کوڈ وہاں لکھ دیں جہاں پر آپ آن سکرین کی بورڈ دیکھانا چاہتے ہیں۔
آن سکرین کی بورڈ کی خوبصورتی کے لئے سٹائل شیٹ کا استعمال ضرور کریں۔
مثال کے لئے ایک بنا بنایا ویب پیج یہاں سے ڈاؤن لوڈ کر سکتے ہیں۔ جس میں ٹیکسٹ باکس پر اردو ویب پیڈ لگا ہوا ہے اور ساتھ میں اردو ویب پیڈ کی جاوا سکرپٹ والی فائل اور آن سکرین اردو کی بورڈ کی سٹائل شیٹ والی فائل بھی موجود ہے ۔
ٹیوٹوریل کے زمرہ میں مجھے پوسٹ کرنے کی اجازت نہیں ہے اس لئے متفرقات میں پوسٹ کر رہا ہوں۔ اگر منتظمین کو بہتر لگے تو اسے متعلقہ زمرہ میں منتقل کر دیں۔
اردو ویب کے اکثر ممبران کے لئے یہ ایک بنیادی بات ہے لیکن کئی دوست اکثر اردو ویب پیڈ کے بارے میں سوال کرتے ہیں تو سوچا ایک چھوٹا سا بنیادی ٹیوٹوریل لکھ دیا جائے تاکہ جو نہیں جانتے اور جاننا چاہیں تو ان کے لئے آسانی ہو۔ اس بارے میں پہلے بھی کافی معلومات محفل پر موجود ہے لیکن میں نے ٹیوٹوریل لکھا تو سوچا شیئر کرتا جاؤں۔
کمپیوٹر اور انٹرنیٹ پر کسی بھی جگہ اردو لکھنے کا سب سے بہتر طریقہ یہ ہے کہ آپ اپنے کمپیوٹر پر اردو ایکٹیو کریں اور پھر جہاں اردو لکھنی ہو وہاں لکھ لیں۔ ابھی اردو ایکٹیو کرنے کے بارے میں زیادہ لوگ نہیں جانتے اس لئے بلاگ یا مختلف فورمز پر اردو لکھنے کے لئے ٹیکسٹ باکس پر ہی ایسا ماحول بنا دیا گیا ہے جس سے کمپیوٹر پر اردو ایکٹیو کیے بغیر بھی اردو لکھی جا سکتی ہے۔ کسی ٹیکسٹ باکس میں اردو لکھنے کے لئے جاوا سکرپٹ کوڈ کا استعمال کیا جاتا ہے اور عام طور پر اس کام کے لئے نبیل بھائی کا ”اردو ویب پیڈ“ استعمال کیا جاتا ہے۔ ورڈ پریس کے ٹیکسٹ باکس/ایریا کے لئے نبیل بھائی کا اردو ایڈیٹر پلگ ان کافی بہتر ہے۔ ورڈپریس بلاگ پر اردو ایڈیٹر پلگ ان اپلوڈ اور ایکٹیو کیا جاتا ہے تو سارا کام ہو جاتا ہے یعنی تمام ٹیکس باکس اور ایریا میں اردو ویب پیڈ شامل ہو جاتا ہے لیکن اس ٹیوٹوریل میں ہم خود کسی ٹیکسٹ باکس پر اردو ویب پیڈ لگانا سیکھتے ہیں۔
جس طرح ویب سائیٹ بناتے ہوئے باقی کسی جگہ جاوا سکرپٹ لگاتے ہیں ایسے ہی کسی ٹیکسٹ باکس پر اردو ویب پیڈ لگایا جاتا ہے کیونکہ اردو ویب پیڈ جاوا سکرپٹ میں ہی بنا ہوا ہے۔
1:- سب سے پہلے اردو ویب پیڈ کی جاوا سکرپٹ فائل یہاں سے ڈاؤن لوڈ کر لیں۔ یہ کمپریس کی ہوئی فائل ہے۔ استعمال سے پہلے اسے ایکسٹریکٹ کر لیں۔
2:- ویب پیج کے <head> ٹیگ کے اندر اردو ویب پیڈ کی فائل کا کوڈ لکھیں تاکہ آپ کی ویب سائیٹ کو پتہ چل سکے کہ اردو ویب پیڈ کی فائل کہاں پر ہے اور اردو ویب پیڈ کے فنکشن کو شروع کر سکے۔ اس کے لئے آپ درج ذیل کوڈ استعمال کر سکتے ہیں۔
کوڈ:
<script type="text/javascript" src="urdu-webpad.js"></script>
<script type="text/javascript">
initUrduEditor();
</script>
کوڈ:
<input name="[COLOR="Red"]urdubox[/COLOR]" id="urdubox" type="text" value="" title="" />
کوڈ:
<input name="[COLOR="Red"]urdubox[/COLOR]" id="urdubox" [COLOR="Blue"]onfocus="setEditor(this)"[/COLOR] type="text" value="" title="" />4:- جہاں ٹیکسٹ باکس کا کوڈ ختم ہو رہا ہے اس کے نیچے یعنی نئی لائن پر درج ذیل کوڈ کا اضافہ کر دیں۔ یہاں ایک بات دھیان رکھنے والی ہے کہ آپ نے ٹیکسٹ باکس میں جو name دیا ہے وہی makeUrduEditor فنکشن میں پہلی ویلیو دینی ہے۔ کوڈ میں اس کو نمایا کرنے کے لئے سرخ رنگ دیا گیا ہے۔
کوڈ:
<script language="JavaScript" type=text/javascript>
makeUrduEditor("[COLOR="Red"]urdubox[/COLOR]", 12);
</script>
کوڈ:
<input type="radio" value="Urdu" checked name="toggle" onclick='setUrdu("[COLOR="Red"]urdubox[/COLOR]")' title=""> اردو <input type="radio" value="English" name="toggle" onclick='setEnglish("[COLOR="Red"]urdubox[/COLOR]")' title=""> انگریزیاس کے علاوہ اگر آن سکرین اردو کی بورڈ بھی بنانا چاہیں تو درج ذیل کوڈ وہاں لکھ دیں جہاں پر آپ آن سکرین کی بورڈ دیکھانا چاہتے ہیں۔
کوڈ:
<script type="text/javascript">writeKeyboard()</script>مثال کے لئے ایک بنا بنایا ویب پیج یہاں سے ڈاؤن لوڈ کر سکتے ہیں۔ جس میں ٹیکسٹ باکس پر اردو ویب پیڈ لگا ہوا ہے اور ساتھ میں اردو ویب پیڈ کی جاوا سکرپٹ والی فائل اور آن سکرین اردو کی بورڈ کی سٹائل شیٹ والی فائل بھی موجود ہے ۔
