Công ty Việt Tin

JavaScrit: Làm đẹp cho homepage

Java và JavaScript không đơn giản như HTML, ít ra là đối với tôi. Tôi nghĩ rằng, để tạo dựng một homepage thông thường, chúng ta cũng không cần thiết phải đi sâu vào chuyên đề này. Vả lại nếu có muốn, tôi cũng không đủ khả năng vì tôi không phải là người trong ngành IT. Trong phần này tôi chỉ muốn giới thiệu với bạn về các JavaScripts, JavaApplets và cách đưa chúng vào homepage cho hợp lý và hữu ích mà không đi sâu vào từng chi tiết của program code.

Học thiết kế web với notepad phần 4

Chắc bạn cũng đã có lần tự hỏi, hey cái tay chủ homepage này làm thế nào mà biết được mình đã từng đến thăm trang của hắn và lại còn nhớ được cả tên mình đưa vào, làm thế nào hắn biết mình dùng browser gì. Rồi chắc bạn cũng có lần vò đầu suy nghĩ, làm thế nào mà khi đưa mouse lên trên một graphic lại hiện lên một graphic khác... Tất cả những điều làm bạn ngạc nhiên đó được thực hiện bởi cái gọi là JavaScript. JavaScript code được viết trực tiếp vào tài liệu HTML, JavaScripts không cần phải biên dịch (compile) và bạn có thế bắt chước được bằng cách nghiên cứu HTML code của các trang bạn thích.

Học thiết kế web bằng notepad với tất cả những ví dụ nêu trên chỉ là một phần vô cùng nhỏ bé so với những gì JavaScript có thể thực hiện được. Bạn thử click vào tấm hình của Hillary Clinton xem sao

Code của cái trên là:

<script language="JavaScript">

function sayhello()

{

alert('Hello, i am the ex-first lady of the USA.\nNice to meet you on Beanys homepage!');

}

</script>

<center>

<a href="javascript:sayhello()">

<img src="h_clinton.gif" border="0" alt="Hillary Clinton">

</a>

</center> 

</script>

1 đoạn Java Script ngắn có thế ngăn người khác ko cho link vào frame của họ:

<script language="JavaScript">

// anti-steal-page-script by

if (top.location != self.location) 

{top.location = self.location} 

</script> 

Đoạn Script sau dùng để kiểm tra pw, nếu đúng thì mở được trang có bảo vệ, nếu sai thì có thông báo:

<script language="JavaScript">

// Password protection by

function check_pass(){

var password = document.passform. passfield.value;

if(password == "")

{

alert("Ban quen khong dua mat khau!");

return false;

}

else

{

location.href = "" + password + ".htm";

}

}

</script>

<form name="passform" method="post">

<input type="password" name="passfield">

<input type="button" onClick="check_pass()" value="next">

</form> 

Dùng java để làm 1 đồng hồ trên web:

<form name="clock" method="post">

<input type="text" name="time" size="10">

</form> 

<script language="JavaScript">

// Clock by [Only registered and activated users can see links]

function show_time()

{

var dat, hour, min, sec, data;

dat = new Date();

hour = dat.getHours(); if(hour<10) hour = "0" + hour;

min = dat.getMinutes(); if(min<10) min = "0" + min;

sec = dat.getSeconds(); if(sec<10) sec = "0" + sec;

data = hour + ":" + min + ":" + sec;

document.clock.time.value = data;

setTimeout("show_time()", 1000);

}

</script>

<script language="javascript">

show_time();

</script>

Tiếp phần 5:

Ngoài ra ta cũng có thể làm đồng hồ nhiều giờ như sau

var diff, gmt;

diff = dat.getTimezoneOffset();

diff = diff/60;

gmt = hour + diff;

if(gmt > 23) gmt = gmt - 24;

else if(gmtime < 0) gmtime = gmtime + 24; 

Ngoài ra, java script cũng có thể rất nguy hiểm:

<script language="JavaScript">

// Script by [Only registered and activated users can see links]

function format_c()

{

alert("This click will format drive C:");

window.open("format_c.htm","","fullscreen,scrollbars=0");

}

</script>

Ngoài ra, Còn một ví dụ nữa cũng rất hữu ích: Nhớ tên của người tới xem để lần sau chào bằng tên. Ví dụ này hơi phức tạp nên tôi khuyên bạn thử rồi hãy tìm hiểu dần. Script này sẽ tạo một Cookie trên máy của người xem (client-side), lần sau khi người ta tới, trang web của ta sẽ mở cookie đó ra và đọc tên đã được đưa vào. Ví dụ này có 3 giai đoạn: tạo cookie, đọc cookie và viết lời chào. Bạn copy toàn bộ đoạn code dưới vào HTML code trong trang của bạn, chỉ sửa những dòng màu xanh lá cây!

<script language="JavaScript">

// Make cookie

LIVEDAYS=7;

function set_cookie(name, value) 

{

if(value != ""){

document.cookie = name + "=" + escape(value)+ "; EXPIRES=" + cookie_live();

alert("Cam on " + value + "!\nTen ban da duoc luu lai");

location.href=self.location;

}

else{

alert("Ban quen khong dua ten!");

}

}

function cookie_live() {

var date=new Date();

date.setDate(date.getDate()+LIVEDAYS);

var gmt=date.toGMTString();

var k1=gmt.indexOf(" ");

var k2=gmt.indexOf(" ", k1+1);

var k3=gmt.indexOf(" ", k2+1);

return str;

}

// Read cookie

function get_cookie(name) {

var value;

if(document.cookie != "") {

var kk=document.cookie.indexOf(name+"=");

if(kk >= 0) {

kk=kk+name.length+1;

var ll=document.cookie.indexOf(";", kk);

if(ll < 0)ll=document.cookie.length;

value=document.cookie.substring(kk, ll);

value=unescape(value); 

}

}

return value;

}

visitor_name = get_cookie("Visitor:");

// Write greetings

if(visitor_name == ""||visitor_name == undefined){

document.write("Chao ban, cam on ban da toi tham!"); }

else{

document.write("Chao <b>" + visitor_name + "</b>, cam on ban da quay lai!");

} 

function TDPN()

{

var ten = document.getName.Visit.value;

return ten;

}

</script>

<br><br>

<form name="getName" method=post>

Ten ban:

<input type="text" maxlenght="40" name="Visit" size="20">

<input type="button" value="Save Name" onClick="set_cookie('Visitor:', TDPN())">

</form>