Câu lạc bộ Hỗ Trợ Học Tập
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.



 
Trang ChínhTrang Chính  Latest imagesLatest images  Tìm kiếmTìm kiếm  Đăng kýĐăng ký  Đăng NhậpĐăng Nhập  
  • Top posters
 Mr.Pakapun (256)
 ddtan90 (178)
 tvduong (147)
 dthnam90 (137)
 minhquankq (101)
 arianbo (70)
 DoanhNhan (54)
 chicken (53)
 stormit (52)
 gentle_storm (47)

 

 Một số event căn bản!!!

Go down 
3 posters
Tác giảThông điệp
dthnam90
Thành viên gắn bó lâu dài
Thành viên gắn bó lâu dài
dthnam90


Tổng số bài gửi : 137
Join date : 04/01/2011

Một số event căn bản!!! Empty
Bài gửiTiêu đề: Một số event căn bản!!!   Một số event căn bản!!! EmptyMon Jan 10, 2011 8:45 pm

Sự kiện onmouseover và onmouseout:
Code:
<html>
<head>

<script type="text/javascript">
function bgChange(bg)  //Ham nay dung de thay doi mau nen cua trang
{
document.body.style.background=bg;
}
</script>
</head>

<body>

<b>Mouse over the squares and the background color will change!</b>

<table width="300" height="100">
 <tr>
  <td onmouseover="bgChange('red')"
      onmouseout="bgChange('transparent')"
      bgcolor="red">
  </td>
  <td onmouseover="bgChange('blue')"
      onmouseout="bgChange('transparent')"
      bgcolor="blue">
  </td>
  <td onmouseover="bgChange('green')"
      onmouseout="bgChange('transparent')"
      bgcolor="green">
  </td>
</tr>
</table>

</body>
</html>

Theo [You must be registered and logged in to see this link.]
Về Đầu Trang Go down
dthnam90
Thành viên gắn bó lâu dài
Thành viên gắn bó lâu dài
dthnam90


Tổng số bài gửi : 137
Join date : 04/01/2011

Một số event căn bản!!! Empty
Bài gửiTiêu đề: Sự kiện onBlur!!!!   Một số event căn bản!!! EmptyMon Jan 10, 2011 8:53 pm

Sự kiện onBlur:

Sự kiện onBlur được gọi khi bạn rời khỏ một đối tượng nào đó!!!Chẳng hạn, trong ví dụ dưới đây, onBlur được gọi khi người dùng thoát khỏi textbox!!
Code:
<html>
<head>
<script type="text/javascript">
function message()
{
alert("This alert box was triggered by the onblur event handler");
}
</script>
</head>

<body>

<p>The onblur event occurs when an element loses focus. Try to click or write in the input field below, then click elsewhere in the document so the input field loses focus.</p>
<form>
Enter your name: <input type="text" onBlur="message()" size="20">
</form>

</body>
</html>

Theo [You must be registered and logged in to see this link.]
Về Đầu Trang Go down
tvduong
Admin
Admin
tvduong


Tổng số bài gửi : 147
Join date : 29/10/2010
Age : 34

Một số event căn bản!!! Empty
Bài gửiTiêu đề: Re: Một số event căn bản!!!   Một số event căn bản!!! EmptyMon Jan 10, 2011 9:07 pm

Event cho tag Marquee

Code:
<marquee behavior="alternate" onmouseover="stop();" onmouseout="start();"> Hello forum CLB hỗ trợ học tập</marquee>

Dừng cuộn khi rê chuột vào, tiếp tục cuộn khi rê chuột ra ngoài
Về Đầu Trang Go down
dthnam90
Thành viên gắn bó lâu dài
Thành viên gắn bó lâu dài
dthnam90


Tổng số bài gửi : 137
Join date : 04/01/2011

Một số event căn bản!!! Empty
Bài gửiTiêu đề: Sự kiện onFocus!!!!!!!!   Một số event căn bản!!! EmptyMon Jan 10, 2011 10:00 pm

Sự kiện Focus:

Sự kiện này được gọi khi một đối tượng bắt đầu trở thành tiêu điểm, ví dụ như khi ta click vào textbox thì một hộp thoại hiện ra như ví dụ dưới đây:

Code:
<html>
<head>
<script type="text/javascript">
function message()
{
alert("This alert box was triggered by the onfocus event handler");
}
</script>
</head>

<body>

<form>
Enter your name: <input type="text" onFocus="message()" size="20">
</form>

</body>
</html>


Theo [You must be registered and logged in to see this link.]
Về Đầu Trang Go down
ddtan90
Admin
Admin
ddtan90


Tổng số bài gửi : 178
Join date : 30/12/2010
Age : 33
Đến từ : SE 3 - K34

Một số event căn bản!!! Empty
Bài gửiTiêu đề: Re: Một số event căn bản!!!   Một số event căn bản!!! EmptyMon Jan 10, 2011 11:30 pm

Hay quá! mình cũng xin một bài.
Event onload

Sự kiện onload được gọi khi trang của chung ta load, giống sự kiện Form_load() trong VB hay C# vậy.

Ví dụ:
Spoiler:

Khi trang được load, nó sẽ gọi hàm dongho(). hàm này sẽ cập nhật nội dung thẻ <p> có id là clock thành chuỗi "bay gio là + thời gian hiện tại".
Đồng hồ được cập nhật mỗi 500ms bởi hàm setTimeout('dongho()',500).
Về Đầu Trang Go down
Sponsored content





Một số event căn bản!!! Empty
Bài gửiTiêu đề: Re: Một số event căn bản!!!   Một số event căn bản!!! Empty

Về Đầu Trang Go down
 
Một số event căn bản!!!
Về Đầu Trang 
Trang 1 trong tổng số 1 trang

Permissions in this forum:Bạn không có quyền trả lời bài viết
Câu lạc bộ Hỗ Trợ Học Tập :: LẬP TRÌNH WEB :: HTML/CSS/JAVASCRIPT-
Chuyển đến