Photoshop වල වැඩ ස්වයන්ක්‍රියව (automatically) කරගන්න action script සහ javascript

කාලෙකින් ආපහු අවා post එකක් දාලා යන්න. අද කියල දෙන්න හදන්නේ තවත් අලුත් දෙයක් ඒ photoshop වල සුපිරිම වැඩ කැල්ලක් ගැන, වැඩි කතා නැතුව එන්නම්කෝ මාතෘකාවට වැඩේ ගැන පැහැදිලි කිරීමක් කරන්න මං ගන්නම් මෙන්න මෙහෙම උදාහරණයක්, මං ලග තියෙනවා 800*400 image 100ක් මට ඕනේ මෙන්න මේ image ටික re-size කරන්න 400*200 වැඩේ ටිකක් සංකීර්ණයි නේද? image එකින් එක open කරලා re-size කරන්න ඕනේ. මෙන්න මේ වගේ වැඩක් තත්පර 10න් කරගන්න පුළුවන් මෙන්න මේ script බාවිත කරලා...මුලික වශයෙන් script වර්ග දෙකකට වෙන කරන්න පුළුවන් action script & javascript

action script බාවිත කරලා මං කලින් කියපු උදාහරණෙ වගේ ඒවා කරගන්න පුළුවන්, ඒත් ලොකු ලොකු වඩා කරන්න බැ..action script ගැන මීට කලින් trickslanka.com  වෙබ් අඩවියේ ලිපියක් පළවුණා නමුත් දැන් නම් එම ලිපිය නැහැ, මං මේ ලිපියේදී කියන්න බලාපොරොත්තු වෙන්න java script වලින් script හදාගන්න විදිහ මේකෙදි පුළුවන් ලොකු ලොකු වැඩකරන්න java script ගැන මුලික දැනුමක් අවශ්‍ය වෙනවා මේ වැඩේ කරගන්න. මේ තියෙන්නේ මම  java script ගැන ලියපු ලිපි කිහිපයක් මේ ලිපි පෙල අවසන් කරන්න නම් වුනේ නෑ 

action script 

simple action script එකක් හදමු..එතකොට තේරුම් ගන්න පුළුවන් මේවා වලින් වඩා ගන්නේ කොහොමද කියල 

photoshop වල action script active ගන්න 

action menu එක මෙන්න මේ වගේ open කරගන්න 

ඊට පස්සේ folder එකක icon එකක් තියෙනවා ඒක click කරලා set එකක් හදාගන්න . මේ set එකක් කියන්නේ folder එකක් වගේ මේක ඇතුලේ තමයි අපි හදන script එකේ හදන action save වෙන්නේ..

දැන් අපි හදාගත්ත set එක ඇතුලේ අපේ action ටික හදාගන්න ඕනේ. එකට කරන්න තියෙන්නේ set එක හදාගන්න click කල icon එකට right side එකේ තියෙන icon එක click කරලා action create කරගන්න පුළුවන්. රුපයේ ආකාරයට action එක හදාගෙන record කියල button එක click කරලා අපේ වැඩේ පටන් ගන්න පුළුවන් 

record on වුනාට පස්සේ මෙන්න මේ වගේ තමයි අපිට පෙන්නේ 

දැන් කරන්න තියෙන්නේ record කරන්න ඕන වැඩේ....මං සරල වැඩක් කරන්නම්

අලුත් layer එකක් හදාගෙන එක text එකක් add කරලා එකට color එකකුත් දාලා මගේ වැඩේ ඉවර කළා...දැන් අපහු action script menu එකට ගිහිල්ල stop එක click කරන්න.. දැන්  script එක හැදිලා ඉවරයි එක check කරලා බලන්නේ මෙන්න මෙහෙමයි. අපි හදපු document එක close කරල දාන්න..අපි හද ගත්ත script එකේ action එක select කරලා play කරල බලන්න මොකද වෙන්නේ කියල..ඔන්න ඕක තමයි සරලව මේකෙදි වෙන්නේ ..මේ වගේ නිතරම අපිට බවිත වන පොඩි පොඩි කොටස් record කරගෙන තියාගෙන අපේ වඩා ඉක්මනින් කරගන්න පුළුවන් .....

