ٹیکسٹ باکس پر اردو ویب پیڈ لگانا

**ایم بلال** · 27-12-10, 12:19 AM

بسم اللہ الرحمن الرحیم
سمجھ نہیں آرہی تھیکہ اسے کہاں پوسٹ کرو اس لئے اس زمرہ میں پوسٹ کر رہا ہوں۔ اگر منتظمین کو بہتر لگے تو اسے متعلقہ زمرہ میں منتقل کر دیں۔

اکثر ویب ڈیزائنر کے لئے یہ ایک بنیادی بات ہے لیکن کئی دوست اکثر اردو ویب پیڈ کے بارے میں سوال کرتے ہیں تو سوچا ایک چھوٹا سا بنیادی ٹیوٹوریل لکھ دیا جائے تاکہ جو نہیں جانتے اور جاننا چاہیں تو ان کے لئے آسانی ہو۔ ہو سکتا اس بارے میں پہلے بھی کافی معلومات یہاں موجود ہے لیکن میں نے ٹیوٹوریل لکھا تو سوچا شیئر کرتا جاؤں۔

کمپیوٹر اور انٹرنیٹ پر کسی بھی جگہ اردو لکھنے کا سب سے بہتر طریقہ یہ ہے کہ آپ اپنے کمپیوٹر پر اردو ایکٹیو کریں اور پھر جہاں اردو لکھنی ہو وہاں لکھ لیں۔ ابھی اردو ایکٹیو کرنے کے بارے میں زیادہ لوگ نہیں جانتے اس لئے بلاگ یا مختلف فورمز پر اردو لکھنے کے لئے ٹیکسٹ باکس پر ہی ایسا ماحول بنا دیا گیا ہے جس سے کمپیوٹر پر اردو ایکٹیو کیے بغیر بھی اردو لکھی جا سکتی ہے۔ کسی ٹیکسٹ باکس میں اردو لکھنے کے لئے جاوا سکرپٹ کوڈ کا استعمال کیا جاتا ہے اور عام طور پر اس کام کے لئے نبیل بھائی کا ”اردو ویب پیڈ“ استعمال کیا جاتا ہے۔ ورڈ پریس کے ٹیکسٹ باکس/ایریا کے لئے نبیل بھائی کا اردو ایڈیٹر پلگ ان کافی بہتر ہے۔ ورڈپریس بلاگ پر اردو ایڈیٹر پلگ ان اپلوڈ اور ایکٹیو کیا جاتا ہے تو سارا کام ہو جاتا ہے یعنی تمام ٹیکس باکس اور ایریا میں اردو ویب پیڈ شامل ہو جاتا ہے لیکن اس ٹیوٹوریل میں ہم خود کسی ٹیکسٹ باکس پر اردو ویب پیڈ لگانا سیکھتے ہیں۔
جس طرح ویب سائیٹ بناتے ہوئے باقی کسی جگہ جاوا سکرپٹ لگاتے ہیں ایسے ہی کسی ٹیکسٹ باکس پر اردو ویب پیڈ لگایا جاتا ہے کیونکہ اردو ویب پیڈ جاوا سکرپٹ میں ہی بنا ہوا ہے۔
1:- سب سے پہلے اردو ویب پیڈ کی جاوا سکرپٹ فائل یہاں سے ڈاؤن لوڈ کر لیں۔ یہ کمپریس کی ہوئی فائل ہے۔ استعمال سے پہلے اسے ایکسٹریکٹ کر لیں۔

2:- ویب پیج کے <head> ٹیگ کے اندر اردو ویب پیڈ کی فائل کا کوڈ لکھیں تاکہ آپ کی ویب سائیٹ کو پتہ چل سکے کہ اردو ویب پیڈ کی فائل کہاں پر ہے اور اردو ویب پیڈ کے فنکشن کو شروع کر سکے۔ اس کے لئے آپ درج ذیل کوڈ استعمال کر سکتے ہیں۔

کوڈ:

<script type="text/javascript" src="urdu-webpad.js"></script>
		<script type="text/javascript">
		initUrduEditor();
		</script>

