ျမန္မာေတြကြန္ပ်ဴတာကုိ ကေလးကစားစရာလုပ္ၾကမယ္။
css အေၾကာင္းသိခ်င္ရင္ ေအာက္က link ကိုႏွိပ္ပါ
http://sanpwintthu9.blogspot.com/2012/10/csscascading-style-sheets.html
javascript မွာလဲ
(I) internal
(II) external ႏွစ္မ်ိဳးရွိပါတယ္။
(I) internal
html page ထဲကို javascript ဘယ္လိုထည့္လဲဆုိေတာ့
body tag ထဲမွာ <script type="text/javascript">document.write("Welcome");</script>အဲလုိသြားတာပါ။ေအာက္မွာၿပထားပါတယ္။
(II) external က html ရဲ. head tag မွာ <head><script src="..... .js"></script></head> .js နဲ.သိမ္းထားတဲ့ file ကိုၿပန္ေခၚသံုးထားတာပါ။
javascript မွာ
(i) document.write(" ");
(ii) alert(" ");
(iii) confirm(" ");
(iv) prompt(" ");
ဆုိၿပီးၾကိဳက္ႏွစ္သက္ရာသံုးလို.ရပါတယ္
ေလးခုလံုးကိုသံုးၿပီး ဥပမာေပးထားပါတယ္။
ဥပမာ ကေတာ့
<html>
<body>
<script type="text/javascript">
document.write("<h1>HELLO!</h1>"); document.write ကမိမိစာေရးခ်င္တာကို (" ")ထဲတြင္ထည့္ပါ။web page မွာေပၚလာပါမယ္။
document.write("<p>This is a Web Page</p>");
document.write("Welcome IT Speakers Group<br>");
alert("Good Day!"); alert ကေတာ့ မိမိစာေရးခ်င္တာကို (" ")ထဲတြင္ထည့္ပါ။web page မဖြင့္မီေပၚလာပါမည္။ၿပီးရင္ OK ဆိုတာကိုႏွိပ္ပါ။
confirm("Are you a coder?"); confirm ကေတာ့ မိမိစာေရးခ်င္တာကို (" ")ထဲတြင္ထည့္ပါ။OK (or) Cancel ေပၚေအာင္လုပ္ခ်င္ရင္ဆိုရင္သံုးပါ။
prompt("username","write"); promp ကေတာ့ box ေလးထဲမွာစာေရးၿပီး OK ကိုႏွိပ္လိုက္ပါ။
</script>
</body>
</html>
Javascript Variables
javascript ကုိ ကိန္းရွင္ၿပဳလုပ္တာပါ။
သူကို var အေနၿဖင့္သံုးၿပီးသြားမွာပါ။ ဥပမာက
var y=new Date(); var y ဆိုၿပီးထားကာ new Date();ဆုိၿပီး ကိန္းရွင္တခုထားတာပါ။
var time=y.getHours(); var time က y ရဲ.ေနရာမွာ var y လို.ထားထားတဲ့ new Date ကုိ၀င္သြားၿပီး အခ်ိန္ကုိေဖာ္ၿပသြားမွာပါ။
ဥပမာ က
<script type="text/javascript">
var d=new Date();
var time=d.getHours();
if(time<9) if ဆုိတာက 'လွ်င္/ဆိုရင္' လို.ေခၚပါတယ္။var time က time ထဲ၀င္သြားၿပီ အဲဒီ time(အခ်ိန္) က 9 ေအာက္ငယ္မယ္ဆိုရင္ေပါ့
{
document.write("<b>Good morning</b>"); good morning လို.ထြက္မယ္
}
</script>
အဲဒါကို If Statement လို.ေခၚပါတယ္။
If.....else Statement က
var x=new Date();
var time=x.getHours();
if(time<10 && time==10) အခ်ိန္က ၁၀ ေအာက္ငယ္ေနမယ္။ ၁၀နဲ.တူေနလွ်င္ good morning ထြက္မယ္။
{
document.write("Good Morning");
}
else ထို.ၿပင္ က်န္တဲ့အခ်ိန္ကို good day လို.ထြက္မယ္။
{
document.write("Good Day");
}
If.....else if....else Statement က
var x=new Date();
var time=x.getHours();
if(time>1 && time<10) time က ၁ ထက္ၾကီးၿပီး ၁၀ ေအာက္ငယ္ရင္ good morning ထြက္မွာပါ။
{
document.write("Good Morning");
}
else if(time>10 && time<18) time က ၁၀ ထက္ၾကီးၿပီး ၁၈ ေအာက္ငယ္ရင္ good day ထြက္မွာပါ။
{
document.write("Good Day");
}
else ဒါမွမဟုတ္ရင္ good night ထြက္မွာပါ။
{
document.write("Good Night")
Day ကို ေၿပာင္းတဲ့ဥပမာေလးတစ္ခုေလာက္လုပ္ၾကည့္ရေအာင္ေနာ္
var dat=new Date();
var ff=dat.getDay();
switch(ff)
{
case 0:document.write("Sunday")
break;
case 1:document.write("Monday")
break;
case 2:document.write("Tueday")
break;
case 3:document.write("Wednesday")
break;
case 4:document.write("Thursday")
break;
case 5:document.write("Friday")
break;
case 6:document.write("Saturday")
break;
}
မိမိရဲ. web page မွာ minute /second/hour တို.ထည့္ခ်င္ရင္
var dat=new Date();
var hr=dat.getHours();
var min=dat.getMinutes();
var sec=dat.getSeconds();
{
document.write(hr+":"+min+":"+sec+"<br>");
}
ကို notepad မွာထည့္ပါ။
month/year/date/day ထည့္ခ်င္ရင္
<script>
var dat=new Date();
var mth=dat.getMonth()+1;
var yr=dat.getYear();
var dd=dat.getDate();
{
document.write(mth+"<br>");
document.write(yr+"<br>");
document.write(dd+"<br>");
}
</script>
ကို notepad မွာထည့္ပါ။
looping ပတ္မယ္ဆိုရင္
(1) for loop
(2) while loop
(3) do...while loop
ဆိုၿပီးသံုးမ်ိဳးရွိပါတယ္။
var i=0; i ကို 0 လို.ထားတယ္
for(i=0;i<=10;i++) i ေနရာမွာ 0 ၀င္သြားၿပီး i က ၁၀ ေအာက္ငယ္ တယ္။ညီရမယ္။ i ထက္ၾကီးၾကီးသြားရမယ္လို.ေရးထားတာပါ။
{
document.write("The number is "+1"); ထြက္လာမွာကေတာ့ ၀ ကေနစၿပီး တခုတုိးတိုးၿပီး ၁၀ ထိသြားမွာပါ။
document.write("<br/>");
}
result (ရလဒ္) က
The number is 0
The number is 1
The number is 2
The number is 3
The number is 4
The number is 5
The number is 6
The number is 7
The number is 8
The number is 9
The number is 10
ဒီလိုရလာပါမယ္။ကိုယ္ဘာသာကိုယ္လုပ္ၾကည့္ၾကပါ။
while loop က
var d=0;
while(d<=10)
{
document.write("The number is "+i);
document.write("<br/>");
i=i+1; တခုတိုးတိုးသြားမွာပါ။
}
do....while loop
var i=0;
do
{
document.write("The number is "+i);
document.write("<br/>");
i=i+1; တစ္ခုစီတိုးသြားမွာပါ။
}
while (i<0); ဒါေပမဲ့ i က ၀ထက္ငယ္ရပါမယ္။
အဲဒီအတြက္ The number is 0 ထြက္ပါမယ္။
အထူသတိထားရမွာက javascript ကတစ္ေနရာမွားတာနဲ. page မွာေပၚမည္မဟုတ္ပါ။
အခ်ိန္သိပ္မရတဲ့အတြက္နားလည္ႏုိင္ေလာက္ထိဘဲေရးေပးလိုက္ရပါတယ္။
ဖတ္ရႈတဲ့အတြက္ေက်းဇူးတင္ပါတယ္။
