Chữ chuyển động trên thanh trạng thái scroller Đồng hồ

149

6.2. Chữ chuyển động trên thanh trạng thái scroller

Ví dụ sau minh họa việc cho dòng chữ chạy trên thanh trạng thái của cửa sổ. Lệnh dùng để thay đổi nội dung của thanh trạng thái là
window.status=str
HTML HEAD
SCRIPT LANGUAGE=JavaScript -- Start of scroller script
var scrollCounter
= 0;
var scrollText = Welcome to my lesson; var scrollDelay = 70;
var i = 0; while i ++ 140
scrollText = + scrollText; function
Scroller {
window.status =
scrollText.substringscrollCounter++, scrollText.length;
if scrollCounter == scrollText.length scrollCounter
= 0;
setTimeoutScroller, scrollDelay;
} Scroller;
End of scroller script -- SCRIPT
TITLEStatusScrollerTITLE HEAD
BODY PSee at your status barP
BODY HTML

6.3. Đồng hồ

Ví dụ sau minh họa việc hiển thị thời gian hệ thống hiện hành.
Đối tượng cung cấp thông tin về ngày giờ là Date
HTML HEAD
TITLEClockTITLE HEAD
BODY TABLE BORDER=0 BGCOLOR=BLUE
150
TRTD FORM
NAME=clock_form INPUT
TYPE=TEXT NAME=clock
SIZE=26 FORM
SCRIPT LANGUAGE=JavaScript
-- Hide from non JavaScript browsers function
clockTick {
currentTime = new Date; document.clock_form.clock.value = +currentTime;
document.clock_form.clock.blur; setTimeoutclockTick,
1000; }
clockTick; End of clock --
SCRIPT TDTR
TABLE BODY
HTML
6.4. Kiểm tra tính hợp lệ của dữ liệu nhập từ form Ví dụ sau minh họa một form nhập liệu. Khi người dùng chọn nút
Submit thì đoạn chương trình sẽ kiểm tra các ô dữ liệu có được nhập vào hay không. Nếu có một ơ dữ liệu nào chưa nhập, chương
trình sẽ hiện thông báo yêu cầu nhập lại
HTML HEAD
SCRIPT LANGUAGE=JavaScript -- Hide code from non-js browsers
function validateForm
{ formObj = document.sample;
if formObj.yourname.value == {
alertYou have not filled in the name field.; formObj.yourname.focus;
return false;
} else if formObj.yourage.value ==
{ Lê Đình Duy - ĐH KHTN Tp. HCM
Lê Đình Duy - ĐH KHTN Tp. HCM Email: ledduyieee.org
151
alertYou have not filled in the age field.; formObj.yourage.focus;
return false;
} else if formObj.yourdob.value ==
{ alertYou
have not
filled in your date of birth.;
formObj.yourdob.focus; return
false; }
} end hiding --
SCRIPT TITLEFormValidationTITLE
HEAD BODY
FORM NAME=sample METHOD=POST ACTION=adduser.asp onSubmit=return validateForm
Enter your name : INPUT TYPE=TEXT NAME=yourname SIZE=30BR
Enter your age : INPUT TYPE=TEXT NAME=yourage SIZE=3BR
Date of birth : INPUT TYPE=TEXT NAME=yourdob SIZE=10BR
INPUT TYPE=SUBMITnbsp;nbsp;INPUT TYPE=RESET FORM
BODY HTML
6.5. Kiểm tra chuỗi nhập vào có phải là địa chỉ email hợp
lệ hay khơng
Ví dụ sau minh họa việc sử dụng Javascript để kiểm tra chuỗi người dùng nhập vào có phải là một địa chỉ email hợp lệ hay không.
HTML HEAD
TITLEEmail CheckTITLE HEAD
BODY form name=validation onSubmit=return checkbae
Please input a valid email address:br input type=text size=18 name=emailcheck
input type=submit value=Submit form
script language=JavaScript1.2
152
Advanced Email Check credit- By JavaScript Kit http:www.javascriptkit.com
Over 200+ free scripts here var testresults
function checkemail{ var str=document.validation.emailcheck.value
var filter=[\\w-]+?:\\.[\\w-]+?:[\\w-]+\\.\\w[\\w- ]{0,66}\\.[a-z]{2,6}?:\\.[a-z]{2}?i
if filter.teststr testresults=true
else{ alertPlease input a valid email address
testresults=false }
return testresults }
script script
function checkbae{ if document.layers||document.getElementById||document.all
return checkemail else
return true }
script BODY
HTML

6.6. Menu