3:- ایک ٹیکسٹ باکس بنائیں۔ چاہے ڈریم ویور یا فرنٹ پیج وغیرہ کا استعمال کر لیں۔ اس کے علاوہ اگر آپ کوڈ لکھ کر ٹیکسٹ باکس بنانا چاہیں تو درج ذیل کوڈ بھی استعمال کر سکتے ہیں۔

کوڈ:

<input name="urdubox" id="urdubox" type="text" value="" title="" />

ٹیکسٹ باکس میں اردو ویب پیڈ کی جاوا سکرپٹ والی فائل لگانے کے لئے onfocus="setEditor(this)"کوڈ کا اضافہ کریں۔ یوں ٹیکسٹ باکس کا کوڈ اس طرح ہو جائے گا۔

کوڈ:

<input name="urdubox" id="urdubox" onfocus="setEditor(this)" type="text" value="" title="" />

نوٹ:- اگر آپ کو ٹیکسٹ باکس یا ویب پیج بنانے کا کوئی تجربہ نہیں تو پہلے کم از کم بنیادی ایچ ٹی ایم ایل سیکھیں۔

4:- جہاں ٹیکسٹ باکس کا کوڈ ختم ہو رہا ہے اس کے نیچے یعنی نئی لائن پر درج ذیل کوڈ کا اضافہ کر دیں۔ یہاں ایک بات دھیان رکھنے والی ہے کہ آپ نے ٹیکسٹ باکس میں جو name دیا ہے وہی makeUrduEditor فنکشن میں پہلی ویلیو دینی ہے۔ کوڈ میں اس کو نمایا کرنے کے لئے سرخ رنگ دیا گیا ہے۔

کوڈ:

<script language="JavaScript" type=text/javascript>
	makeUrduEditor("urdubox", 12);
	</script>

ٹیکسٹ باکس پر اردو ویب پیڈ لگ چکا ہے۔ اب اگر ساتھ میں انگریزی اور اردو کے لئے ریڈیو بٹن بھی بنانے ہیں تو جہاں آپ یہ بٹن بنانا چاہتے ہیں وہاں پر درج ذیل کوڈ لکھ دیں۔

کوڈ:

<input type="radio" value="Urdu" checked name="toggle" onclick='setUrdu("urdubox")' title=""> اردو <input type="radio" value="English" name="toggle" onclick='setEnglish("urdubox")' title=""> انگریزی

یہاں بھی اسی بات کا دھیان رکھنا ہے کہ ٹیکسٹ باکس کا name ہی setUrdu اور setEnglish والے فنکشن میں دینا ہے۔ تاکہ جب ریڈیو بٹن کو کلک کیا جائے تو اسے پتہ ہو کہ یہ عمل کس ٹیکسٹ باکس پر کرنا ہے۔

اس کے علاوہ اگر آن سکرین اردو کی بورڈ بھی بنانا چاہیں تو درج ذیل کوڈ وہاں لکھ دیں جہاں پر آپ آن سکرین کی بورڈ دیکھانا چاہتے ہیں۔

کوڈ:

<script type="text/javascript">writeKeyboard()</script>

آن سکرین کی بورڈ کی خوبصورتی کے لئے سٹائل شیٹ کا استعمال ضرور کریں۔
مثال کے لئے ایک بنا بنایا ویب پیج یہاں سے ڈاؤن لوڈ کر سکتے ہیں۔ جس میں ٹیکسٹ باکس پر اردو ویب پیڈ لگا ہوا ہے اور ساتھ میں اردو ویب پیڈ کی جاوا سکرپٹ والی فائل اور آن سکرین اردو کی بورڈ کی سٹائل شیٹ والی فائل بھی موجود ہے ۔

**پاکستانی** · 29-12-10, 02:39 PM

اتنی آسانی سے سمجھانے کا بہت شکریہ بھائی،

**زارا** · 29-12-10, 03:21 PM

السلام علیکم

شیئرنگ کا شکریہ بھائی

