Sunday, May 20, 2007

DropDown Menu Box ေလးေတြ လုပ္ခ်င္ရင္…


ဘေလာ႔ဂ္တစ္ခ်ိဳ႔ကို လုိက္ဖတ္ၾကည္႔ေနရင္းနဲ႔ သတိထားမိတာေလးေတြ ေတြ႔လုိ႔ ဒီပုိ႔စ္ေလးကို ေရးျဖစ္သြားတယ္ဗ်ာ.

ဘေလာ႔ဂ္တစ္ခ်ိဳ႔မွာ Dropdown Menu Box ေလးေတြ ထည္႔ထားတာကို ေတြ႔ရပါတယ္. ကၽြန္ေတာ္႔ဘေလာ႔ဂ္ရဲ႔ ဘယ္ဘက္မွာလည္း ထည္႔ထားတာ ေတြ႔ရပါလိမ္႔မယ္. ခုဆုိရင္ မဂ်စ္တူးတုိ႔၊ ဘာညာတုိ႔လည္း ထည္႔ထားတာ ေတြ႔ရပါတယ္.

သူကဘာေကာင္းလဲဆုိေတာ႔ ကုိယ္႔ဘေလာ႔ဂ္မွာ Space နည္းနည္းပုိ ထြက္လာေစပါတယ္. လင္႔ခ္မ်ားမ်ား သိပ္မခ်ိတ္ထားသူေတြ အတြက္ေတာ႔ သိပ္စိတ္၀င္စားစရာ ေကာင္းမယ္မထင္ပါဘူး. ဒါေပမယ္႔ ဒီ Menu Box ေလးေတြက စာဖတ္သူကုိလည္း မ်က္စိမေနာက္ေစဘူး. သူၾကိဳက္ရာ သူ႔ဖာသာ ေရြးယူသြားႏုိင္တယ္.



Menu Box ေလးထဲမွာ ေဇာ္ဂ်ီ Font ေပၚေအာင္ ေၾကျငာတတ္ဖုိ႔ေတာ႔ လုိပါတယ္. မဟုတ္ရင္ စာေကာင္းေကာင္းမေပၚတာကို ေတြ႔ရပါလိမ္႔မယ္..

ကၽြန္ေတာ္ဒီေအာက္မွာ ရိုက္ျပထားတ႔ဲ Code ေလးကို ကူးယူျပီး လင္႔ခ္ေနရာမွာ ကုိယ္ၾကိဳက္ရာေလးေတြ ထည္႔ေပးလုိက္ရင္ အဆင္ေျပပါျပီ…




<h2 class="sidebar-title">DropDown ပါခင္ဗ်ာ.</h2>
<ul>
<form name="bloglinkform" action="../">
<select style="font-family: Zawgyi-One;" name="bloglinkselect" onchange="this.form.window_namer.value++;if (this.options[this.selectedIndex].value!='MORE') {window.open(this.options[this.selectedIndex].value,'WinName'+this.form.window_namer.value,'toolbar=1,location=1,directories=1,status=1,menubar=1,scrollbars=1,resizable=1')}">
<option value="MORE" selected="selected"> လင္႔ခ္မ်ား</option>

<option value="http://yanaung.blogspot.com">ရန္ေအာင္</option>
<option value="http://cnn.com"> CNN News ေလ</option>
<option value="http://google.com"> ဒါကေတာ႔ ကုိဂူဂယ္လ္ခင္ဗ်</option>

</select>
<input name="window_namer" value="1" type="hidden"/>
</form>
</ul>




18 comments:

Anonymous said...

ေက်းဇူးပါကိုရန္ေရ.. က်မ ကဗ်ာဘေလာဂ္တြက္ ကဗ်ာရွင္ေတြမ်ားလားရင္ လုပ္ရမယ္

Yan said...

