জে-কোয়েরী কোডিং পদ্ধতি(Coding Process of jQuery): জে-কোয়েরী -(পর্ব-৩)

jQuery তে code লেখার পূর্বে অমাদের স্বরন রাখতে হবে যে ব্রাউজারে JavaScript সচল(active) আছে কিনা; যদি সচল না থাকে তবে অবশ্যই সচল করতে হবে।সাধারনত (default) ব্রাউজারে JavaScript সচল থাকে। এখন আপনারা দেখবেন কিভাবে  JavaScript ইন্টারনেট এক্সপ্লোরার,ফায়ারফক্স, এবং অপেরা তে সচল করতে হয়।

Internet Explorer -এ সচল করারপদ্ধতি:

  1. প্রথমে Tools menu তে Click করতে হবে
  2. তারপর menu হতে Internet Options নির্বাচন করতে হবে
  3. Internet Options এর Security tab এ Click করতে হবে
  4. তারপর Custom Level বাটনে Click  করে security settings এ প্রবেশ করতে হবে
  5. Scroll  করে Scripting section এ যেতে হবে
  6. script সচল করা জন্য   Enable বাটন Select করতে হবে
  7. প্রক্রিয়াটি সম্পন্ন করতে OK বাটনে Click করতে হবে
  8. করার জন্য Yes বাটনে Click  করতে হবে

Mozilla Firefox -এ সচল করারপদ্ধতি:

  1. প্রথমে Tools menu তে Click করতে হবে
  2. তারপর menu হতে Options নির্বাচন করতে হবে
  3. Options এর Content tab এ Click করতে হবে
  4. নিশ্চিত করুন যে Enable JavaScript check box এ টিক দেয়া আছে  কিনা
  5. প্রক্রিয়াটি সম্পন্ন করতে OK বাটনে Click করতে হব

Opera-এ সচল করারপদ্ধতি :

  1. প্রথমে Tools menu তে Click করতে হবে
  2. তারপর menu হতে Preferences নির্বাচন করতে হবে
  3. Preferences এর Advanced tab এ Click করতে হবে
  4. বাম পাশের লিস্ট item হতে Content নির্বাচন করতে হবে
  5. নিশ্চিত করুন যে Enable JavaScript check box এ টিক দেয়া আছে  কিনা
  6. প্রক্রিয়াটি সম্পন্ন করতে 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 যুক্ত হয়ে যাবে।

[sourcecode language="html"]
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

<body>
<-- your page body-- >
</body>
</html>
[/sourcecode]

২) আপনি সরাসরি Google অথবা Microsoft এর reference ব্যবহার করেও jQuery লাইব্রেরী আপনার পেজের সাথে যুক্ত করতে পারেন। সেক্ষেত্রে jquery.js ফাইলটি আপনার Server এ upload করার প্রোয়োজন নেই।

Google reference এর ব্যবহার :

[sourcecode language="html"]
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</head>

<body>
<-- your page body-- >
</body>
</html>
[/sourcecode]

Microsoft reference এর ব্যবহার :

[sourcecode language="html"]
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.7.1.min.js">
</head>

<body>
<-- your page body-- >
</body>
</html>
[/sourcecode]

উদাহরণ Code:

[sourcecode language="html"]
<!DOCTYPE html>
<html>
<head>
<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>
</head>

<body>
<button>Click me</button>
</body>
</html>
[/sourcecode]

কোডের ফলাফল(Demo):


………………………………………………………………………………
আলোকিত একটা সুন্দর সমৃদ্ধ পৃথিবী  আমাদের প্রত্যেকেরই স্বপ্ন । আসুন আমাদের মেধা পরিশ্রম কে বিজ্ঞান সম্মতভাবে ব্যবহার করে, আমাদের স্বপ্ন পূরণে অংশ গ্রহণ করি। আজ এখানেই শেষ করছি। সকলের জন্য শুভকামনা রইল।

জে-কোয়েরী ধারাবাহিক টিউটোরিয়ালঃ

1 thought on “জে-কোয়েরী কোডিং পদ্ধতি(Coding Process of jQuery): জে-কোয়েরী -(পর্ব-৩)”

Leave a Comment