|
March 2024 |
Mon | Tue | Wed | Thu | Fri | Sat | Sun |
---|
| | | | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | Calendar |
|
| Một số event căn bản!!! | |
| | Tác giả | Thông điệp |
---|
dthnam90 Thành viên gắn bó lâu dài
Tổng số bài gửi : 137 Join date : 04/01/2011
| Tiêu đề: Một số event căn bản!!! Mon 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> | |
| | | dthnam90 Thành viên gắn bó lâu dài
Tổng số bài gửi : 137 Join date : 04/01/2011
| Tiêu đề: Sự kiện onBlur!!!! Mon 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>
| |
| | | tvduong Admin
Tổng số bài gửi : 147 Join date : 29/10/2010 Age : 34
| Tiêu đề: Re: Một số event căn bản!!! Mon 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 | |
| | | dthnam90 Thành viên gắn bó lâu dài
Tổng số bài gửi : 137 Join date : 04/01/2011
| Tiêu đề: Sự kiện onFocus!!!!!!!! Mon 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> | |
| | | ddtan90 Admin
Tổng số bài gửi : 178 Join date : 30/12/2010 Age : 33 Đến từ : SE 3 - K34
| Tiêu đề: Re: Một số event căn bản!!! Mon Jan 10, 2011 11:30 pm | |
| Hay quá! mình cũng xin một bài. Event onloadSự 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:
<html> <script type="text/javascript"> function dongho(){ var d=new Date(); document.getElementById('clock').innerHTML="Bay gio la: "+d.getHours() + ":" +d.getMinutes() + ":"+ d.getSeconds(); var t=setTimeout('dongho()',500); } </script>
<body onload='dongho()'>
<p id='clock'> </p> </body> </html>
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). | |
| | | Sponsored content
| Tiêu đề: Re: Một số event căn bản!!! | |
| |
| | | | Một số event căn bản!!! | |
|
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
| |
| |
| |