තව පොඩි අවස්ථාවක් මේ විදිහට කරලා පෙන්වන්නම්...මං උදහරනේදී කිව්වා image 100 re-size කරන කතාවක් එකෙති අපිට image open කරගන්න එක resize කරන එක save කරල close කරන එක, එක් වරක් කරලා අපි එක කලින් වගේ record කරනවා..

දැන් ඉතුරු image මේ ටිකම කරන්න ඕනේ නෙ..අන්න එකට මෙන්න මේ script එක බවිත කරන්න පුළුවන්..නමුත් මෙතැනදී මේ අපි හදාගත්ත script එක loop එකක් විදිහට image තියෙන ප්‍රමාණයට නැවත නැවත run වෙන්න ඕනේ එක කරගන්නේ මෙන්න මේ විදිහට 

මෙතන set එක විදිහට අපේ script එක තියෙන set එක select කරන්න 

action එක විදිහට අපිට නැවත නැවත කරන්න ඕනේ action එක select කරලා දෙන්න 

දැන් අපි ඉතුරු image ටික තියෙන තැන select කරල දෙන්න ඕනේ , එකට කරන්න තියෙන්නේ choose කියන එකෙන් image folder path එක select කරලා දාන එක....ඊට පස්සේ ok කරන්න image සිල්ලම අපි හදපු script එකේ විදිහට වඩා කරලා අපි save කරපු තැනම save වෙනවා....

 මෙන්න මේ විදිහටයි action script එකේන් වඩා ගන්නේ..නමුත් මෙන්න මේ action script වලින් අපිට අවාසියක් තියෙනවා, මෙන්න මෙහෙම හිතමුකෝ අපි කලින් හද ගත්ත script එකේ image තියෙන path එක වෙනස් කරන්න ඕනේ, ඊට අමතරව resize කරන size වෙනස් කරන්නත් ඕනේ ..මෙන්න මේ වෙනස් කම් ටික කරගන්න නම් අපිට අපහු action script එකක් record කරගන්න වෙනවා. මේකට විසදුමක් විදිහට තමයි javascript බවිතා කරන්නෙ ..මේ මන් කිව්වේ ඉතා සරල අවස්ථාවක් ඊට වඩා ගොඩක් දේවල් කරගන්න පුළුවන් ...අනික loop එකක් run කරන්න ඕන අවස්ථාවට කලින් කල වගේ batch file හදාගෙන දගලන්න ඕනේ නෑ එකත් coding කරල ලෙසියෙන්ම වැඩේ ගොඩ දාගන්න පුළුවන්..javascript එක run කරලා බලන් ඉන්න විතරයි තියෙන වැඩේ ලස්සනට වෙලා තියෙයි...

Javascript

ඕනෑම text editor එකක් මේ සදහා අපිට බවිත කරන්න පුලුවන් නමුත් adobe වලින් මේ සදහා අපිට දීල තියෙනවා tool එකක් මේ tool එකන් photoshop වලට විතරක් නෙමේ ඕනෑම adobe product එකක් සදහා java script ලිය ගන්න පුළුවන්..ලියන විදිහත් එකමයි වෙනස් වෙන්නේ keyword විතරයි...ඇත්තටම මේ ගැන සම්පුර්ණයෙන් කියල ඉවරකරන්න අමාරුයි..මේ post එකෙන් මන් බලාපොරොත්තු වෙන්නේ මේ සම්බන්දව දල අදහසක් දෙන්න සහ සරල වැඩක් කරගන්නේ කොහොමද කියල කියල දෙන්න පමණයි..

adobe package එක install කරනකොටම මන් කලින් කිව්වා tool එකත් install වෙනවා එහෙම නැත්නම් මෙතනින් download කරගන්න (5Mb)  මීට අමතරව අපිට අවශ්‍ය වෙනවා adobe javascript guide එක ඔයාල ලග තියෙන photoshop version එකට අදාල එක මෙතතින් තෝරාගෙන download කරගන්න

