ဘေလာ့မွာ Text Resizing Widget သုံးခ်င္ရင္

ဒီေန့တင္ရတဲ့ ပုိ့(စ္) ေလးက  Text Resizing Widget လုိ့ေခၚၾကပါတယ္။ ျမန္မာလုိ့ေတာ့ စလုံးသြင္ေျပာင္းျခင္း လုိ့လည္း ေျပာရမွာ ပဲ။ ဘာျဖစ္လုိ့လဲဆုိေတာ့ ေအာက္က DEMO ကအျပက္ေျပာတယ္မုိ့လား။ စလုံးအႀကီးေျပာင္းရန္ နွင့္ စလုံးအေသးေျပာင္းရန္ ဆုိၿပီ။ ကဲဘာပဲျဖစ္ျဖစ္ သုံးရတာ အဆင္ေျပရင္ ၿပီးတာပါပဲ။ ေအာက္မွာ DEMO ျပထားေပးသလုိ့ Cond လည္းေပးထားပါတယ္။

DEMO LIVE
စလံုးအၾကီးေျပာင္းရန္ | စလံုးအေသးေျပာင္းရန္

မိမိၾကိဳက္တဲ့စာသားကိုဒီမွာေရးေပးလိုက္ပါ။

၁။Design

 ၂။Layout

 ၃။Add a Gadget

 ၄၊၊HTML/JavaScript

၅။ေအာက္ကေပးထားေသာ cond ေလးကုိထည့္ေပးလုိက္ပါ။

<span style="padding: 2px 5px; background-color: #DDD; float: center;"><a href="javascript:void(0);" onclick="resizeText(1)" id="plustext">စလံုးအၾကီးေျပာင္းရန္</a> | <a href="javascript:void(0);" onclick="resizeText(-1)" id="minustext">စလံုးအေသးေျပာင္းရန္</a></span> <div id="wrap-content">မိမိၾကိဳက္တဲ့စာသားကိုဒီမွာေရးေပးလိုက္ပါ။</div><script type="text/javascript"> var c = document.getElementById("wrap-content"); function resizeText(multiplier) { if (c.style.fontSize == "") { c.style.fontSize = "1.0em"; } c.style.fontSize = parseFloat(c.style.fontSize) + (multiplier * 0.2) + "em"; } </script> <script charset='utf-8' type='text/javascript'> $("plustext").addEvent("click", function() {resizeText(1);}); $("minustext").addEvent("click", function() {resizeText(-1);}); </script>