Wednesday, January 20, 2010

ජේකුඅරි සිංහලෙන්....-2

7 අදහස්
හෆ්ෆා..යන්තං ඇති එක පේපරයක් ගොඩ දාගත්ත. ඒක ඉවර කොරල තකහනියක්ම බ්ලොග්ස්පොට් පැත්තෙ දුවගෙන ආවෙ ජේකුඅරි ගැන 2 වැනි ලිපිය ලියන්න කියල.. ආ.. කලින් එක කියවපු නැති කෙනෙක් ඉන්නවනං මෙතන කෙටුවම ඒක බලාගන්න පුළුවන්.
හරි එහෙනං පටංගමු අද දවසෙ වැඩ : හොදයි... ජේකුඅරි අපේ පිටුවකට load කරගන්න විදිය අපි කලින් දවසෙ බැලුවනෙ...

$(document).ready()

ජේකුඅරි ඉගෙන ගැනීමේදී මුලින්ම ඉගෙන ගතයුතු වන්නේ මෙන්න මේ function එකයි. ඔබේ events (events ගැන ඉස්සරහට කතාකරමු) ඇතුලත් කළ යුතු වන්නේ මෙම function එක තුලටය.

$(document).ready(function(){
// ඔබේ ජේකුඅරි වැඩ කෑලි මෙහි ඇතුලත් කල හැක ;)

});

සමහර වෙලාවට මේක කෙටියෙන් ලියන්න මෙන්න මේ විදියත් පාවිච්චි කරනව ඒකෙත් වැරැද්දක් නෑ.

$(function(){
 });


අපි එහෙනං පොඩි උදාහරනයක් බලමු.

මුලින්ම ඔබේ TextEditor එක අරගෙන මෙන්න මේ විදියට HTML පිටුවක් හදාගන්න.

<html>
     <head>
           <script  type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
     </head>
     <body>
          <a href="http://crazykesh.blogspot.com">Click here</a>
     </body>
</html>

මම මේකෙ කළේ HTML පිටුවට hyperlink එකක් එකතු කරපු එක දැන් බලමු ඒ ලින්ක් එක click කලාම ඒක ජේකුඅරි වලින් handle කරන විදිය.

$(function(){
    $ ("a").click(function(event){
          alert("you clicked.....");
          event.preventDefault();
    });
});

මේකෙදි වෙන්නෙ ඉහත hyperlink එකේ click event එකක් ඇතිවුන හැටියෙ මෙම function එක මගින් alert එකක් ලබා දීමයි. මෙහි preventDfeault() මගින් සිදු කරනුයේ hyperlink එකෙන් ලබාදී ඇති link එකට යාම වැළැක්වීමයි.

මෙම කේතය වෙනම .js file එකක් ලෙස save කර අදාල file නම script ටැගයක් ඇතුලේ ලබාදීම හෝ HTML පිටුවටම script ටැගයක් තුල ලබාදීම කළ හැක.

සම්පූර්ණ කේතය :


<html>
     <head>
           <script  type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
           <script  type="text/javascript">
              $(function(){
                 $ ("a").click(function(event){
                    alert("you clicked.....");
                    event.preventDefault();
                 });
              });
           </script>
     </head>
     <body>
          <a href="http://crazykesh.blogspot.com">Click here</a>
     </body>
</html>

CSS වල වැඩ ටිකක් ගැන ඊළඟට කතාකරමු..............|
Read more

Saturday, January 9, 2010

ජේකුඅරි සිංහලෙන්....-1

7 අදහස්


අළුත් අවුරුද්දෙ මම කල්පනා කලා ජේකුඅරි ගැන වෙලාව තියෙන හැටියට ලිපි දෙක තුනක් ලියල දාන්න. මේ තමයි ඒ ලිපි පෙලේ පළමුවැන්න..

මොකක්ද මේ ජේකුඅරි?

ඔබට ජාවා ස්ක්‍රිප්ට් ගැන දැනුමක් ඇත්නම් ජේකුඅරි ඉගෙනීම මහ ලොකු කජ්ජක් නොවේ. මක්නිසාද යත් ජේකුඅරි යනු ජාවා ස්ක්‍රිප්ට් library එකකි. එනම් ජේකුඅරි වල මූලිකම අරමුණ වන්නේ write less do more එනම් ජාවා ස්ක්‍රිප්ට් අඩු කේත ප්‍රමාණයකින් උපරිම කාර්යයක් කර ගැනීමයි. ජේකුඅරි වල ඇති සුවිශේෂ effects සහ කේතනයේ පහසුව නිසාම මෙය භාවිතයෙන් ඉතා ආකර්ෂණීය වෙබ් අතුරුමුහුණත් නිර්මාණය කිරීමට හැකිය.

ආරම්භය...

හරි මුලින්ම එහෙනං මෙන්න මෙතන කොටල ජේකුඅරි library එක බාගන්න..
ඊළඟට අපි HTML පිටුවේ පහත ටැග් එක දාලා බාගත්ත ගොණුව HTML පිටුව තියෙන තැනට දාගන්න,