දැන් අපේ tool එක open කරගන්න..මෙන්න මේ ආකාරයට අපි script එක run කරන්න බලපොරොත්තු වන photoshop version එක select කරන්න

දැන් අපි මේ tool එක photoshop වලට link කරන්න ඕනේ , එකට කරන්න තියෙන්නේ රතු  පාටින් පෙනෙන link එක උඩ click කරන්න එක 

ඊටපස්සේ මෙන්න මේ වගේ massage එකක් එනවා එක yes කරලා photoshop එක open කරගන්න

 ඊටපස්සේ තමයි ලොකුම වැඩේ තියෙන්නේ script එක ලිය ගන්න එක..tool එකෙන් තියෙන වාසිය තමයි script ලියනකොට මේකේ තියෙන code library එකෙන් අපිට code suggest කරනවා

කලින් download කරගත්ත adobe javascript guide එකෙන් අපිට හැම code එකම හොයාගන්න පුළුවන්...එහෙනම් වැඩේ try කරල බලන්න..ඉල්ලීමක් තිබුනොත් code කන හැටිත් මං ඉදිරියේ ලිපියකින් කියල දෙන්නම්..මෙන්න තියෙනවා මං හදපු පොඩි java script එකක්..මේකෙන් වෙන්නේ අපි select කරන folder එකේ තියෙන image අරගෙන image stack එකක් හදනවා...script එක run කරලම් බලන්නකෝ වැඩේ හරිම පහසුයි...තවදෙයක් මෙන්න මේ වගේ ඒවානම් action script එකෙන් හදන්නවත් බෑ..දැන් ත්රුම් ගන්න පුළුවන්නේ මෙකක්ද හොද කියල ????

script එක run කරන්නේ මෙන්න මේ විදිහට

browse කරලා script එකක් load කරලා බලන් ඉන්න....ටික වෙලාවකින් alert එකක් එනවා එතනට image තියෙන folder එකක් select කරලා ok කරන්න...මන් code කරලා තියෙන විදිහනම් ටිකක් අපැහැදිලි තේරුම ගන්න try කරල බලන්නකෝ බැරි වෙන එකක් නැ

script එක download කරගන්න

ප්‍රශ්න තියෙනවනම් comment කරන්න පුළුවන් විදිහට විසදුම් දෙන්නම් ....තාක්ෂණික ලිපි ලියන්න කැමති ය ඉන්නවනම් මගේ blog එකෙක් ඔයාලට තැනක් දෙන්න මට පුළුවන්..contact form එකෙන් ඔයාලට පුළුවන් මං සමග සම්බන්ද වෙන්න...

හැමතැනම අන්තර්ජාලයෙන් මුදල් සෙවීම ගැන තමයි මේ දවස් වල කතා වෙන්න ටිකක් කල්පනා කලොත් මේ පොස්ට් එකෙනුත් වැඩක් අරගෙන ගානක් හොයාගන්න පුළුවන්.....
එහෙනම් සමුගන්නවා අපහු අලුත් ලිපියකින් හමුවෙමු
ජයවේව !!!

Read More

java script මුලසිට සරලව - කුප්පි අංක 3

java script කුප්පිය ප්‍රමාද වුන එකට මුලින්ම කණගාටුව ප්‍රකාශ කරන්නවා.. කුප්පි 1 හා කුප්පි 2 බලපු නැති අය මෙතැ නින බලන්න . අනිත් ලිපි ටික හැකිතරම් ඉක්මනට දන්නා කටයුතු කරන්නම්කෝ...එහෙනම් පටන් ගමු අද පාඩම..අද මං බලාපොරොත්තු වෙන්නේ loop ගැන කතා කරන්න.