ဘယ္ဆုိးလုိ႔လဲဗ်. ဘယ္သူမွ စိတ္မ၀င္စားဘူးထင္ေနတာ မေလးက လာအားေပးတာနဲ႔ အားျပန္တက္သြားျပီ. မေလးကဗ်ာဘေလာ႔ဂ္ေလးကို ခဏခဏ၀င္လည္ျဖစ္ပါတယ္. လက္ရာေလးေတြသန္႔တယ္ေနာ္. ခုလုိမ်ိဳၚ တစ္စုတစ္စည္းတည္း လုပ္ေပးထားတဲ႔ မေလးရဲ႔ ေစတနာကုိ ေလးစားပါတယ္ဗ်ာ...

Hteink Min said...

ခု ကို ရန္ေအာင္ ကၽြန္ေတာ့ Drop down list က ႏွိပ္လိုက္တိုင္း New Window ဖြင့္ဖြင့္ေနတယ္ ဗ်.. ႏွိပ္လိုက္ရင္ Page တစ္ခုထည္းမွာပဲ ကိုယ္ႏွိပ္လိုက္တဲ့ စာမ်က္ႏွာေပၚေစခ်င္တယ္။ ဘယ္လိုလုပ္ရမလဲ ကို ရန္.လုပ္ပါဦးဗ်ာ..

Yan said...
This comment has been removed by the author.
Hteink Min said...

ကိုရန္ အေျဖလာလာၾကည့္တာ
Comment Deleted ဆိုေတာ့.....??

Yan said...

(option value="www.yourlink.com" "target=_self") လုိ႔ေပးလုိက္ပါ. ကုိမ္င္းမင္း.
အေပၚက Comment မွာ HTML ေတြ ကုိးယုိ႔ကားယား ျဖစ္ကုန္လုိ႔ ျပန္ဖ်က္ပစ္လုိက္တာပါ. ေဆာရီး. ( , ) ေတြေနရာမွာ < , > ျပန္ထည္႔ေပးပါခင္်ဗ်ာ..

အဆင္ေျပပါေစ...

Hteink Min said...

ရ၀ူး ရ၀ူး ။ သားသားငိုခ်င္လာျပီ.. ကိုရန္ေျပာတဲ့ အတိုင္း ထည့္ၾကည့္တာပဲ..ဘာမွလဲ မျဖစ္ဘူး။ ထည့္တဲ့ေနရာပဲ မွားေနတာလား..ကိုရန္အားရင္ တစ္ခ်က္ေလာက္ အစအဆံုး ျပင္ျပီး ဘယ္နားထည့္ရတယ္ ဆိုတာ ျပပါလား.သားသားေတာ့ အဆင္မေျပ၀ူး..ကယ္ပါဦး ကိုရန္

Chan Mya Soe said...

တုိက္႐ုိက္ထည့္လိုက္ရံုပဲ :D
http://www.anniyalogam.com/widgets/dropdown.html

Yan said...

ဟုတ္တယ္. ကုိဖုိးခ်မ္းေျပာတာမွန္တယ္
တုိက္ရုိက္ထည္႔လုိက္ရုံပဲ. ဟတ္ဟတ္ဟတ္..

ေက်းဇူး ကုိဖုိးခ်မ္းၾကီး..
ေယာက်ၤားေလးျဖစ္ေနလုိ႔ေပါ႔ဗ်ာ. ကုိဖုိးခ်မ္းၾကီးသာ မိန္းကေလးဆုိရင္ ေက်းဇူးတင္လြန္းလုိ႔ အာဘြားေတြ ေပးလႊတ္လုိက္မွာ. ခင္လုိ႔ စတာ စိတ္မဆုိးနဲ႔ေနာ္. ရုပ္ဆုိးတတ္တယ္.
:D

အဆင္ေျပပါေစ ကုိမင္းမင္း.. ေနာက္ဆုံးမရရင္ တစ္နည္းရွိေသးတယ္ အသစ္ပြင္႔လာတဲ႔ Browser ကုိလုိက္ဖတ္ျပီး အေဟာင္းကို ပိတ္ပစ္လုိက္. အဲဒါဆုိရင္ ကုိမင္းမင္း တစ္ၾကိမ္မွာ Browser တစ္ခုပဲ ျမင္ေနရမယ္. အုိေကမွာပါ. :D

