Js এর মতই Wapkiz Conditional Tag নিজেই তৈরি করুন।
লেখনির শুরুতেই এস এম সুদীপ বিডি ডট কম এর পক্ষ থেকে প্রান ঢালা অভিনন্দন ও ভালোবাসা। বর্ষার এই সিজনে ঝির ঝির বৃষ্টি কেমন লাগে আপনাদের ?
আমার তো বেশ মজাই লাগে। যদি পাশে থাকে এ সময় প্রিয় জন। যাই হোক কবি হতে চাই না , আমাদের টিউনে ফিরে আসি।
আজকের টিউন আপনাদের জন্য অধিক গুরুত্ব পূর্ণ হতে চলেছে। কেননা এই বিষয়ে কেহই এখন পর্যন্ত টিউন দেয়নি।
আর Wapkiz Conditional Tag এর বিষয়ে বেশির ভাগ ইউজার রাই মাথা ঘামাতে চায় না। কিন্তু আপনি যদি প্রফেশনাল ভাবে ওয়েব ডিজাইনার হতে চান বা কাজ করতে চান , তবে তো আপনাকে খুঁটি নাটি বিষয় গুলো খুবই ভালো ভাবে জানতে হবে।
 |
Wapkiz Conditional Tag |
আজকে আমি আপনাদের সাথে যে সকল বিষয়ে আলোচনা করতে যাচ্ছি , আশা করি আপনারা আজ টিউনের টাইটেল দেখে বা পড়েই বুঝে ফেলেছেন।
হ্যা , আজ আমি আপনাদের সাথে Wapkiz Conditional Tag এর বিষয়ে বিশেষ আলোচনা করতে যাচ্ছি। আমরা যে Wapkiz Conditional Tag নিয়ে আলোচনা করতে যাচ্ছি , আমরা কি জানি -
# Wapkiz Conditional Tag কি ?
আমরা ইতি মধ্যেই বিভিন্ন কোডের সাথে পরিচিত। সেখানে আমরা দেখেছি যে , কিছু অপশন লগিন করার পূর্বে দেখা যায় কিন্তু লগিন করার পর সে গুলো আর দেখা যায় না।
অর্থাৎ ইউজার কোন মুডে আছে তার উপর নির্ভর করে অপশন ভিসিবল হয়। যেমন ইউজার যদি গেস্ট মুডে থাকে , তবে লগিন করার অপশন গুলো দেখতে পাবে আর যদি লগিন করা অবস্থায় থাকে তবে নিবন্ধিত সদস্যের অপশন গুলো দেখতে পাবে এবং সর্বচ্ছ সুবিধা লাভ করবে।
এই কাজ গুলো কিছু Conditional Tag এর সাহায্যে করা হয় , কিছু শর্ত বেধে দেওয়া হয় কোডের মাঝে। আপনি যদি এখনও Conditional Tag বুঝতে না পারেন , তবে আপনাদের জন্য একটু উদাহরনে আসি।
উহদাহরন কিন্তু আমি বাংলা ভাষাতেই দিতেছি। প্রোগ্রামিং করার সময় আমরা যা করে থাকি। দেখুন -
ধরি / মনে করি...
আমার পুরাতন একটি ড্রেস আছে। অন্য দিকে আমার বন্ধু সুস্মিতার নতুন একটি ড্রেস আছে। আবার সেজ্যুতির কোন ভালো ড্রেস নেই। আমাদের একটি অনুস্থানে যেতে হবে। কিন্তু অনুস্থানের কর্মকর্তা কিছু শর্ত নির্ধারণ করে দিয়েছে।
এখন, এখানে কর্মকর্তা শর্ত টি ঠিক এমন ভাবে সাজিয়েছে -
ড্রেস আছে কিংবা নেই [
{ আছে ( নতুন হলে সামনে বসবে ) অথবা আছে ( পুরাতন হলে পিছনে বসবে ) }
অথবা
{ নেই ( অনুস্থানে আসতে পারবে না ) } ]
ঠিক এভাবেই প্রোগ্রামিং গুলো সাজানো হয়। এ জন্যই প্রোগ্রামিং করা অনেক মজার একটি বিষয়।
আলোচনার পূর্বেই আমি আপনাদের সাথে যে বিষয় গুলো নিয়ে বিশেষ দৃষ্টিপাত করব , সে গুলো নিচে দেওয়া হল ঃ -
- Wapkiz Basic Condional Tag
- Wapkiz Replace Conditional Tag
- Wapkiz If Conditional Tag এবং
- Wapkiz Math Conditional Tag
ওয়াপ কিজে যে Conditional Tag গুলো দিয়েছে , এই ট্যাগ গুলোকে কাজে লাগিয়ে আমরা ঠিক Javascript এর মত Condition তৈরি করব।
সর্ব প্রথম আমাদের জেনে নিতে হবে -
# ওয়াপ কিজের Condition Tag গুলো কি কি ?
ওয়াপ কিজের এই চার টি কন্ডিশনাল ট্যাগ এর ভিতরে অনেক ট্যাগ আছে। যে গুলো এখন আমরা বিস্তারিত ভাবে জেনে নিব। যথাঃ -
১। Wapkiz Basic Condional Tag : - নিচে সব গুলো ট্যাগ দেওয়া হল । ট্যাগ এর পাশেই এর কাজ কি সেটি বর্ণনা করা হলঃ -
 |
