Home - ~Zack-Notes~ - ~Zack-Notes~

Home
Forum
Blog
- Apache
- PHP
- PHP & AJAX
- MySQL
- Joomla CMS
- Reader's Corner
- jQuery
Videos
Guest Book
Sitemap

Latest Post In JZ Blog

ကြၽန္ေတာ္ Site ထဲမွာ ရွိေနတဲ့

POST ေတြကို Category အလိုက္

ၾကည့္ခ်င္တယ္ ဆိုရင္ ကိုယ္ၾကည့္ခ်င္တဲ ့

Category ရဲ႔ link ကို Click လိုက္ပါ။

Written by Administrator
Tuesday, 09 March 2010
ကြ်န္ေတာ္လည္း jQuery အေၾကာင္းေရးေနရင္းနဲ႕ဒီ component ေလးအေၾကာင္းကိုျဖတ္ျပီးေရးလိုက္အံုးမယ္။ Joomla မွာ Default ပါတဲ့ URL ဟာဘယ္လိုမွကို user friendly မျဖစ္တာကိုေတြ႕နိုင္ပါတယ္။ ဥပမာဗ်ာ Article ေတြရဲ႕ URLs ေတြဟာေဟာဒီလိုျဖစ္ေနတာကိုေတြ႕နိုင္ပါတယ္။ http://www.thadarphyu.net/joomzack/index.php?option=com_content&task=view&id=169&Itemid=1 အဲဒီလိုမ်ိဳးျဖစ္ေနတာေတြဟာ SEO(Search Engine Optimization) ဘက္ကေနၾကည့္မယ္ ဆိုရင္လည္း မေကာင္းတဲ့ အခ်က္ပဲ ျဖစ္ပါတယ္။ အဲဒီလိုျဖစ္ေနတဲ့ URLs ေတြအားလံုးကို JoomSEF component ကေနျပီး rewrite ျပန္လုပ္ ေပးပါလိမ့္မယ္။ အဲဒီလိုလုပ္ေပး လိုက္တာေၾကာင့္ URLs ေတြဟာ SEF(Search Engine Friendly) ျဖစ္သြားတဲ့အျပင္ website ကိုလာဖတ္တဲ့သူေတြအတြက္ လည္းဖတ္ ရမွတ္ရလြယ္ သြားမွာျဖစ္ပါတယ္။ ဒီ Link နွစ္ခုကိုယွဥ္ျပီးၾကည့္နိုင္ပါတယ္။ Before: http://www.thadarphyu.net/joomzack/index.php?option=com_content&task=view&id=169&Itemid=1 After: http://www.thadarphyu.net/joomzack/web-developer-or-designer.html ကြ်န္ေတာ္အျမင္ေျပာရရင္ Joomla Default မွာဒီ Feature ကို support လုပ္ထားသင့္ပါတယ္။ ဒီဟာကို Extension တစ္ခုအေနနဲ႕ထပ္ျပီးထည့္ေနရတာကိုက Joomla weak point တစ္ခုျဖစ္ေနတယ္ဗ်ာ။ ဘာလို႕လဲဆိုရင္ Drupal, Wordpress ေတြမွာ ဒီ SEFက Default မွာကိုက Joomla ထက္သာေနတာကိုေတြ႕ရတယ္ဗ်ာ။ ေကာင္းတဲ့ဘက္ကၾကည့္မယ္ဆိုရင္ေတာ့ Developing Time မွာ URL ကေန passing လုပ္တဲ့ value ေတြကို ျမင္ေနရေတာ့ Trace လိုက္ရင္ ပိုျပီး အဆင္ေျပေစပါတယ္။ ဒီ URL မွာ ၾကည့္မယ္ဆိုရင္ပဲ http://www.thadarphyu.net/joomzack/index.php?option=com_content&task=view&id=169&Itemid=1 task=view&id=169&Itemid=1 အဲဒီ value ေတြကို URL ျမင္ထဲက ဘာလုပ္ေတာ့မယ္ဆိုတာကို ခန္႔မွန္းႏိုင္ပါတယ္။ ဒါေပမယ့္ Web Site ကို user level ထိ launch လုပ္လိုက္ရင္ေတာ့ user friendly ျဖစ္တဲ့ URL မ်ိဳးနဲ႔ပဲ ျပသင့္ပါတယ္။ ကြ်န္ေတာ္ေတြ႕ဘူးတဲ့ Joomla သံုးတဲ့ျမန္မာ site ေတြကဒီ SEF component ေတြကိုသံုးထားတာမေတြ႕ရဘူးဗ်။ ဒီ Extension ေလးကိုသံုးရင္ပိုေကာင္းသြားမွာျဖစ္တယ္။ ဒါေၾကာင့္ကိုယ္ရဲ႕ Web site ကို SEO, SEF ေကာင္းတဲ့ URLs ေတြျဖစ္ဖို႕ဒီ Extension ကိုသံုးဖို႕တိုက္တြန္းလိုက္ပါတယ္။ ဒီ Extension ကိုသံုးရတာအရမ္းကိုလြယ္ကူပါတယ္။ ဒီ Extension ကို Developed လုပ္ထားတာကေတာ့ ARTIO ကေနျဖစ္ျပီးသူ႕ Website မွာပဲ Download ရယူနိုင္ပါတယ္။ paid/free version နွစ္ခုရွိပါတယ္။ Free ကတင္ေတာ္ေတာ္အသံုးတည့္လွပါတယ္။ ျပီးေတာ့ေနာက္ေကာင္းတာတစ္ခုက Joomla 1.0 နဲ႕ 1.5 နွစ္ခုလံုးကို support လုပ္ပါတယ္။ ခုအခ်ိန္မွာဒီလိုမ်ိဳး Joomla 1.0 နဲ႕ 1.5ဲ ႏွစ္ခုလံုးကို support လုပ္တဲ့ Extension မ်ိဳးကမရွိေလာက္ေအာင္ကိုရွားပါတယ္။ ဟုတ္ျပီဗ်ာ ကြ်န္ေတာ္လည္း ARTIO ကို Marketing ဆင္းေပးေနတာၾကေနတာပဲ။ ဘယ္လိုသံုးတယ္ဆိုတာကိုေျပာျပမယ္။ (၁) ဒီမွာ Download လုပ္လိုက္ပါ။ (၂) Administrator ကေန၀င္ျပီး Install လုပ္ပါ။ (၃) components>>ARTIO JoomSEF ကိုသြားလိုက္ပါ။ (၄) ARTIO JoomSEF Configuration ကို click လိုက္ပါ။ (၅) Basic Configuration ထဲမွာ Enable ကို Yes လုပ္လိုက္ပါ။ ျပီးရင္ save ကို click လိုက္ပါ။ (၆) ဒီအခ်ိန္အထိ URLs ေတြဟာ SEF အျဖစ္မေျပာင္းေသးပါဘူး။ ေနာက္ဆံုးတစ္ခုျပင္ေပးရပါအံုးမယ္။ အဲဒါကေတာ့ Global Configuration>>SEO ထဲမွာ Search Engine Friendly URLs ကို “Yes” လုပ္ေပးရပါမယ္။ ျပီးရင္ေတာ့ save ကို click ရင္ရပါျပီ။ ျပီးရင္ frant-end မွာသြားျပီး URLs ေတြကိုေျပာင္းမေျပာင္း check လုပ္နိုင္ပါတယ္။ ဒါကေတာ့ဒီ Extension ကို Joomla 1.0 မွာအသံုးျပဳပံုကိုေရးထားတာျဖစ္ပါတယ္။ ဒီ Extension ရဲ႕တျခားေျပာင္းတဲ့ Feature ေတြကို ဒီ Link မွာဆက္ျပီးဖတ္နိုင္ပါတယ္ခင္ဗ်ာ။ Write comment (0 Comments)
Last Updated ( Tuesday, 09 March 2010 )