**یاسر عمران مرزا** · 29-12-10, 03:39 PM

ایک مفید اور عمدہ معلوماتی ٹیوٹوریل پیش کرنے کے لیے شکریہ بلال بھائی۔۔۔۔۔۔۔۔۔۔۔۔۔۔۔۔۔۔

**عبدالقدوس** · 29-12-10, 07:20 PM

زبردست جناب چھا گئے ہو

**فیصل ناصر** · 29-12-10, 07:41 PM

شئرنگ کا شکریہ بلال بھائی !

**ایم بلال** · 31-12-10, 03:29 PM

آپ سب کا میری تحریر پسند کرنے کا بہت بہت شکریہ۔
اللہ تعالیٰ آپ سب کو بے شمار خوشیاں دے۔۔۔آمین

**shaam** · 31-12-10, 05:41 PM

بہت اچھے طریقے سے سمجھایا ہے آپ نے میں ٹرائے کرتا ہو اسکو اپنی سائٹ پر

**منتظمین** · 04-01-11, 11:16 AM

وی بی کا ہیک بھی تفصیل سے سمجھا دیں تو بہت سارے لوگوں کا بھلا ہو جائے گا۔

**محمدعدنان** · 04-01-11, 12:55 PM

بلال بھائی بہت اچھے طریقے سے سمجھایا ہے آپ نے
جزاک اللہ

**ایم بلال** · 07-01-11, 02:18 AM

اقتباس:

اصل مراسلہ منجانب : منتظمین

وی بی کا ہیک بھی تفصیل سے سمجھا دیں تو بہت سارے لوگوں کا بھلا ہو جائے گا۔

وی بلیٹن کے ہیک پر کبھی کام کرنے کا موقعہ نہیں ملا اور نہ ہی اس کے بارے میں‌کچھ زیادہ جانتا ہوں اس لئے اس معاملے میں معذرت چاہوں گا۔

**زارا** · 19-04-11, 08:09 PM

اقتباس:

اصل مراسلہ منجانب : ہم تو ٹھہرے اجنبی

وی بی کا ہیک بھی تفصیل سے سمجھا دیں تو بہت سارے لوگوں کا بھلا ہو جائے گا۔

کوشش کروں گی کبھی میں ہی اس پر تفصیلاً لکھ لوں۔ شکریہ

