kp3နည္းပညာ၊၁၂၂၊Post ေတြမွာ(ဖြင့္/ဖြတ္)Show/Hide ေလးနဲ႕ သံုးခ်င္တဲ့သူေတြအတြက္

Posted by KP-3မိသားစု | Labels:

အခုတင္တဲ့ Post ေလးကေတာ့က်ေနာ္တို႕ရဲ႕Post ေတြမွာ(ဖြင့္/ဖြတ္)Show/Hide ေလးနဲ႕
သံုးခ်င္တဲ့သူေတြအတြက္ေပါ့ေနာ္၊WIDGEtမွာလည္းသံုးလို႕ရပါတယ္၊ေအာက္မွာဥပမာျပထားေပး
ပါတယ္။ေအာက္မွာဥပမာျပထားပါတယ္ေအာက္က(Show/Hide)ကိုႏိုပ္ၾကည့္လိုပ္ပါ။

Show/Hide



၁။Layout


၂။Edit HTML

ေအာက္က Code ကိုရွာပါ။

</Head>


ေတြ႕ျပီဆိုရင္ေအာက္မွာေအာက္က Code ကိုထည့္လိုက္ပါ။
<script language="javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "show";
}
else {
ele.style.display = "block";
text.innerHTML = "hide";
}
}
</script>


ေအာက္ကCode ကိုဒီမွာသြားထားလိုက္ေပါ့ေနာ္ပိုျပီးရွာရလြယ္ေအာင္
<a href="javascript:toggle();" id="displayText">Show/Hide</a>
<div id="toggleText" style="display: none;">ဤေနရာမွာမိမိရဲ႕ဖြင့္/ဖြတ္လုပ္ခ်င္သည့္စာကိုေရးထည့္လိုက္ပါ</div>

၃။Settings

၄။Formatting

၅။Post Template မွာ Paste လုပ္လိုက္ပါ.

၆။Save Settings ကိုႏိုပ္ပါ။ျပီးပါျပီ။။

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု



Related Post:

0 comments:

Post a Comment