jQuery Tutorial for set background color of p tag with class

Written by Administrator

Tuesday, 09 March 2010

ဒီ jQuery example ေလးကေတာ့ ဒီ post ရဲ႕အဆက္လို႕ေျပာနိုင္ပါတယ္။ ဘာလို႕လဲဆိုေတာ့ဒီ post မွာ CSS ရဲ႕ ID ေတြကို

Background color ထည့္မွာျဖစ္ပါတယ္။

<html>
<head>
<script type="text/javascript" src="jquery-1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p#intro").css("background-color", "yellow");
});
});
</script>
</head>

<body>
<h2>This Example will set yellow color to background of the paragraph that using id="intro"</h2>
<p id="intro">This paragraph'id is using intro.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>

$("p#intro").css("background-color", "yellow");

Click me ကို click လုပ္လိုက္ရင္ေတာ့

<p id="intro">……</p> ေရးထားတာေတြအားလံုးကို Background ထည့္ေပးမွာျဖစ္ပါတယ္။ က်န္တဲ့ <p>tag ေတြကို Background

မထည့္ပဲ id="intro" လို႕ေရးထားတာေလးကိုပဲထည့္ေပးသြားမွာေတြ႕နိုင္ပါတယ္။ ဒီမွာ စမ္းၾကည့္ျပီးေတာ့ ဒီမွာ Download ရယူနိုင္ပါတယ္။

Write comment (0 Comments)

jQuery Tutorial for set background color of p tag with class

Written by Administrator
Tuesday, 09 March 2010
ဒီ example ေလးက jQuery မွာ selector ေတြမွာ CSS ေတြကိုဘယ္လိုသံုးတယ္ဆိုတာကိုုရွင္းျပမွာျဖစ္ပါတယ္။ <html> <head> <script type="text/javascript" src="jquery-1.4.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p.intro").css("background-color", "yellow"); }); }); </script> </head> <body> <h2>This Example will set yellow color to background of the paragraph that using class="intro"</h2> <p class="intro">This paragraph'class is using intro.</p> <p>This is another paragraph.</p> <button type="button">Click me</button> </body> </html> အဓိကေျပာခ်င္တာကေတာ့ဒီေနရာေလးပါ။ $("p.intro").css("background-color", "yellow"); Click me ဆိုတဲ့ Button ေလးကို click လိုက္ရင္ေတာ့ <p class=”intro”>……</p> ေရးထားတာေတြကို Background color ကိုေျပာင္းေပးလိုက္မွာျဖစ္ပါတယ္။ ဒီေနရာမွာသတိထားရမွာေလးက “p.intro” ဆိုကေတာ့ class=”intro” ျဖစ္တယ္ဆိုတာေလးပဲျဖစ္ပါတယ္။ ဒီမွာ စမ္းၾကည့္နိုင္ပါတယ္။ ဒီမွာ ရယူနိုင္ပါတယ္။ Write comment (0 Comments)
Last Updated ( Tuesday, 09 March 2010 )