Wapkiz Basic Condional Tag |
- :logo: ওয়েব সাইট এর লগোর ইমেজ এর লিংক দেখাবে।
- :stat-counter: ওয়েব সাইট এর হিট কাউন্ট করে দেখাবে।
- :on-all: অনলাইনে কত জন আছে , সেটি দেখাবে।
- :on-user: নবন্ধিত সদস্যের মধ্যে কত জন এখন অনলাইনে সেটি দেখাবে।
- :on-guest: কত জন গেস্ট এখন অনলাইনে সেটি দেখাবে।
- :to-id: একটি লিংকে ?to-id=test , = এর পর যা থাকবে তাই রিপ্লেস করবে।
- :to-id(yourtext): এখানে to-id যদি খালি থাকে তবে yourtext যা লিখে রাখবেন তাই রিপ্লেস করে দেখাবে।
- :my_name: লগিন করা অবস্থায় ওই ইউজার এর নাম দেখাবে।
- :phone: ইউজার কোন মোবাইল ব্যবহার করে সেটি দেখাবে।
- :browser: ইউজার কোন ব্রাউজার ব্যবহার করে সেটি দেখাবে।
- :login: লগিন ফর্ম দেখাবে।
- :site-reg: নিবন্ধনের লিংক দেখাবে।
- :site-login: লগিন ফর্ম এর লিংক দেখাবে।
- :site_url: মূল ওয়েব সাইট এর লিংক দেখাবে।
- :page_url: যে পেজে বসাবেন সেই পেজের লিংক দেখাবে।
- :title: pag title here:/title: যে পেজে বসাবেন ওই পেজের টাইটেল দেখাবে।
- ::date:: বর্তমান সময় দেখাবে।
- ::date=time format:: এখানে time format এ নিজস্ব সময়ের ফরম্যাট সেট করতে পারবেন।
- :img-id file: অরজিনাল ছবি সহ ওই ছবির ফাইল আইডি দেখা যাবে।
- :img-id-w-300-h-200: অরজিনাল ছবি টির ফাইল আইডি দেখাবে এবং w-300-h-200 দ্বারা ছবি টির দৈর্ঘ্য ও প্রস্থ নিজের মত সেট করে দেখাতে পারবেন।
- :include=siteid: এখানে siteid যত বসাবেন , ওই সাইট এর কন্টেন্ট দেখাবে। উদাহরন স্বরূপ :include=1:
- :estrtolower(string): এখানে string এ যা লিখবেন তা ছোট হাতের অক্ষরে দেখাবে।
- :estrtoupper(string): এখানে string এ যা লিখবেন তা বড় হাতের অক্ষরে দেখাবে।
- :eucfirst(string): এখানে string এ যা লিখবেন তার প্রথম বর্ণ টি শুধু বড় হাতের এবং বাকি সব ছোট হাতের দেখাবে।
- :eucwords(string): এখানে string এ যা লিহবেন , প্রত্যেক তা বর্ণ বড় হাতের দেখাবে।
- [rand-open]text1[r]text2[r]text3[/rand-close] আপনি এখানে র্যান্ডম টেক্স বা ছবি যুক্ত করতে পারবেন , এখানে কোড টি দেওয়া হয়েছে ঠিক এভাবে - text1, text2, text3 এবং প্রত্যেক টি টেক্স কে আলাদা করা হয়েছে - [r] দ্বারা । আরেক টি উদাহরন হল - [rand-open]আমি[r]তুমি[r]সে[/rand-close]
- [favico]url here[/favico] এখানে url here যে ছবির লিংক দিবেন ওই ছবি টি shortcut icon / favicon হিসেবে দেখাবে।
২। Wapkiz Replace Conditional Tag : - নিচে সব গুলো ট্যাগ দেওয়া হল । ট্যাগ এর পাশেই এর কাজ কি সেটি বর্ণনা করা হলঃ -
 |