27-12-10, 12:19 AM	#1
ایم بلال Junior Member اجنبی تاریخ شمولیت: Aug 2008 مراسلات: 29 کمائي: 1,323 شکریہ: 73 23 مراسلہ میں 99 بارشکریہ ادا کیا گیا	ٹیکسٹ باکس پر اردو ویب پیڈ لگانا ٹیکسٹ باکس پر اردو ویب پیڈ لگانا بسم اللہ الرحمن الرحیم سمجھ نہیں آرہی تھیکہ اسے کہاں پوسٹ کرو اس لئے اس زمرہ میں پوسٹ کر رہا ہوں۔ اگر منتظمین کو بہتر لگے تو اسے متعلقہ زمرہ میں منتقل کر دیں۔ اکثر ویب ڈیزائنر کے لئے یہ ایک بنیادی بات ہے لیکن کئی دوست اکثر اردو ویب پیڈ کے بارے میں سوال کرتے ہیں تو سوچا ایک چھوٹا سا بنیادی ٹیوٹوریل لکھ دیا جائے تاکہ جو نہیں جانتے اور جاننا چاہیں تو ان کے لئے آسانی ہو۔ ہو سکتا اس بارے میں پہلے بھی کافی معلومات یہاں موجود ہے لیکن میں نے ٹیوٹوریل لکھا تو سوچا شیئر کرتا جاؤں۔ کمپیوٹر اور انٹرنیٹ پر کسی بھی جگہ اردو لکھنے کا سب سے بہتر طریقہ یہ ہے کہ آپ اپنے کمپیوٹر پر اردو ایکٹیو کریں اور پھر جہاں اردو لکھنی ہو وہاں لکھ لیں۔ ابھی اردو ایکٹیو کرنے کے بارے میں زیادہ لوگ نہیں جانتے اس لئے بلاگ یا مختلف فورمز پر اردو لکھنے کے لئے ٹیکسٹ باکس پر ہی ایسا ماحول بنا دیا گیا ہے جس سے کمپیوٹر پر اردو ایکٹیو کیے بغیر بھی اردو لکھی جا سکتی ہے۔ کسی ٹیکسٹ باکس میں اردو لکھنے کے لئے جاوا سکرپٹ کوڈ کا استعمال کیا جاتا ہے اور عام طور پر اس کام کے لئے نبیل بھائی کا ”اردو ویب پیڈ“ استعمال کیا جاتا ہے۔ ورڈ پریس کے ٹیکسٹ باکس/ایریا کے لئے نبیل بھائی کا اردو ایڈیٹر پلگ ان کافی بہتر ہے۔ ورڈپریس بلاگ پر اردو ایڈیٹر پلگ ان اپلوڈ اور ایکٹیو کیا جاتا ہے تو سارا کام ہو جاتا ہے یعنی تمام ٹیکس باکس اور ایریا میں اردو ویب پیڈ شامل ہو جاتا ہے لیکن اس ٹیوٹوریل میں ہم خود کسی ٹیکسٹ باکس پر اردو ویب پیڈ لگانا سیکھتے ہیں۔ جس طرح ویب سائیٹ بناتے ہوئے باقی کسی جگہ جاوا سکرپٹ لگاتے ہیں ایسے ہی کسی ٹیکسٹ باکس پر اردو ویب پیڈ لگایا جاتا ہے کیونکہ اردو ویب پیڈ جاوا سکرپٹ میں ہی بنا ہوا ہے۔ 1:- سب سے پہلے اردو ویب پیڈ کی جاوا سکرپٹ فائل یہاں سے ڈاؤن لوڈ کر لیں۔ یہ کمپریس کی ہوئی فائل ہے۔ استعمال سے پہلے اسے ایکسٹریکٹ کر لیں۔ 2:- ویب پیج کے <head> ٹیگ کے اندر اردو ویب پیڈ کی فائل کا کوڈ لکھیں تاکہ آپ کی ویب سائیٹ کو پتہ چل سکے کہ اردو ویب پیڈ کی فائل کہاں پر ہے اور اردو ویب پیڈ کے فنکشن کو شروع کر سکے۔ اس کے لئے آپ درج ذیل کوڈ استعمال کر سکتے ہیں۔ کوڈ: <script type="text/javascript" src="urdu-webpad.js"></script> <script type="text/javascript"> initUrduEditor(); </script> 3:- ایک ٹیکسٹ باکس بنائیں۔ چاہے ڈریم ویور یا فرنٹ پیج وغیرہ کا استعمال کر لیں۔ اس کے علاوہ اگر آپ کوڈ لکھ کر ٹیکسٹ باکس بنانا چاہیں تو درج ذیل کوڈ بھی استعمال کر سکتے ہیں۔ کوڈ: <input name="urdubox" id="urdubox" type="text" value="" title="" /> ٹیکسٹ باکس میں اردو ویب پیڈ کی جاوا سکرپٹ والی فائل لگانے کے لئے onfocus="setEditor(this)"کوڈ کا اضافہ کریں۔ یوں ٹیکسٹ باکس کا کوڈ اس طرح ہو جائے گا۔ کوڈ: <input name="urdubox" id="urdubox" onfocus="setEditor(this)" type="text" value="" title="" /> نوٹ:- اگر آپ کو ٹیکسٹ باکس یا ویب پیج بنانے کا کوئی تجربہ نہیں تو پہلے کم از کم بنیادی ایچ ٹی ایم ایل سیکھیں۔ 4:- جہاں ٹیکسٹ باکس کا کوڈ ختم ہو رہا ہے اس کے نیچے یعنی نئی لائن پر درج ذیل کوڈ کا اضافہ کر دیں۔ یہاں ایک بات دھیان رکھنے والی ہے کہ آپ نے ٹیکسٹ باکس میں جو name دیا ہے وہی makeUrduEditor فنکشن میں پہلی ویلیو دینی ہے۔ کوڈ میں اس کو نمایا کرنے کے لئے سرخ رنگ دیا گیا ہے۔ کوڈ: <script language="JavaScript" type=text/javascript> makeUrduEditor("urdubox", 12); </script> ٹیکسٹ باکس پر اردو ویب پیڈ لگ چکا ہے۔ اب اگر ساتھ میں انگریزی اور اردو کے لئے ریڈیو بٹن بھی بنانے ہیں تو جہاں آپ یہ بٹن بنانا چاہتے ہیں وہاں پر درج ذیل کوڈ لکھ دیں۔ کوڈ: <input type="radio" value="Urdu" checked name="toggle" onclick='setUrdu("urdubox")' title=""> اردو <input type="radio" value="English" name="toggle" onclick='setEnglish("urdubox")' title=""> انگریزی یہاں بھی اسی بات کا دھیان رکھنا ہے کہ ٹیکسٹ باکس کا name ہی setUrdu اور setEnglish والے فنکشن میں دینا ہے۔ تاکہ جب ریڈیو بٹن کو کلک کیا جائے تو اسے پتہ ہو کہ یہ عمل کس ٹیکسٹ باکس پر کرنا ہے۔ اس کے علاوہ اگر آن سکرین اردو کی بورڈ بھی بنانا چاہیں تو درج ذیل کوڈ وہاں لکھ دیں جہاں پر آپ آن سکرین کی بورڈ دیکھانا چاہتے ہیں۔ کوڈ: <script type="text/javascript">writeKeyboard()</script> آن سکرین کی بورڈ کی خوبصورتی کے لئے سٹائل شیٹ کا استعمال ضرور کریں۔ مثال کے لئے ایک بنا بنایا ویب پیج یہاں سے ڈاؤن لوڈ کر سکتے ہیں۔ جس میں ٹیکسٹ باکس پر اردو ویب پیڈ لگا ہوا ہے اور ساتھ میں اردو ویب پیڈ کی جاوا سکرپٹ والی فائل اور آن سکرین اردو کی بورڈ کی سٹائل شیٹ والی فائل بھی موجود ہے ۔ Share Share this post on Digg Del.icio.us Technorati Twitter Facebook!

