Post Search

Jquery & Ajax

jQuery load method Tutorial in Bangla | SP Foundationbd

Jquery তে বেশ কিছু method আছে যেগুলি এজাক্স ব্যবহার করে সার্ভারের সাথে data বিনিময় বা data তুলে এনে ব্রাউজারে দেখাতে পারে। Ajax এমন একটি নতুন প্রযুক্তি যেটা দিয়ে একটা ওয়েব পেজ reload করা ছাড়াই সার্ভারের সাথে যোগাযোগ করতে পারে।নতুন একটা পিএইচপি পেজে যাবে ঠিকই এবং পিএইচপি কোড ভিতরে ভিতরে execute হবে তবে বাইরে থেকে দেখা যাবে শুধু সার্ভার থেকে পাওয়া ডেটা বা কোন ফলাফল।আর যতক্ষন কোড এক্সিকিউট হবে ততক্ষন ইউজারকে সাধারনত একটা loading এর ছবি দেখানো হয় যাতে সে বুঝতে পারে যে কোন ক ..... ..... ......

Jquery & Ajax

jQuery tab system tutorial | SP Foundationbd

এবার একটি Tab system তৈরী করে দেখাচ্ছি

index.html ফাইল

01.<!DOCTYPE html>

02.<html>

03.<head>

04.<title> SPFoundationbd Tab System tutorials</title>

05.<link rel="stylesheet" href="/style.css" type="text/css" />

06.<script src="/jquery_latest.js" type="text/javascript"></script>

07.<script src="/script.js" type="text/javascript"></script>

08.</head>

  1. 10.<body>

11.<div id="tab_system">

12.<ul id="tab_bar">

13.<li>

14.<a href="#">Current Hits</a>

15.</li>

16.<li>

17.<a href="#">Our Favourites</a>

18.</li>

19.<li>

20.<a href="#">All Time</a>

21.</li>

22.</ul>

23.<ul id="current" class="tab_list">

24.<li>

25.<a href="http://www.spfoundationbd.com">Who behind behind this | About us</a>

26.</li>

27.<li>

28.<a href="http://www. spfoundationbd.com"> ..... ..... ......

Java Script

জাভাস্ক্রিপ্ট রিডাইরেক্ট Tutorials | SP Foundationbd

Page রিডাইরেক্ট করা অনেক সময় প্রয়োজন হয়ে পরে। Page রিডাইরেক্ট হচ্ছে user একটা পেজে যাবে এবং যাওয়ার সাথে সাথে অটোমেটিক অন্য কোন পেজে তাকে নিয়ে যাবে। সাধারনত নিম্নোক্ত ক্ষেত্রগুলিতে page রিডাইরেক্ট করা প্রয়োজন হয়

==> আপনি আপনার সাইটের domain পরিবর্তন করেছেন। ধরুন আগে আপনার সাইটের নাম ছিল www.spfoundationbd.com এখন আপনি সাইটের domain পরিবর্তন করে নতুন নাম নিয়েছেন www. spfoundationbd.com. কিন্তু ইউজার এটা জানেনা যে আপনি নাম বদলেছেন। যাইহোক www. spfoundationbd.com এ ইউজার যখন ঢুকবে তখন javascript দিয়ে রিডাইরেক্ট করে ইউজ ..... ..... ......

Java Script

জাভাস্ক্রিপ্ট Print tutorials | SP Foundationbd

JavaScript print function টি একই কাজ করে যেমন টি করে আপনার ব্রাউজার উইন্ডোর file মেনুর print অপশনটি । JavaScript print ফাংশন টি  ওয়েবপেজ এর কনটেন্ট কে ব্যবহারকারীর(user)প্রিন্টারে পাঠিয়ে দেয়।

অনেকে এই function টিকে অনর্থক মনে করে।অনেকে আছে যারা computer সম্বন্ধে ভাল যানে না তাদের ক্ষেত্রে এই option টি থাকলে অনেক সুবিধা হবে।

JavaScript Print Script - window.print():

JavaScript print function যা window.print() এটি webpage কে print করে ।এই function টি কে html বাটনে রাখবো যা onClick event এর মাধ্যমে কাজ করবে।

1.<form>

2.<input type="button" value="Print This Page" onClick="window.print()" /> ..... ..... ......

Java Script

জাভাস্ক্রিপ্ট Prompt tutorials | SP Foundationbd

Javascript প্রম্পট ব্যবহার করে ইউজারের কাছ থেকে তথ্য নেয়া যায়। input বক্সে user তথ্য দিয়ে Ok দিলে (Input না দিলেও) true return করবে এবং Cancel দিলে false return করবে।

prompt() ফাংশনে দুটি প্যারামিটার দেয়া যায়। প্রথম প্যারামিটারে আপনি যে message user কে দেখাতে চান সেটা আর দ্বিতীয় প্যারামিটারে input বক্সে যদি কোন default মান দেখাতে চান সেটা। যেমন

01.<head>

02.<script type="text/javascript">

  1. 04.functionprompter() {

05.var answer = prompt("What is your favorite site", " spfoundationbd.com")

06.if(answer){

07.alert( "Your favorite site is " +  answer + "!");

08.}else{

09.alert("canceled");

10.}

11.}

  1.  

13.</script>

14.</h ..... ..... ......

Java Script