ကိုၿဖိဳး said...

ကြၽန္ေတာ္လုပ္တာ ဘာမွ မေပၚဘူးျဖစ္ေနတယ္ဗ်ာ ... ဘာမွားေနမွန္းမသိဘူးဗ်ာ ကူညီပါဦး

Yan said...

ကုိျဖိဳးေရ...
option value="http://blogspot.com/"/>your link

အဲလုိရိုက္ေပးရတယ္. ကုိျဖိဳးရဲ႔လင္႔ခ်္ေတြမွာ အထဲမွာ / ေလးက်န္ေနတာ ေတြ႔လု႔
ၾကိဳးစားၾကည္႔ဗ်ာ. မေျပရင္လည္း ေျပာပါ.

ကိုၿဖိဳး said...

ကြၽန္ေတာ္ဒီလို႐ိုက္ထားတာဗ်။
(option value="http://yanaung.blogspot.com/"/>ရန္ေအာင္)
ခုထိရေသးဘူး။ အင္း ... ကလိမိတဲ့ဒုကၡက ကိုရန္ဆီေရာက္လာၿပီ ... ကူညီလက္စနဲ႔ ကူညီပါဦးေနာ္ ...

ေနလင္း said...

ကုိရန္ေအာင္ေရ template ထဲမွာထည့္ရတာလား
မသိလုိ႕ေျဖေပးပါအံုး

ႏွစ္ကူး said...

ကိုရန္ေအာင္... ႏွစ္ကူလဲ ကိုၿဖိဳးေျပာသလို error ျဖစ္ေနဒယ္... လုပ္ၾကည့္ပီးပီ.. မရဖူးး...
(option value="http://yanaung.blogspot.com/"/>ရန္ေအာင္)
အဲလိုလဲလုပ္ၾကည့္တယ္..
option value="http://yanaung.blogspot.com/"/>ရန္ေအာင္

CalculatorS said...

Click ႏွိပ္လိုက္ရင္ URL ကိုလဲမသြားဘူးဗ်....

Yan said...

Dropdown ကုိ ျပန္စမ္းၾကည္႔တာ ဟုတ္ပါတယ္. အလုပ္မလုပ္ဘူး ျဖစ္ေနတယ္. အဲဒါနဲ႔ ဟိုစမ္းဒီစမ္း ျပန္ကလိၾကည္႔ေတာ႔ အေျဖသြားေတြ႔ပါတယ္. ကၽြန္ေတာ္က ကုဒ္ဒင္းေတြကုိ မဆန္႔မွာစုိးလုိ႔ (br/) နဲ႔ လုိင္းေတြကို ခဲြခ်ထားတာဗ်. အဲဒီ႔မွာ အလုပ္မလုပ္ေတာ႔တာ. စာေၾကာင္းတစ္ေၾကာင္းက ေတာ္ေတာ္ရွည္ပါတယ္. အဲဒါကို ေပၚေအာင္ Line Break ေတြ ထည္႔လုိက္တာမွာ အလုပ္မလုပ္ဘူးျဖစ္သြားတယ္.

အခုျပန္လုပ္ေပးထားပါတယ္. ဒီတုိင္းသာ ေကာ္ပီကူးထည္႔လုိက္ပါ. ကၽြန္ေတာ္ေသခ်ာျပန္စမ္းေပးထားပါျပီ. အားလုံးပဲ အဆင္ေျပပါေစခင္ဗ်ာ.

s0wha1 said...

ကိုရန္ေရ...ညီမ Drop Down List က အလုပ္မလုပ္ဘူး...တခ်က္ေလာက္ ဘေလာ႔ခ္ထားတာေလး ျဖဳတ္ၿပီး လာေျပာျပေပးပါဦး...:P

Anonymous said...

ကိုရန္ ကိုေအာင္ေရ DropDown Menu Box က နည္းနည္းေသးေနလို႔ အဲဒါ ႀကီးခ်င္ရင္ ဘယ္လိုလုပ္ရမလဲ? နည္းေလး လမ္းေလး ျပေပးပါဦး။