< script type="text/javascript" src="jquery-1.3.2.min.js"> < /script >

.js ගොණුවේ නම ඔබ ළඟ තිබෙන ගොණුවේ නම යොදන්න (version එක වෙනස් විය හැක.)

 කළින් අපි කළ දේ අපිට වෙනත් ආකාරයකටත් කරගන්න පුළුවන් එනම් ගුගල් මඟින් ලබාදෙන jquery API එක අපිට load කරගැනීමද කළ හැකිය එවිට අපේ වෙබ් පිටු සමඟ jquery library එක upload කරගත යුතුවන්නේ නැත. ඒ සඳහා ඔබට HTML පිටුවට පහත ටැග් එක එකතු කළ යුතු වේ.

< script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </script>

ජේකුඅරි syntax

සාමාන්‍යයෙන් ජේකුඅරි කේතයක් ආරම්භ වන්නේ $ ලකුණෙනි. එම $ සළකුණ ජේකුඅරි function සඳහා යෙදෙන alias එකක් එහෙමත් නැතිනම් link එකක් වගේ දෙයකි එනම්
$(li a) ලෙස ලිවුවහොත් එය jQuery(li a) ලෙස ලිවීම හා සමානය.

ජේකුඅරි හැදින්වීම ඔච්චරයි commands ගැන, jQuery UI, Moo tools වගේ දේවල් ගැන ඉස්සරහට ලියන්නං කො...........


මම මේ වගේ ලිපි පෙලක් ලියන්නෙ පළමු වතාවට ඒ නිසා ගොඩක් අඩුපාඩු, වැරදි තියෙන්න පුළුවන් ඒක නිසා මේකෙ අඩුපාඩු වැරදි වෙනස් වියයුතු දේවල් සහ තවත් එකතු වියයුතු දේවල් ඇත්නං කරුණාකරල ඒව සඳහන් කරන්න
ස්තූතියි !!!!
Read more

ගිනි නරියා ටියුන් කිරීම...

7 අදහස්
හා හා පුරා කියල ඔන්න අද තමයි අළුත් අවුරුද්දෙ බ්ලොග් එකක් ලියන්න ඉස්පාසුවක් ලැබුනෙ. අද මම ලියන්න යන්නෙ අන්තර්ජාලයෙ සැරිසරන්න අපි පාවිච්චි කරන ගිනි නරිය ටියුන් කරගන්න පුළුවන් ක්‍රම කීපයක් ගැන..
ගිනි නරිය ගැන ලිව්වට මමත් වැඩිපුරම පාවිච්චි කරන්නෙ නම් ගූගල් ක්‍රෝම් තමයි ඒත් ලිනක්ස් වලදි ක්‍රෝම් වල සිංහල කියවීමේ දී හා ලිවීමේදී ප්‍රශ්නයක් තිබෙන නිසා මම සිංහල සම්බන්ද වැඩක් කරද්දි භාවිතා කරන්නෙ ගිනි නරිය. එය පොඩ්ඩක් වේගවත් කරගන්න ක්‍රමටිකක් ගැන තමයි මම අද ලියන්න කල්පනා කළේ.

1.Minimize කළ පසු RAM භාවිතය 10MB හි තබා ගැනීම.

මේ සදහා මුලින්ම address bar එකේ about:config යනුවෙන් ලබාදෙන්න ඉන් අනතුරුව ලැබෙන පිටුව මත right click කර ලැබෙන මෙනුවෙන් New --> Boolean තෝරා එවිට ලැබෙන සංවාද කොටුවට config.trim_on_minimize ලෙස ලබා දෙන්න ඉන්පසුව true ලෙස තෝරාන්න.

2. Cache feature එක සදහා භාවිත කරන රැම් ප්‍රමානය අවම කිරීම

about:config ලෙස address bar එකෙහි ලබා දී ඉන්පසු..
browser.sessionhistory.max_total_viewer යන්න සොයා එහි value යන්න 0 කරන්න.




3. page load කරන වේගය වැඩි කර ගැනීම.

පෙර පරිදිම about:config ලබාදෙන්න. ඉන්පසු පහත ලබා දී ඇති entries වල අගයන් ඒ ආකාරයට වෙනස් කරන්න.

network.http.pipelining යන්න true ලෙස,
network.http.proxy.pipelining යන්න true ලෙස,
network.http.pipelining.maxrequests යන්න 10 ලෙස, මෙමඟින් කියවෙනුයේ වරකට request උපරිම වශයෙන් 10 ක් කළහැකි බවයි

ඉන්පසු පිටුව මත right click කොට New --> Integer දී එහි nglayout.initialpaint.delay ලබාදී එහි අගය ලෙස 0 ලබා දෙන්න...

එපමණයි....දැන් ගිනි නරියා යළි පණගන්වා බලන්න වේගවත්ද කියල... :)
Read more