জাভাস্ক্রিপ্ট Confirm tutorials | SP Foundationbd

alert() method দিয়ে শুধু একটা message দেয়া যায় এবং OK click করা ছাড়া ইউজারের আর কোন option নেই। confirm() আরেকটা method আছে এটা Ok এবং Cance l এদুটি option সহ message (alert) প্রদর্শন করে। ফলে ইউজার Ok অথবা Cancel করতে পারবে।

মূলত যে কাজে এটা বেশি ব্যবহার হয় সেটা হল ডিলিটের সময় user কে একটা সতর্কীকরন মেসেজ দেয়া। প্রথম ক্লিকেই user কে সতর্কীকরন message দেয়া হয় যে আপনি নিশ্চিত কিনা যে delete করার ব্যাপারে যদি Ok দেয় তাহলে confirm() method true return করে এবং Cancel দিলে false return করে।

ডিলিটের ব্যাপার আসে যখন php তে কাজ করবেন এবং ইউজারের জন্য কোন panel ইত্যাদি থ ..... ..... ......

Java Script

জাভাস্ক্রিপ্ট এলার্ট tutorial | SP Foundationbd

এতক্ষনে অনেকগুলি alert() এর ব্যবহার দেখে এসেছেন। alert() এর ভিতর যেকোন string কোটেশনের ভিতরে দিলে সেটা ব্রাউজারে alert দেখায় এবং সেটা ok না করা পর্যন্ত ইউজার কোন কাজ করতে পারবেনা।

বেশ কিছু ক্ষেত্র আছে যেখানে এই এলার্ট খুব কাজে লাগে যেমন

মূলত user কে সতর্ক করাই এলার্টের আসল কাজ। এছাড়া ডেভলপারদের অনেক কাজে লাগে এই্ alert, code ডিবাগিং এর জন্য।

এই্চটিএমএল এ onclick ইভেন্ট দিয়ে সরাসরি এলার্ট ফাংশন ব্যবহার করা যায়। যেমন

1.<form>

2.<input onclick= "alert('This product is sold')" value="Sold">

3.</form>

ডেভলপারদের c ..... ..... ......

Java Script

জাভাস্ক্রিপ্ট অ্যারে tutorials | SP Foundationbd

জাভাস্ক্রিপ্টে ভেরিয়েবল দেখে এসেছেন নিশ্চয়। একটা ভেরিয়েবলে একটাই মান রাখা যায় এরপর যদি সেই ভেরিয়েবলে অন্য মান assign করেন সাথে সাথে variable টির মান পরিবর্তন হয়ে যায়। তবে অ্যারে দিয়ে একটা ভেরিয়েবলে অনেক মান একসাথে রাখতে পারেন। যেকোন মান রাখতে পারেন। যেমন

1.var tutorial = ['HTML', 'CSS', 'JavaScript', 'PHP'];

tutorial ভেরিয়েবলে সব মানগুলি রাখা হয়েছে, একসাথে ৪টি। এখন যদি এই মানগুলি access করতে চাই তাহলে index নাম্বার দিয়ে access করতে হবে। জাভাস্ক্রিপ্ট অটোমেটিক প্রতিটি মানের জন্য একটা index নাম্বার দিয়ে র ..... ..... ......

Java Script

Js মন্তব্য বা Comments | SP Foundationbd

কোডে কমেন্ট করা একটা ভাল অভ্যাস বরং অত্যাবশ্যকীয় মনে করা উচিৎ। বড় বড় প্রজেক্টে যখন কাজ করবেন, এক একটা স্ক্রিপ্ট অনেক বড় বড় হবে। কোন্ code বা function কিসের জন্য লেখা হচ্ছে এটা যদি কোডেই লিখে না রাখেন তাহলে এই স্ক্রিপ্ট পরে আপনি বা অন্য কোন প্রোগ্রামার কাজ করার জন্য যখন খুলবেন তখন কাজ ১০ গুন বেড়ে যাবে। কেননা পুরো script এবং এই স্ক্রিপ্টের সংশ্লিষ্ট code ও পড়ে পড়ে বের করতে হবে কোন code কিসের জন্য লিখেছেন।

যাইহোক যেকোন codeblock শুরু করার আগে যদি কমেন্ট বা মন্তব্য করে রাখেন তাহল ..... ..... ......

Java Script

Javascript For loop tutorials | SP Foundationbd

For Loop দিয়েও while লুপের কাজ করা যায়। For Loop দিয়ে যেসব কাজ হয় while দিয়েও ঐ কাজ করা যাবে। ফর লুপ while এর মতই pretest loop, মানে আগে condition check করবে এরপর true হলে লুপের অভ্যন্তরের code execute হবে। ফর লুপে ৩ টি এক্সপ্রেশন থাকতে পারে

১. variable initialization : প্রথম এক্সপ্রেশন দিয়ে ভেরিয়েবল initialize করা হয় এবং এই এক্সপ্রেশন লুপ এক্সিকিউট হওয়ার আগেই execute বা check হবে।

২. Condition : এরপর একটা কন্ডিশন দেয়া হয় যেটা চেক করে true রিটার্ন করলে লুপ Execute হবে, তবে এটিও ঐচ্ছিক যদি এই্ condition না দেয়া হয় তাহলে For loop বাই ডিফল্ট true return করে।

৩. শেষ এক্স ..... ..... ......