ভিজিট করুন নতুন ও স্হায়ী ব্লগ www.alomoy.com, it.alomoy.com
Javascript লেবেলটি সহ পোস্টগুলি দেখানো হচ্ছে৷ সকল পোস্ট দেখান
Javascript লেবেলটি সহ পোস্টগুলি দেখানো হচ্ছে৷ সকল পোস্ট দেখান

সম্পূর্ণ টেক্সট নির্বাচন করানোর কোড; এইচটিএমএল ও জাভাস্ক্রিপ্ট


বিভিন্ন কারণে এই কৌশলটির প্রয়োজন হতে পারে। যেমন আপনি আপনার দর্শকদের কাছে কোন একটি পোস্টে কোন কৌশল বলতে গিয়ে কোড দেখানোর প্রয়োজন হলো। যাতে দর্শক সহজে কোডটি কপি করতে পারেন সেজন্যে এই কৌশল খাটানো। যাতে এর উপর ক্লিক করলেই সম্পূর্ণ লেখা নির্বাচিত বা হাইলাইটেড হয়ে যাবে। এবার সাইট-দর্শক সহজেই রাইট-ক্লিক করে টেক্সটকে নকল করতে পারেন।
এজন্যে এইচটিএমএল মোডে গিয়ে যেখানে এমনটি করতে হবে সেখানে নিচের কোড বসাতে হবে। বক্সের ভিতরে যা লিখবেন। এর স্থলে নির্বাচিতব্য লেখা দেখাতে হবে। rows="5" এর স্থলে যেকোন সংখ্যা বসিয়ে সারি সংখ্যা বদলানো যাবে। আর বক্সের প্রস্থও বাড়াতে পারেন width: 420px বাড়িয়ে বা কমিয়ে। 
োডটি কপি করতে বক্সে ক্লিক করুন। ব্যাস!!!!!!

ব্লগারে/ব্লগস্পট ব্লগেই জাভাস্ক্রিপ্ট হোস্ট করার কৌশল/হ্যাক

ব্লগারে গ্যাজেট বা ওয়াইজেট যুক্ত করতে গিয়ে আমরা বিভিন্ন সময় জাভাস্ক্রিপ্ট কোড যুক্ত করি যা ওয়াইজেডটি দেখাতে যুক্ত করতে হয়। কিন্তু অনেকসময় দেখা যায় কোডে অপ্রত্যাশিত বিজ্ঞাপন থাকে যা গ্যাজেটটিকে মলিন করে দেয়। এ সমস্যা এড়োনো সহ বিভিন্ন প্রয়োজনে আপনার জাভাস্ক্রিপ্ট হোস্টিং এর প্রয়োজন হতে পারে। একটু কৌশল খাটিয়ে আপনি ব্লগারেই জাভাস্ক্রিপ্ট হোস্ট করতে পারেন। আসুন দেখা যাক কীভাবে ব্লগারেই জাভাস্ক্রিপ্ট হোস্ট করা যাবে।
ওয়াইজেড যুক্ত করতে গিয়ে আপনি যখন এমন কোড পাবেন-

<script src='http://Your-Script-Url/file.js' type='text/javascript'/>
এর মানে হলো  http://Your-Script-Url/file.js লিঙ্কের কোড ব্যাবহৃত হয়েছে।  আপনি সেটা ব্লগারেই হোস্ট করতে প্রথমে উপরের কোডের স্থলে নিম্ন কোড যুক্ত করুন।
<script type='text/javascript'>
//<![CDATA[
এখানে লিঙ্কের কোড পেস্ট করুন
//]]>
</script>
এবার উক্ত লেঙ্কে গিয়ে সম্পুর্ণ কোডখানা কপি করে এখানে লিঙ্কের কোড পেস্ট করুন স্থলে লিঙ্কে প্রাপ্ত কোড পেস্ট করুন। ব্যাস!!!

পোস্টের কিছু লেখাকে লুকানো ও ক্লিক করে ফিরিয়ে আনা

দৃশ্যমান লেখাটুকু এখানে লিখুন। 
এবারে এর নিচে নিম্নের কোডখানি যুক্ত করুন। অবশ্যই HTML মোডে রেখে।
<br />
<div id="spoiler" style="display: none;">
এবারে এখানে লুকানো লেখা লিখুন
</div>
<a href="http://draft.blogger.com/blogger.g?blogID=5910525366965713075" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" title="লুকাতে/দেখতে ক্লিক করুন" type="a">দেখুন/লুকান</a></div>

উল্লেখ্য: চাইলে আপনি কোডটি কাস্টমাইজ করতে পারেন।

আরো পোস্ট দেখতে পুরাতন পোস্টসমূহ লেখায় ক্লিক করুন