کمائي نے ایم بلال کو اس مراسلے کے لئے دیئے
تاریخ	رکن	عطیہ کرنے کی وجہ	رقم
29-12-10	زارا	سپرب ورک	0

29-12-10, 02:39 PM	#2
پاکستانی ناظم اعلی تاریخ شمولیت: Jun 2007 مقام: پاکستان عمر: 25 مراسلات: 5,292 کمائي: 62,640 شکریہ: 10,319 3,108 مراسلہ میں 7,466 بارشکریہ ادا کیا گیا	اتنی آسانی سے سمجھانے کا بہت شکریہ بھائی، Share Share this post on Digg Del.icio.us Technorati Twitter Facebook!

29-12-10, 03:21 PM	#3
زارا Senior Member تاریخ شمولیت: Jan 2009 مقام: اللہ کی زمین عمر: 24 مراسلات: 9,855 کمائي: 278,230 شکریہ: 1,155 6,272 مراسلہ میں 14,167 بارشکریہ ادا کیا گیا	السلام علیکم شیئرنگ کا شکریہ بھائی Share Share this post on Digg Del.icio.us Technorati Twitter Facebook!

29-12-10, 03:39 PM	#4
یاسر عمران مرزا Senior Member تاریخ شمولیت: May 2009 مقام: جدہ-سعودی عرب مراسلات: 5,641 کمائي: 86,389 شکریہ: 9,614 4,227 مراسلہ میں 12,048 بارشکریہ ادا کیا گیا	ایک مفید اور عمدہ معلوماتی ٹیوٹوریل پیش کرنے کے لیے شکریہ بلال بھائی۔۔۔۔۔۔۔۔۔۔۔۔۔۔۔۔۔۔ Share Share this post on Digg Del.icio.us Technorati Twitter Facebook!