loop එකක් කියන්නේ එකම දෙයක් යම්කිසි වාරගණනක්, කරගැනීමට බවිත කරන ක්‍රමයක් කියල සරලව කියන්න පුළුවන්,loop ප්‍රදාන වර්ග 3 ක් ගැන කතා කරන්න බලාපොරොත්තු වෙනවා මේ තියෙන්නේ ඒ ටික  for loop , while loop හා do while loop....ඒවා පහත ආකාරයට අපිට බාවිත කරන්න පුළුවන්. මෙතැනදී මං කතා කරන්න loop නිර්මාණය ගැන විතරයි script ලියනකොට මේවයේ බාවිතය හොදින් තේරුම් ගන්න පුළුවන්

for loop

<html>

<body>

<script type="text/javascript">

var i;

for (i=0;i<=10;i++)

{

document.write(i)

document.write("</br>")

}

</script>

</body>

</html>

නිල් පාට කොටසින් තමයි loop එක නිර්මාණය වෙන්නේ. මේකේ out put එක තමයි පහල තියෙන්නේ
0
1
2
3
4
5
6
7
8
9
10


ඕනෑම loop එකක ප්‍රදාන කොටස් 4ක් ගැන කතා කරන්න පුළුවන්. ඒ ටික මෙතනදීම හදුන්වල දෙන්නම්.

for (ආදේශය ; තර්කය ; අඩු/වැඩි කරවීම නැතහොත් loop එක ගමන කරවීම )

{

loop එක තුලදී සිදුවිය යුත්ත අඩංගු කේත කොටස

}

ඔන්න ඔය ටික තමයි මුලිකවම දැනගන්න ඕනේ. මේ ටික හැම loop එකකම තියෙනවා
ආදේශය : loop එකෙහි ආරම්භය මෙමගින් සිදු කරයි, මෙය හිස්තැනක් ලෙස  සටහන් කල විට loopඑක ක්‍රියාත්මක නොවේ

තර්කය : loop එකෙහි අවසානය නැතහොත් කොපමණ වරගන්නක් loop විය යුතුද යන්න තීරණය කිරීම මෙහිදී සිදුකරයි, මෙය හිස්තැනක් ලෙස සටහන් කලවිට loop එක  අනන්තය දක්වාම ගමන කරයි  


අඩු/වැඩි කරවීම නැතහොත් loop එක ගමන කරවීම : ++ හෝ -- යන කොටස් මගින් variable වල අගයන් ඉහල නැංවීම කරනු ලබයි.මෙය හිස්තැනක් ලෙස සටහන් කලවිටද  loop එක  අනන්තය දක්වාම ගමන කරයි  


while loop




<html>
<body>
<script type="text/javascript">
var i=0;
while (i<=10)
{
document.write(i)
document.write("</br>")
i++
}
</script>
</body>
</html>

out put එක පහත පරිදි වේ 

0
1
2
3
4
5
6
7
8
9
10

do-while loop

<html>

<body>

<script type="text/javascript">

var i=0;

do{

document.write(i)

document.write("</br>")

i++

}

while (i<=10)

</script>

</body>

</html>

out put එක පහත පරිදි වේ 

0
1
2
3
4
5
6
7
8
9
10

බැලු බැල්මටම මේවයේ out put වල කිසිදු වෙනසක් නැහැ කියල කෙනෙකුට හිතෙන්න පුළුවන් , එක තරමක් දුරට නිවැරදි කියන්න පුළුවන් for loop එක හා while loop එකෙහි ක්‍රියාකාරිත්වය ගොඩක් දුරට සමානයි  නමුත් do while loop එකෙහි ක්‍රියාකාරිත්වය ගොඩක් වෙනස්...එක ගැන මං තව ටිකකින් කියන්නම්  for loop එකේ හදුන්වල දුන්න ප්‍රදාන කොටස් අනිත් loop දෙකේත් තියෙනවා හැබැයි තියෙන තැන  තමයි වෙනස් ඕක තමයි loop වල මුලික වෙනස , loop එකක් ක්‍රියාත්මක වෙන්නේ පහත පියවර අනුව, මං ඒක while loop එක බාවිත කරලා විස්තර කරන්නම්

