Bài giảng Computer Networks 1 (Mạng máy tính 1) - Lecture 10: Application Layer (Cont’) - Phạm Trần Vũ
Lecture 10:
Application Layer (con’t)
Reference:
Chapter 7 - “Computer Networks”,
Hall, 2003.
2
Outline
ꢀ HTML- HyperText Markup Language
ꢀ Dynamic Web Documents
ꢁ
Client-Si
Server-Side Dynamic Web Page
ꢁ
3
Forms (2)
ꢀ
ꢀ
Basic structure
<FORM ACTION=“file" METHOD={GET|POST}>
[<INPUT TYPE=“” NAME=“” VALUE="">]+
</FORM>
Input types
ꢁ
TEXT
[MAXLENGTH=nn] [VALUE="default text"]>
8
Forms (3)
ꢀ
Input types (cont.)
ꢁ
SUBMIT
<INPUT TYPE=SUBMIT [NAME="button-id"]
[VALUE="text"]>
ꢁ
ꢁ
RESET
BUTTON
<INPUT TYPE=BUTTON [NAME="button-id “]
[VALUE="text"]>
9
Forms (4)
ꢀ
Input types (cont.)
ꢁ
RADIO
<INPUT TYPE=RADIO NAME="radio-set-id" VALUE="choice-id" [checked]>
Ex:
<input type=>Option 1
<br><input type="radio" value="V2" name="R1">Option 2
ꢁ
CHECKBOX
Ex:
<input type="checkbox" name="C1“ value="ON">Check 1 <br>
<input type="checkbox" name="C2" value="ON" checked>Check 2
10
Dynamic Web Documents
ꢀ Web contents are generated dynamically on
demand
ꢀ Dynamic Wow popular
in the Internet
client side or/and server side
12
Client-Side Dynamic Web Page
Generation with Javascript
ꢀ Javascript code
<script language=“JavaScript”>
[var variable;]*
function fu
//commands;
[return [value];]
}
</script>
ꢀ Using existed Javascript file (*.js)
<script language="JavaScript" src="*.js"></script>
15
Client-Side Dynamic Web Page Generation
with Javascript (5)
function isEmail() {
if (document.forms[0].elements[1].value == '') {
alert ("\n The E-Mail field is blank. \n\n “+
“Please enter your E-Mail address.")
document.forms[0].elements[1].focus();
return false;
}
if (document.forms[0].elements[1].value.indexOf ('@',0) == -1 ||
document.forms[0].elements[1].select();
document.forms[0].elements[1].focus();
return false;
}
return true;
}
19
Client-Side Dynamic Web Page Generation
with Java Applet
//file SampleApplet.java
import java.applet.*; import java.awt.*;
public class SampleApplet extends Applet {
String text = "error"; int x = 0; int y = 20;
public void init() {
text = getParameter("text");
try { x = Integer.parseInt(getParameter("x"));
}catch(NumberFormatException ex){ }
}
public void paint(Graphics g) {
g.setFont.BOLD+
Font.ITALIC,36));
g.drawString(text,x,y);
}
20
}
Tải về để xem bản đầy đủ
Bạn đang xem 20 trang mẫu của tài liệu "Bài giảng Computer Networks 1 (Mạng máy tính 1) - Lecture 10: Application Layer (Cont’) - Phạm Trần Vũ", để tải tài liệu gốc về máy hãy click vào nút Download ở trên
File đính kèm:
- bai_giang_computer_networks_1_mang_may_tinh_1_lecture_10_app.pdf