Echip - Tuan tin cong nghe thong tin

Số 49

HỒ LÔ BIẾN

NHỮNG CHIÊU THỨC JAVASCRIPT:

“Hiện đại hóa” trang Web của bạn

NGUYỄN TRÍ TRUNG

Khi thiết kế Web, dù đã tạo được trang Web thật “bảnh”, bạn vẫn nên dùng thêm vài thủ thuật để “lôi kéo”, “giữ chân” người xem. Xin mách bạn hai mẹo vặt JavaScript để gây ấn tượng với khách lướt Net.

Chạy tiêu đề

Bạn thử nghĩ, trong đống nút bấm hỗn độn trên thanh tác vụ (taskbar) ứng với các trang Web đang mở (hình 1), ta nên làm sao để nút bấm “của mình” gây chú ý cho người xem?

Bạn biết không, ta có thể làm cho tiêu đề trang Web chạy liên tục trên nút bấm ở thanh tác vụ và cả trên thanh tiêu đề (title bar) của cửa sổ trình duyệt, trông rất “hiện đại”. Bạn chỉ cần đưa đoạn mã 1 vào phần <HEAD>...</HEAD>. Dĩ nhiên, bạn có thể thay chuỗi “Xin chào!” trong đoạn mã 1 bằng chuỗi bất kỳ tùy ý bạn.

Đoạn mã 1

<script

language=”javascript”>

msg = “Xin chào!”;

msg = “......” + msg;pos = 0;

function scrollMSG() {

document.title =

msg.substring(

pos, msg.length) +

msg.substring(0, pos);

pos++;

if (pos > msg.length) pos =

window.setTimeout(“scrollMSG()”,200);

}

scrollMSG();

</script>

Hiển thị ngày tháng

Để người xem có cảm giác trang Web của bạn luôn luôn... “theo kịp thời đại”, bạn nên hiển thị ngày tháng hiện tại. Rất đơn giản, bạn hãy đưa đoạn mã 2 vào nơi muốn hiển thị ngày tháng là xong!

Đoạn mã 2

var now = new Date();

var ngay = now.getDate();

var thang = now.getMonth();

thang = thang + 1;

var nam = now.getYear();

var p1 = “Ngày “ + ngay;

var p2 = “ tháng “ + thang;

var p3 = “ năm “ + nam;

var bubadate = p1 + p2 + p3;

d o c u m e n t . w r i t e ( “ < f o n t

color=\”#0000ff\”>”);