var i=0;   මේ තියෙන්නේ ආදේශය කියන කොටසයි, මෙතන අගයක් නැත්නම් loop එක මෙතනින් එහාට    ගමන කරන්නේ නෑ. අපි පොතක් කියවනවා වගේ තමයි මේ code browser එක read කරන්නේ. මෙතන අගයක් තියෙනවනම් එතනින් එහාට යන්න පුළුවන් 

while (i<=10) මේ තියෙන්නේ තර්කය මෙතැනදී check කරලා බලනවා variable i වල තියෙන අගය මේ තර්කයට අනුව නිවැරදිද කියල, නිවැරදිනම් මෙතනින් ඉදිරියට යන්න පුළුවන් නැත්නම් loop එකන් පිටතට යනවා ඊටපස්සේ loop ඒකෙන එළියේ තියෙන code තමයි run වෙන්නේ 

{

document.write(i) 

document.write("</br>") තර්කය නිවැරදිනම් මෙතනට එන්න පුළුවන් ඒ කියන්නේ loop එක ඇතුලට එන්න පුළුවන්. මෙතන අපිට ඕනෑම code එකක් ලියන්න පුළුවන් 

i++ මේ තියෙන්නේ අඩු/වැඩි කරවීම නැතහොත් loop එක ගමන කරවීම  මෙතැනදී variable එකෙහි ඇති අගය එකකින් වැඩි කර නැවත loop එකෙහි අරම්බයට ගමන කරයි. යම අවස්ථාවකදී i වල අගය 11 වූ විට තර්කය වැරදි වේ එවිට loop ඒකෙන ඉවත් වේ 

}

ඔන්න ඔය ආකාරයටයි loop එක වැඩ කරන්නේ මං කලින් කිව්වා නේද do while loop එක වෙනස් කියල එකට හේතුව දැන් කියන්නම් . හොදින් බලන්න එහි තර්කය තිබෙන්නේ loop එක අවසානයේදී loop එක තුලදී සිදුවන ක්‍රියාවට අඩංගු code එක තියෙන්නේ ඊට උඩින් ඒ නිසා තර්කය නිවැරදිද යන වග පරීක්ෂාකිරීමට ප්‍රථම එක වරක් output එකක් දී ඇත ...පහල තියෙන code එකෙන් මේ කතාව තේරුම් ගන්න පුළුවන්  

<html>

<body>

<script type="text/javascript">

var i=125;

do{

document.write(i)

document.write("</br>")

i++

}

while (i<=10)

</script>

</body>

</html>

out put එක පහත පරිදි වේ 

125

මොකද උනේ කියල තේරුම් ගන්න පුලුවන්ද? ප්‍රශ්න තියෙනවනම් comment කරන්න. if else ,switch, break & continue හා  massage display මෙන්න මේවත් එක්ක මිලග ලිපියෙන් මුණගැහෙමු...ජය වේවා  !

Read More

java script මුලසිට සරලව - කුප්පි අංක 2

දෙවෙනි කුප්පියත් ඉක්මනටම පටන් ගත්ත පළවෙනි ඒක බලපු නැති අය ඉන්නවනම් මෙතනින් බලන්න. ද අපි තවත් අලුත් දේවල් ටිකක් ගැන කතා කරමු . මතක ඇති කලින් එකේදි අපි කතා කලා document.write(" ") කියල එකක් ගැන මං කිව්වා මේකේ " " ඇතුලේ ලියන ඕනෑම දෙයක් HTML document එකේ print කරගන්න පුළුවන් කියල කිව්වා. ඒ නිසා අපිට පුළුවන් ඕනෑම  HTML tag එකක් මේකෙන් ප්‍රින්ට් කරගන්න.

<html>
      <head>
         <title> </title> 
      </head>

  <body>

 <script type ="text/javascript">
document.write("<font color=red>this is red text</font>"); //use semicolon any end of line
document.write("</br>") ;  //line break
document.write("<b>this is bold text</b>") ;

document.write("</br>") ;
document.write("<i>this is italic text</i>") ;
</script>

 </body>
</html>