Wapkiz Replace Conditional Tag |
Replace Tag টি হল -
[replace=(main object here)]word to be replaced||word replacement[/replace]
চলুন একটি উদাহরনে আসা যাক -
ধরি,
I Love You এই Sentence টি কে আমরা I Like You এ রিপ্লেস করব। তা হলে রিপ্লেস ট্যাগ টি হবে এমন -
[replace=( I Love You)]Love||Like[/replace]
এই ট্যাগ টির রেজাল্ট হবে - I Like You
চলুন আরেক টি উদাহরনে আসা যাক ...
ধরি ,
I Love You এই বাক্য টিকে আমরা She Like Me এ রিপ্লেস করে ফেলব। তাহলে এর জন্য রপ্লেস ট্যাগ টি কেমন হবে। চলুন দেখে নেওয়া যাক -
[replace=( I Love You)]I[]Love[]You||She[]Like[]Me[/replace]
এই ট্যাগ টির রেজাল্ট হবে - She Like Me
এখানে যখন আমরা একাধিক ওয়ার্ড কে এক সাথে রিপ্লেস করব , ঠিক তখন প্রত্যেক টি ওয়ার্ড কে সেপারেট করার জন্য [] এই ট্যাগ ব্যবহার করতে হবে। যা আমি আপনাদের দুই নাম্বার উদাহরনে দেখিয়েছি।
৩। Wapkiz If Conditional Tag : - নিচে সব গুলো ট্যাগ দেওয়া হল । ট্যাগ এর পাশেই এর কাজ কি সেটি বর্ণনা করা হলঃ -
 |
Wapkiz If Conditional Tag |
- = equal ( সমান )
- ~ not equal ( সমান নয় )
- > bigger than ( বড় )
- < smaller than ( ছোট )
If Conditional Tag টি হল -
(if variable1=variable2)content(/if)
এখানে আপনি ভালো ভাবে লক্ষ করুন ...
যদি variable1 এবং variable2 একই হয় তখন content টি দেখাবে। অন্যথায় যদি variable1 এবং variable2 একই না হয় , তবে content টি দেখাবে না।
তবে এবার উদাহরনে আসা যাক , তাহলে এই কন্সেপ টি আপনাদের ক্লিয়ার হবে।
ধরি,
আমার মুখে যদি হাসি থাকে , তবে আমি সুখি। অর্থাৎ আমার মুখে যদি smile থাকে তবে আমি happy , তাহলে If Conditional Tag টি হবে -
(if smile=smile)i am happy(/if)
তাহলে দেখতে পারতেছি যে , যদি smile=smile হয় তবে আমাদের সামনে মেসেজ প্রদর্শিত হবে i am happy
কিন্তু যদি আমার মুখে হাসি না থাকে তবে বলব আমি দুঃখী। অর্থাৎ আমার মুখে যদি smile না থাকে তবে আমি sad , তাহলে If Conditional Tag টি কেমন হবে -
(if smile~smile)i am sad(/if)
তাহলে দেখতে পারতেছি যে , যদি smile~smile হয় তবে আমাদের সামনে মেসেজ প্রদর্শিত হবে i am sad
আবার যদি বড় ছোট If Conditional Tag এর ব্যবহারের দিকে লক্ষ্য করি তাহলে কেমন হয়। চলুন উদাহরন থেকে এর ব্যবহার শিখে নেই।
ধরি,
আমি একটি নিবন্ধন ফর্ম তৈরি করতেছি। এখানে আমি একটি কন্ডিশন দিতে চাই , সেটি হল যদি তার বয়স ১৮ বছরের নিচে হয় , তার নিবন্ধন ফর্ম গ্রহন হবে না।
এখানে আমি ২ টি কন্ডিশন প্রয়োগ করব -
যথাঃ -
যদি বয়স ১৮ পূর্ণ হয়। অর্থাৎ সমান সমান।
(if 18=18)Form is successfull(/if)
আবার যদি ১৮ বছরের বড় হয় , তাহলেও ফর্ম টি নিবন্ধিত হবে। সেক্ষেত্রে কন্ডিশন হবে -
(if 18<18)Form is successfull(/if)
বিদ্রঃ - আপনারা হয়ত ভাবতেছেন , দুই টি কন্ডিশন কিভাবে নিবন্ধনের ফরমের সাথে যুক্ত করবেন।
ব্যাখ্যাঃ -
আমি প্রথমে একটি input form ইউজার কে শো করাব। এখানে লেখা থাকবে - আপনার বয়েস কত ?
<form action='/site-register.html?' method='get'>
<label>আপনার বয়েস কত ?</label>
<input type='text' name='to-year'/>
<input type='submit' name='submit' value='নিবন্ধন/>
</form>
[/CODE]এই কোড টি রান করালে ইউজার কে তার বয়েস দিতে বলবে যদি সে ১৮ দেয় বা তার বেশি , তবে নিবন্ধন ফর্ম ওপেন হবে। আর যদি ১৮ এর কম দেয় তবে নিবন্ধন ফর্ম ওপেন হবেনা।
ধরি,
ইউজার উক্ত বক্সে ১৮ বছর দিয়েছে। তবে নিবন্ধন ফর্ম এর পেজ টি ওপেন হবে। তবে কি ভাবে কানেক্ট করবেন কন্ডিশন দেখে নিন।
অপরের কোডে দেখুন আমি name='to-year' দিয়েছি। তার মানে যখন ইউজার উক্ত বক্সে বয়েস 18 দিবে তখন নিবন্ধন ফর্ম পেজের লিংক টি হবে -
/site-register.html?to-year=18
একে আমি কন্ডিশনের সাথে জুরে দিলে এমন হবে। দেখুন...
<div class='18-equal'>(if :to-year:=18)Form Is Visible equal of 18 Years(/if)</div><div class='18-big'>(if 18<:to-year:) Form Is Visible Bigger Than 18 Years(/if)</div><div class='notify'>(if 18>:to-year:) You Can Not Register Because Your Age Is Smaller Than 18.(/if)</div>
দেখুন এখানে আমি তিন টি কন্ডিশন যুক্ত করেছি। যদি ইউজার এর বয়েস ১৮ বা বেশি হয় তবে তো নিবন্ধন ফর্ম শো করবে। কিন্তু যদি ১৮ বছরের কম হয় , তাকে কি শো করাবে।
তাই শেষের কন্ডিশন টি তাকে শো করাবে যে -
You Can Not Register Because Your Age Is Smaller Than 18.
অর্থাৎ আপনি নিবন্ধন করতে পারবেন না কারন আপনার বয়েস ১৮ বছরের নিচে।
যাই হোক আপনারা নিজেরাই নিজের মত করে এভাবে কন্ডিশন তৈরি করে নিবেন। আশা করি আপনাদের আমি সঠিক ভাবে বুঝাতে পেরেছি।
৩। Wapkiz Math Conditional Tag : - নিচে সব গুলো ট্যাগ দেওয়া হল । ট্যাগ এর পাশেই এর কাজ কি সেটি বর্ণনা করা হলঃ -
 |