29-12-10, 07:20 PM	#5
عبدالقدوس Administrator تاریخ شمولیت: May 2007 مقام: گوگل عمر: 24 مراسلات: 25,294 کمائي: 2,346,364 شکریہ: 18,821 12,630 مراسلہ میں 29,416 بارشکریہ ادا کیا گیا	زبردست جناب چھا گئے ہو Share Share this post on Digg Del.icio.us Technorati Twitter Facebook!

29-12-10, 07:41 PM	#6
فیصل ناصر Senior Member تاریخ شمولیت: Dec 2007 مقام: کراچی مراسلات: 17,523 کمائي: 298,194 شکریہ: 36,134 13,828 مراسلہ میں 40,302 بارشکریہ ادا کیا گیا	شئرنگ کا شکریہ بلال بھائی ! Share Share this post on Digg Del.icio.us Technorati Twitter Facebook!

31-12-10, 03:29 PM	#7
ایم بلال Junior Member اجنبی تاریخ شمولیت: Aug 2008 مراسلات: 29 کمائي: 1,323 شکریہ: 73 23 مراسلہ میں 99 بارشکریہ ادا کیا گیا	آپ سب کا میری تحریر پسند کرنے کا بہت بہت شکریہ۔ اللہ تعالیٰ آپ سب کو بے شمار خوشیاں دے۔۔۔آمین Share Share this post on Digg Del.icio.us Technorati Twitter Facebook!

31-12-10, 05:41 PM	#8
shaam Member اجنبی تاریخ شمولیت: Dec 2010 مراسلات: 83 کمائي: 842 شکریہ: 21 36 مراسلہ میں 51 بارشکریہ ادا کیا گیا	بہت اچھے طریقے سے سمجھایا ہے آپ نے میں ٹرائے کرتا ہو اسکو اپنی سائٹ پر Share Share this post on Digg Del.icio.us Technorati Twitter Facebook!

04-01-11, 11:16 AM	#9
منتظمین Administrator تاریخ شمولیت: May 2007 عمر: 36 مراسلات: 11,360 کمائي: 171,653 شکریہ: 9,809 7,525 مراسلہ میں 22,596 بارشکریہ ادا کیا گیا	وی بی کا ہیک بھی تفصیل سے سمجھا دیں تو بہت سارے لوگوں کا بھلا ہو جائے گا۔ Share Share this post on Digg Del.icio.us Technorati Twitter Facebook!

04-01-11, 12:55 PM	#10
محمدعدنان ناظم اعلی تاریخ شمولیت: May 2007 مقام: خود کی تلاش میں مراسلات: 15,327 کمائي: 5,560,014,197 شکریہ: 12,919 6,824 مراسلہ میں 15,898 بارشکریہ ادا کیا گیا	بلال بھائی بہت اچھے طریقے سے سمجھایا ہے آپ نے جزاک اللہ Share Share this post on Digg Del.icio.us Technorati Twitter Facebook!

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

موضوع کے اختیارات
Show Printable Version Email this Page
ظاہری انداز	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Similar Threads
موضوع	موضوع شروع کیا	فورم	جوابات	آخری مراسلہ
پینٹنگ ٹیکسٹ	arslansun	ایڈوب فوٹو شاپ	5	17-06-09 12:16 AM
امیج پر ٹیکسٹ	ukan	ایڈوب فوٹو شاپ	2	24-02-09 02:36 PM
جیلی ٹیکسٹ ایفیکٹ	arslansun	ایڈوب فوٹو شاپ	2	22-02-09 02:33 PM
ٹیکسٹ افیکٹ	زبیر	ایڈوب فوٹو شاپ	16	21-02-09 04:56 PM
اردو ٹیکسٹ کی سمری بنایئے(سوفٹ وئیر)	فرحان دانش	سوفٹ ویرز کے بارے میں آپکی رائے اور سوفٹ ویر کی درخواست	1	26-11-08 03:29 PM