මේ code ඒක රුන් කරලා බලන්න මොකද වෙන්න කියල..
 //use semicolon any end of line මේ තියෙන්නේ  comment එකක්, මෙහෙම ඉයන්නේ අපි මොකක්ද මේ කරලා තියෙන්නේ කියල බලන වෙන කෙනෙකුට තේරුම ගන්න පමණයි මේක browser එකේ පෙන්නේ නැ ඒ වගේම // බාවිත කරලා ලියන පුල්වන ඒක පේලියක් විතරයි ලොකු විස්තරයක් ලියන්න ඕනේ නම් /*   */ බාවිත කරන්න ඕනේ ,


<html>
      <head>
         <title> </title> 
      </head>

  <body>

/*<script type ="text/javascript">
document.write("<font color=red>this is red text</font>"); //use semicolon any end of line
document.write("</br>") ;  //line break
document.write("<b>this is bold text</b>") ;

document.write("</br>") ;
document.write("<i>this is italic text</i>") ;
</script>*/

 </body>
</html>



දැන් මේක run කරලා බලන්න මොකදවෙන්නේ කියල , මං මේ කරලතියෙන්නෙ සම්පුර්ණ java code එකම comment එකක් කරලා තියෙන්නේ .....


දැන් අපි බලමු variables ගැන....variable එකක් කියන්නේ අපිට අවශ්‍ය මොනම හරි data එකක් හෝ වෙනත් store කිරීමට අවශ්‍ය දෙයක් සදහා අපේ ram එකේ ඉඩක් වෙන කර ගැනීමයි...මේ variable වලට දාන data type ප්‍රදාන කොටස් දෙකකට බෙදෙනවා ඒවා තවත් කොටස් වලට බෙදෙන විදිහ තමයි මේ තියෙන්නේ  

1. primitive data type
• numbers (ඕනෑම අංක )
• string ( ගණිත කර්මයකට බවිත නොකරන දේවල් අකුරු හෝ ඉලක්කම් )
• Boolean (true / false)
2. composite data type 
• object 
• arrays 

java script වල තියෙන වාසියක් තමයි අපි variable එකක් හැදුවට පස්සේ ඒක මොන type එකේද කියල හදුන්වල දෙන ඕනේ නැ අපි variable ඒකට දාන value අනුව auto data type ඒක තීරණය කරගන්නවා ..variable එකක් හදලා ඒකට value දන්නේ කොහොමද කියල බලමු .


var num;
var _asd;
var num_a;
var 1; (මෙහෙම variable හදන්න බෑ)
var L;
var l;
var a,b,c;


variable කිහිපයක් හදල තියෙනවා variable එකක් number එකකට හදන්න බෑ, ඒක මං වුද කියල තියෙනවා.
variable එකක් අනිවාර්යයෙන්ම letter එකකින් හෝ underscore එකකින් පටන් ගන්න ඕනේ,
මං කලින්ම කිව්වා java script කියන්නේ case sensitive language එකක් කියල ඒ නිසා L හා l කියන්නේ variable දෙකක්,
අපි හදන variable කිහිපයක් එකම type එකෙනමං ඒවා ඔය අන්තිම එකේ වගේ එකපාර හදා ගන්න පුළුවන්.
variable name එකක් ඇතුලේ හිස්තැන බාවිත කරන්න බෑ ඒ වෙනුවට _ යොදාගන්න පුළුවන් 
key word යොදාගන්නත් බෑ alert, confirm,prompt, මේවා java script ලියනකොට බවිතවන සම්මත වචන එකයි මේවා යොදාගන්න බෑ කියන්නේ 


ඔය කතා කලේ variable හදන හැටි විතරයි, ඒකට value දාන්නේ මෙන්න මේ විදිහට 



var num=10;
var _asd="my name"; ( string value දන්නා ඕන " " ඇතුලේ)
var num_a=225;
var L="k";
var l="5"; (මේක number එකක් වුනාට අපි දාලා තියෙන්නේ " " ඇතුලේ නිසා අපිට මේ 5 කියන අගය ගණනය කිරීම් වලට ගන්න බෑ මොකද දැන් මේක string value එකක් )
var a=2,b=4,c=6;


