บทที่ 9

รายชื่อสมาชิกกลุ่ม
• นางสาวชามารัตน์ ตาปัญญา
5404101323
• นายณัฏภควัต ปรมาธิกุล
5404101328
• นายธนากร เชื้อพรมศร
5404101338
• นางสาววริศรา สอนจันทร์
5404101384

ประกาศว่าเป็น JavaScript
<html>
<head>
<script language="JavaScript">
.............JavaScript Code ..........................
</script>
</head>
<body>
...........................
</body>
</html>

การประกาศตัวแปร
• ประกาศตัวแปร
var ตามด้วยชื่อตัวแปร;
var msDays;
• ประกาศตัวแปร และกำาหนดค่า
var msDays=31;

ประเภทของตัวแปร
• ตัวแปรที่เก็บค่าเดียว (scalar)
• ตัวแปรที่เก็บได้หลายค่า (Array)

ตัวแปรที่เก็บได้หลายค่า
(Array)• วิธีที่ 1
var msDOW=new Array("อา", "จ", "อ", "พ",
"พฤ", "ศ", "ส");
• วิธีที่ 2
var msDOW=new Array();
msDOW [0]="อา" ;
msDOW [1]= "จ";
msDOW [2]= "อ";

ALERT
<html>
<head> <script type="text/javascript">
function check(){
var username = document.form01.username.value;
if(username==""){
alert("กรอกusername");
document.form01.username.focus();
return false;
}
return true;
}
</script>
</html>
</head>

ผลการรันโปรแกรม

ตัวอักษรเลื่อน ในส่วน
ของ head<html><head>
var head="ขอต้อนรับเข้าสู่ ระบบ Cartoonbook ";
var tail="ขอต้อนรับเข้าสู่ ระบบ Cartoonbook ขอต้อนรับเข้าสู่ ระบบ Cartoonbook ขอ
ต้อนรับเข้าสู่ ระบบ Cartoonbook ขอต้อนรับเข้าสู่ ระบบ
Cartoonbook ";
var position=0;
function ticker(){
document.getElementById('ticker').value=head.substring(position,head.length)+tail;
position++;
if (position>head.length-1) position=0;
window.setTimeout("ticker()",100);
}
</script>
</head>

ตัวอักษรเลื่อน ในส่วนของ
Body
<body bgcolor=#99cccc onload="ticker()">
<input type="text" id="ticker" size="75">
</body></html>

เปลี่ยนรูป
ในส่วนของ head<html><head>
function change_pic(i){
var filename;
switch(i.selectedIndex){
case 0:filename="DSC01.JPG";break;
}
document.getElementById('pictures').src="Pic/" + filename;
}

function show_pic(i){
var filename;
switch(i.selectedIndex){
}
ในส่วนของ head

doc = window.open ("", "MySlide",
"scrollbars=0,resizable=0,toolbar=0,directories=0,menubar=0,width=340,h
eight=265,left=300,top=100");
doc.document.write("<img src='Pic/" + filename+"' style='width:320px;
height:240px'>");
doc.document.bgColor="#005000";
doc.document.focus();
doc.document.close();
}
</script>
</head>
ในส่วนของ head

ในส่วนของ Body
<body bgcolor="orangered">
<img id="pictures" src="Pic/DSC01.JPG" border=15 style="width:320px;
height:240px" align="top">
<select onChange="change_pic(this)" onDblClick="show_pic(this)" size="5">
<option>รูปที่ 1 ด้านหน้าทางเข้า
<option>รูปที่ 2 ต้นไม้และแสงแดด
<option>รูปที่ 3 ไก่สีสวย
<option>รูปที่ 4 พืชและผลไม้
<option>รูปที่ 5 ดอกไม้ขาว
<option>รูปที่ 6 ดอกไม้ชมพู
<option>รูปที่ 7 ตะบองเพชร
<option>รูปที่ 8 บัว
<option>รูปที่ 9 ดอกไม้เหลือง
</select></body></html>

บทที่ 9

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (15)

More from Waritsara Sonchan

More from Waritsara Sonchan (9)

บทที่ 9