ট্রান্সলেটর ছাড়াই ইংরেজি বাংলা পোস্ট একসাথে
জাভাস্ক্রিপ্ট ব্যবহার করে সহজেই ব্লগ বা ওয়েবসাইটে বাংলা ও ইংরেজি পোস্ট একসাথে দেয়া যায় । আপনি ইচ্ছে করলে একাধিক ভাষা বা অন্য ভাষাও ব্যবহার করতে পারেন । আমাদের অনেকেই ইওরেজিতে পটু না, তাই আমাদের ইংরেজি ট্রান্সলেট হলে তার সঠিক অর্থ বুজা যায় না । শুধু তাই নয় পটুদেরও ভাষার ঠিক থাকে না । সবকিছু এলোমেলো মনে হয়। একটি লাইনের সাথে আরেকটি লাইনের কোন মিল পাওয়া যায় না । তাই অধিকাংশ ব্লগ বা সাইটে ট্রান্সলেটর নয় বরং তার সঠিক অনুবাদ স্ক্রিপ্ট বা অন্য কোন মাধ্যমে দেখানো হয় । আমি ঠিক জানি না । তবে আগামীকাল একুশে ফেব্রুয়ারী আর আমার ইচ্ছা জাগে আমার ভাষাভাষীর মানুষেরা আমার ভাষাতেই আমার ব্লগ পরুক । অনেক পরিশ্রম করে এই সহজ উপায় খুব ভালো কিছু পেলাম না। আশা করি একসময় পেয়ে যাবো এবং লিখব আবার । তাহলে দেখা যাক কিভাবে সেটা করা যায়। নিচের কোড টি কপি করে practice করুন । দেখে নিতে পারেন View Demo
< button type="button" onclick="amarBangla()"; > Read in Bangla </button >
< div id="english" >
এখানে আপনার ইংরেজি পোস্ট টি লিখবেন । পাঠক আপনার প্রথমে এই পোস্ট দেখবে । যখন তারা Read in Bangla তে ক্লিক করবে তখন বাংলা দেখতে পাবে।
</ div >
< script >
function amarBangla()
{
b=document.getElementById("english"); // Find the element
b.innerHTML=’এখানে আপনার বাংলা পোস্ট টি লিখবেন । পাঠক আপনার \
প্রথমে এই পোস্ট দেখবে পাবে না । যখন তারা Read in Bangla \
তে ক্লিক করবে তখন বাংলা দেখতে পাবে । মনে রাখবেন শুরু এবং শেষে একটি সিঙ্গেল কোটেশন ব্যবহার করবেন । আপনের পোস্ট এর ভিতর কথাও ডাবল কোটেশন থাকতে পারে তাই ডাবল কোটেশন ব্যবহার করলে ত্রুটি দেখা দিবে । পোস্ট এর ভিতরে সিঙ্গেল কোটেশন ব্যবহার করবেন না ।
সাবধানতাঃ এর মধ্যে যা কিছু লিখবেন তাতে অনেক লাইন শেষ হয়ে নতুন লাইন শুরু হবে । এছাড়া আপনি ইচ্ছা করেও লাইন ব্রেক দিতে পারেন ।তাই Enter চাপার আগে “\” বসিয়ে দিন এবং খেয়াল করুন যাতে “\” চিহ্ন টি পরের লাইন এ যেন না যায়। নাহলে কোড কাজ করবে না । যেমন আমি প্রথম দুইটি লাইন এ ব্যাবহার করেছি । ’; // Change the content
}
< /script >
< button type="button" onclick="amarBangla()"; > Read in Bangla < /button >
< div id="english" >
এখানে আপনার ইংরেজি পোস্ট টি লিখবেন । পাঠক আপনার প্রথমে এই পোস্ট দেখবে । যখন তারা Read in Bangla তে ক্লিক করবে তখন বাংলা দেখতে পাবে।
</ div >
< script >
function amarBangla()
{
b=document.getElementById("english"); // Find the element
b.innerHTML=’এখানে আপনার বাংলা পোস্ট টি লিখবেন । পাঠক আপনার \
প্রথমে এই পোস্ট দেখবে পাবে না । যখন তারা Read in Bangla \
তে ক্লিক করবে তখন বাংলা দেখতে পাবে । মনে রাখবেন শুরু এবং শেষে একটি সিঙ্গেল কোটেশন ব্যবহার করবেন । আপনের পোস্ট এর ভিতর কথাও ডাবল কোটেশন থাকতে পারে তাই ডাবল কোটেশন ব্যবহার করলে ত্রুটি দেখা দিবে । পোস্ট এর ভিতরে সিঙ্গেল কোটেশন ব্যবহার করবেন না ।
সাবধানতাঃ এর মধ্যে যা কিছু লিখবেন তাতে অনেক লাইন শেষ হয়ে নতুন লাইন শুরু হবে । এছাড়া আপনি ইচ্ছা করেও লাইন ব্রেক দিতে পারেন ।তাই Enter চাপার আগে “\” বসিয়ে দিন এবং খেয়াল করুন যাতে “\” চিহ্ন টি পরের লাইন এ যেন না যায়। নাহলে কোড কাজ করবে না । যেমন আমি প্রথম দুইটি লাইন এ ব্যাবহার করেছি । ’; // Change the content
}
< /script >
< button type="button" onclick="amarBangla()"; > Read in Bangla < /button >
ব্যাখ্যাঃ
সবার উপর ও নিচে দুইটি বাঁটন নেয়া হয়েছে যাতে পাঠক ক্লিক করে বাংলায় পরতে পারে । div element এর মধ্যে id=”english “ নেয়া হয়েছে তাকে চিনে রাখার জন্য । তারপর b=document.getElementById("english"); দ্বারা সনাক্ত করা হয়েছে । সবশেষে b.innerHTML=’ ’ দ্বারা বলা হয়েছে আমাদের বাংলায় লেখা পোস্ট টি সেখানে বসাতে ।
সবার উপর ও নিচে দুইটি বাঁটন নেয়া হয়েছে যাতে পাঠক ক্লিক করে বাংলায় পরতে পারে । div element এর মধ্যে id=”english “ নেয়া হয়েছে তাকে চিনে রাখার জন্য । তারপর b=document.getElementById("english"); দ্বারা সনাক্ত করা হয়েছে । সবশেষে b.innerHTML=’ ’ দ্বারা বলা হয়েছে আমাদের বাংলায় লেখা পোস্ট টি সেখানে বসাতে ।
এভাবে আপনি যতটি function লিখবেন ততটি ভাষা ব্যবহার করতে পারবেন । তবে আমরাতো অত ভাষা জানি না আর বেশী ভাষা অর্থাৎ বাঁটন ব্যবহার করলে পোস্ট এর মাধুর্য নষ্ট হবে । খেয়াল করলে দেখবেন ইংরেজি থেকে বাংলায় গেলে এর ইংরেজি আসছে না । পেজ রিলোড করলে আসবে । আপনি ইচ্ছে করলে আরেকটি ফাংশন নিয়ে ইংরেজির জন্য পাশাপাশি আরেকটি বাঁটন তৈরি করতে পারেন এভাবে
function amarEnglish()
{
b=document.getElementById("english"); // Find the element
b.innerHTML=’এখানে আপনার ইংলিশ পোস্ট টি কপি করে দিন । ‘; // Change the content
}
আর বাঁটন টি হবে:
< button type="button" onclick="amarEnglish()"; > Read in English < /button >
function amarEnglish()
{
b=document.getElementById("english"); // Find the element
b.innerHTML=’এখানে আপনার ইংলিশ পোস্ট টি কপি করে দিন । ‘; // Change the content
}
আর বাঁটন টি হবে:
< button type="button" onclick="amarEnglish()"; > Read in English < /button >
কেমন লাগলো ? ভালো লাগলে শেয়ার ও কমেন্ট করুন । ভুল হলে ক্ষমা করবেন ।'
সেক্ষেত্রে আপনি নিচের পদ্ধতি অনুসরণ করে সেই সাইটের জাভাস্ক্রিপ্ট কপিরাইট প্রোটেকশনকে সহজেই কাঁচকলা দেখাতে পারেন! 