ඊට පස්සේ අපිට කතා කරන තියෙන්නේ operators ගැන


Arithmatic


+ 
-
*
/
% 
++ (loop වලදී තමයි බාවිත වෙන්නේ එකක් එකතු කරන්න කියන තේරුම තමයි මේකේ තියෙන්නේ )
-- (loop වලදී තමයි බාවිත වෙන්නේ එකක් අඩු කරන්න කියන තේරුම තමයි මේකේ තියෙන්නේ )


Logical


&& (and නැතහොත් සහ කියන තේරුම තමයි තියෙන්නේ )
||  (or නැතහොත් හෝ කියන තේරුම තමයි තියෙන්නේ )
!  (not නැතහොත් නැත කියන තේරුම තමයි තියෙන්නේ )


Assignment


= (අගයක් යොමුකිරිම කරන්නේ මේකෙන් variable වලට value දාන්න බාවිත කලේ මේක )


String concatenation 


+ (string දෙකක් එකතු කරන්න තමයි මේක බාවිත කරන්නේ පහල code ඒක run කරලා බලන්නකෝ )



<html>
      <head>
         <title> </title> 
      </head>

  <body>

<script type ="text/javascript">
var first_name ="harsha ";
var last_name ="hettiarachchi";
var full_name = first_name+last_name;
document.write( full_name ); 
</script>

 </body>
</html>


ඔය කරලා තියෙනේ variable දෙකකට value අරගෙන ඒ value දෙක එකතු කරලා තවත් variable එකකට අරගෙන ඒ variable ඒක print කරලා තියෙන්නේ...මතක තියාගන්න variable print කරනකොට " " දන්නේ නැ...එහෙම දාලත් කරලා බලන්න මොකද වෙන්නේ කියල  


Comparison


>
<
>=
<=
== (හරියටම සමානද කියල බලන්නේ මෙහෙම )
!= (අසමානද කියල බලන්නේ මෙහෙම )


Arithmatic, Logical, Comparison මේවා බාවිත වෙන්නේ loop හා if function එක්ක ඊලග කුප්පියෙන් අපි ඒ ගැන කතා කරමු ඔක්කොම එකපාර කිව්වම වැඩේ අවුල් වෙනවනේ ....මොනම් හරි ප්‍රශ්නයක් තියෙනවනම් comment කරන්න...

Read More

java script මුල සිට සරලව - කුප්පි අංක 1

හැමෝටම සුබම සුබ කිරියෙන් පැණියෙන් ඉතිරෙන නව වසරක් ප්‍රර්ථනා කරනවා මුලින්ම, ගොඩ කාලෙකින් ආවා බ්ලොග් ඒක පැත්තේ අලුත් අවුරුද්දේ පටන් ගත්ත අලුත් වැඩක් java script කුප්පි මාලාවක් අද පළවෙනි ඒක මං මේකෙන් බලාපොරොත්තු වෙනවා java script ගැන ලොකු අවබෝදයක් හැමෝටම ලබාදෙන්න මේ කුප්පි මාලාව අවසානයේදී තනියම script එකක් ලියාගන්න පුළුවන් නම් එකයි සාර්ථකත්වය ....වැඩි කතා ඕනෙ නැ එහෙමනම් වැඩේ පටන් ගමු..

java script ඕනෑම කෙනෙකුට නොමිලේම බාවිත කරන්න පුළුවන් language එකක්..java script run කරන්න අපිට ඕන web browser එකක් විතරයි...HTML සමග තමයි java script බොහෝවිට බාවිත වෙන්නේ. web page එකක් තියෙන static ස්වරුපය dynamic සවරුපයට ගන්න java script බාවිත කරනවා (ඇත්තටම dynamic වෙන්නේ නැ ඇත්තටම dynamic කරන්නේ php වලින්)..java script කියන language ඒක case sensitive ඒ කියන්නේ java script එකක් ලියනකොට simple - capital ගැන සැලකිලි මත් විය යුතුය.


