জে-কোয়েরী কোডিং পদ্ধতি( Process of jQuery coding)
জে-কোয়েরী কোডিং পদ্ধতি( Process of jQuery coding)
jQuery তে code লেখার পূর্বে অমাদের স্বরন রাখতে হবে যে ব্রাউজারে JavaScript সচল (active) আছে কিনা; যদি সচল না থাকে তবে অবশ্যই সচল করতে হবে।সাধারনত (default) ব্রাউজারে JavaScript সচল থাকে। এখন আপনারা দেখবেন কিভাবে JavaScript ইন্টারনেট এক্সপ্লোরার,ফায়ারফক্স, এবং অপেরা তে সচল করতে হয়।
Internet Explorer -এ সচল করারপদ্ধতি:
- প্রথমে Tools menu তে Click করতে হবে
- তারপর menu হতে Internet Options নির্বাচন করতে হবে
- Internet Options এর Security tab এ Click করতে হবে
- তারপর Custom Level বাটনে Click করে security settings এ প্রবেশ করতে হবে
- Scroll করে Scripting section এ যেতে হবে
- script সচল করা জন্য Enable বাটন Select করতে হবে
- প্রক্রিয়াটি সম্পন্ন করতে OK বাটনে Click করতে হবে
- করার জন্য Yes বাটনে Click করতে হবে
Mozilla Firefox -এ সচল করারপদ্ধতি :
- প্রথমে Tools menu তে Click করতে হবে
- তারপর menu হতে Options নির্বাচন করতে হবে
- Options এর Content tab এ Click করতে হবে
- নিশ্চিত করুন যে Enable JavaScript check box এ টিক দেয়া আছে কিনা
- প্রক্রিয়াটি সম্পন্ন করতে OK বাটনে Click করতে হবে
Opera-এ সচল করারপদ্ধতি :
- প্রথমে Tools menu তে Click করতে হবে
- তারপর menu হতে Preferences নির্বাচন করতে হবে
- Preferences এর Advanced tab এ Click করতে হবে
- বাম পাশের লিস্ট item হতে Content নির্বাচন করতে হবে
- নিশ্চিত করুন যে Enable JavaScript check box এ টিক দেয়া আছে কিনা
- প্রক্রিয়াটি সম্পন্ন করতে OK বাটনে Click করতে হবে
jQuery লাইব্রেরী কে পেজের সাথে সংযোগ করা (Adding the jQuery Library to Your Pages):
jQuery লাইব্রেরী কে কয়েক ভাবে পেজের সাথে সংযোগ করা যায়।
যেমন:
১) jQuery লাইব্রেরীটি Download করে আপনার Server এ upload করে নিতে পারেন। Download জে-কোয়েরী লিংক টিতে ক্লিক করুন, দেখবেন ব্রাউজারে ফাইলটি open হয়েছে। এখন Ctrl+A দিয়ে সম্পূর্ন code select করে jquery.js নামে একটি ফাইল তৈরি করে তাতে Save করুন। এবার একই Directory (ফোল্ডার) তে test.html নামে একটি ফাইল তৈরি করে, নিচের code টুকু লিখুন, তাহলেই আপনার test.html পেজের সাথে jQuery যুক্ত হয়ে যাবে।
১) jQuery লাইব্রেরীটি Download করে আপনার Server এ upload করে নিতে পারেন। Download জে-কোয়েরী লিংক টিতে ক্লিক করুন, দেখবেন ব্রাউজারে ফাইলটি open হয়েছে। এখন Ctrl+A দিয়ে সম্পূর্ন code select করে jquery.js নামে একটি ফাইল তৈরি করে তাতে Save করুন। এবার একই Directory (ফোল্ডার) তে test.html নামে একটি ফাইল তৈরি করে, নিচের code টুকু লিখুন, তাহলেই আপনার test.html পেজের সাথে jQuery যুক্ত হয়ে যাবে।
1 2 3 4 5 6 7 8 9 10 11 12 | <!--[CDATA[<!DOCTYPE html--><script type="text/javascript"src="jquery.js"></script><-- your page body-- >]]> |
২) আপনি সরাসরি Google অথবা Microsoft এর reference ব্যবহার করেও jQuery লাইব্রেরী আপনার পেজের সাথে যুক্ত করতে পারেন। সেক্ষেত্রে jquery.js ফাইলটি আপনার Server এ upload করার প্রোয়োজন নেই।
Google reference এর ব্যবহার :
1 2 3 4 5 6 7 8 9 10 11 12 | <!--[CDATA[<!DOCTYPE html--><script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><-- your page body-- >]]> |
Microsoft reference এর ব্যবহার :
1 2 3 4 5 6 7 8 9 10 11 | <!--[CDATA[<html--><script type="text/javascript"src="http://ajax.microsoft.com/ajax/jquery/jquery-1.7.1.min.js"></script><-- your page body-- >]]> |
উদাহরণ Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <!--[CDATA[<!DOCTYPE html--><script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript">$(document).ready(function(){ $("button").click(function(){ alert('jQuery library installed properly. Thanks every one.'); });});</script><button>Click me</button>]]> |
Comments
Post a Comment
Thanks