Wapkiz Math Conditional Tag |
- + addition (যোগ )
- - reduction ( বিয়োগ )
- * Multiplication ( গুণ )
- / divide ( ভাগ )
- () distinguishing ( বন্ধনী বা আলাদা করন )
ওয়াপকিজে ম্যাথ ট্যাগ ব্যবহারের মাধ্যমে আমরা যে কোন কিছু সর্বমোট কাউন্ট করে দেখাতে পারব।
ম্যাথ ট্যাগ টি হল -
[math]value[/math]
উদাহরন হিসেবে আমরা যদি ১০ আর ২০ কে যোগ করতে চাই , তাহলে কি ভাবে ম্যাথ ট্যাগ লিখব দেখুন...
[math]10+20[/math]
The Result Is 30.
দ্বিতীয় উদাহরণ হিসেবে দেখাতে চাই ...
10+20/5 এর ফলাফল হবে 14
কিন্তু
(10+20)/5 এর ফলাফল হবে 6
যোগ , বিয়োগ , গুণ ও ভাগ ঠিক একই নিয়মে করতে পারবেন। তাই আর বিশেষ কিছু আলোচনা করতেছিনা।
একটি ওয়াপ কিজের বাস্তব কোডের উদাহরন না দিলেই নয়। অবশ্যই লক্ষ্য করুন ...
ধরুন , আপনার ওয়েব সাইট এ কত জন নিবন্ধিত সদস্য এবং কত জন গেস্ট একটিভ আছে , তা আপনি কাউন্ট করে দেখাবেন। তাহলে কোড টি হবে -
[math]:on-user:+:on-guest:[/math]
আজ আর লিখতে চাচ্ছি না , জানি আপনাদের হয়ত বিরক্ত লাগতেছে। কারন আজকের টিউন টি হয়ত একটু বেশি বড় হয়ে গেছে।
পরিশেষে বলতে চাই , আজকের লেখনিতে সকল ভূল ত্রুটি মার্জনা করে দিবেন। কারন লিখতে গিয়ে অনেক স্পেলিং মিস্টেক হয়ে যায়। এত ক্ষন ধরে আমাকে সময় দেওয়ার জন্য আপনাকে অসংখ্য ধন্যবাদ।
ভালো ও সুস্থ থাকবেন এই প্রত্যাশায় আজকের টিউন এখানেই শেষ করতেছি।
টাটা।
ক্রেডিট বাইঃ - সুদীপ কুমার রায় ( Admin Of SMsudipBD.Com )
পোস্ট রেটিং করুন
|
SMsudipBD.Com
Web Development & Design. |
টিউটোরিয়ালটি কেমন লেগেছে মন্তব্য করুন!