HTML document එකක java script add කරන ප්‍රදාන තැන තුනක් තියෙනවා
....................................................................................................

<html>

      <head>

         <title> </title> 

      </head>

  <body>

    (Body tag ඒක ඇතුලේ ලියන්න පුළුවන් )

 </body>

</html>

....................................................................................................

<html>
      <head>
         <title> </title>
     (head tag ඒක ඇතුලේ ලියන්න පුළුවන් ) 
      </head>

  <body>
 </body>

</html>

....................................................................................................

<html>
      <head>
         <title> </title>
    <script src="myjavascript.js">
අපි ලියපු වෙනත් java script එකක් මේ විදිහට html page ඒකට ඇතුලත් කරන්නත් පුළුවන්
      </head>

  <body>
 </body>
</html>

....................................................................................................

ඔය විදිහට අපිට page එකකට java script දාගන්න පුළුවන් ඔය ඒක ඒක ක්‍රම වල වාසි අවාසි තියෙනවා      අපි ඒවා script ලියනකොට කතා කරමු..

එහෙනම් අපි java script එකක් ලියලා බලමු....

<script type ="text/javascript">

document.write("My first java script")

</script>

අපි ලියන code ඒක script එකක් කියල browser ඒකට හදුන්වල දෙන්නේ <script> කියන tag එකෙන් , type ="text/javascript" කියල තියෙන්නේ අපි ලියන script ඒක මොන වර්ගයේද කියල හදුන්වලදෙන්න.. document.write("My first java script") ) මේකෙන් කියන්නේ ඔයා රතු පාටින් තියෙන ටික print කරලා පෙන්නන්න කියන ඒක , </script> කියල තියෙන්නේ එතනින් script ඒක ඉවරයි කියල browser ඒකට හදුන්වල දෙන්නයි...

....................................................................................................
<html>
      <head>
         <title> </title> 
      </head>

  <body>

 <script type ="text/javascript">
document.write("My first java script")
</script>

 </body>
</html>
....................................................................................................


<html>
      <head>
         <title> </title>
    <script type ="text/javascript">
document.write("My first java script")
</script>
      </head>

  <body>
 </body>
</html>
....................................................................................................

මුල් ක්‍රම දෙකට අපි ලියපු script මේ විදිහට යොදා ගන්න පුළුවන් ....කැමති code එකක් copy කරලා අරගෙන text document එකක paste කරලා save as දෙන්න..save as type : all files     file name: abc.html  කියල save කරගන්න...දැන් file ඒක browser එකේ open කරලා බලන්න ...

තුන් වන ක්‍රමයට කරන්නේ මෙන්න මේ විදිහට

මුලින්ම folder එකක් හදාගන්න . ඒක ඇතුලේ text document හදල පහත කොටස පමණක් copy -paste කරගන්න
document.write("My first java script")


මේක ඉහත පරිදිම save කරගන්න file name: myscrpt.js කියල වෙනස් කරගන්න..අපි මේ කලේ වෙනම java script file එකක් හදපු එකයි..ඒ කියන්නේ external file ඒකක් ඒවා save කරන්නේ .js කියන extension එකෙන් ..දැන් ඒ file ඒක html file ඒකට link කරන්න ඕනෙ ..ඒක තමයි අපි තුන්වෙනි ක්‍රමයෙන් කරන්නේ

text document එකක් open කරලා පහත code ඒක copy- paste කරගෙන file type : abc.html කියල save කරගන්න. මේ html file එකයි js file එකයි අනිවාර්යයෙන්ම එකම folder එකක තියෙන්න ඕනේ


<html>
      <head>
         <title> </title>
    <script src="myscrpt.js ">

      </head>

  <body>
 </body>
</html>

දැන් html file ඒක run කරලා බලන්න....අද කුප්පිය මෙතනින් අවසානයි ..මොකක් හරි ප්‍රශ්නයක් තියෙනවනම් අහන්න ..කුප්පි අංක 2 න් ඉක්මනටම හමුවෙමු ...

Read More