L7 DHTML

8/2/2010 Bài DHTML Ĉӛ%i/kP 9LӋQ&177 77- Ĉ+%.+1 0өFÿtFK ‡ &XQJFҩSFKRVLQKYLrQQKӳQJNLӃQWKӭFYӅ DHTML ‡ 7KӵFKLӋQFiFEjLWKӵFKjQKOLrQTXDQÿӃQFiF NLӃQWKӭFÿmKӑF+70/&66-DYD6FULSW 8/2/2010 1ӝLGXQJ ‡ ‡ ‡ ‡ *LӟLWKLӋXYӅ'+70/ &iFÿһFÿLӇPFӫD'+70/ 0{KuQKVӵNLӋQ'+70/ 7KӵFKjQK *LӟLWKLӋXYӅ'+70/ HTML CSS JavaScript +70/³WƭQK´ 6W\OHFӫDWUDQJ 7ѭѫQJWiF DHTML 8/2/2010 *LӟLWKLӋXYӅ'+70/ ‡ '\QDPLF+70/KD\'+70/+70/ÿӝQJ /jVӵNӃWKӧSFӫD+70/&66Yj-DYD6FULSW +70/'20WURQJPӝWWUDQJ:HEJL~SFKR YLӋFWKDRWiFYj[k\GӵQJWUDQJ:HEWUӣQrQ VLQKÿӝQJGӉGjQJYjKLӋXTXҧKѫQ DHTML = HTML + CSS + JavaScript + HTML DOM *LӟLWKLӋXYӅ'+70/ DHTML SRQFOLFN VW\OHFRORU UHG ³! Click chuot vao dong nay 8/2/2010 *LӟLWKLӋXYӅ'+70/ &iFÿһFÿLӇPFӫD'+70/ ‡ ‡ ‡ ‡ &ҩXWU~FÿӕLWѭӧQJ 6W\OHÿӝQJ ĈӏQKYӏ ;ӱOêVӵNLӋQ 8/2/2010 &ҩXWU~FÿӕLWѭӧQJ ‡ '+70/FRLPӛLSKҫQWӱOjPӝWÿӕLWѭӧQJ 0ӛLÿӕLWѭӧQJFyWKӇÿѭӧFWUX\FұSYjOұS WUuQKÿӝFOұS ‡ 7UX\FұSYjRÿӕLWѭӧQJWK{QJTXD'20 ± 7K{QJTXDWrQÿӕLWѭӧQJname ± 7K{QJTXDLGÿӕLWѭӧQJid method: document.getElementById(id) KR̿FWUӵFWLӃSTXD id ± /ҩ\QӝLGXQJVӱGөQJWKXӝFWtQKinnerHTML &ҩXWU~FÿӕLWѭӧQJ function bat_dau(){ alert(pObj.innerHTML); pObj.innerHTML="Cam on ban"; } Chao mung ban den Website 10 8/2/2010 &ҩXWU~FÿӕLWѭӧQJ 11 &ҩXWU~FÿӕLWѭӧQJ 12 8/2/2010 6W\OHÿӝQJ ‡ 6ӱGөQJ&66KD\6W\OHVRQJVRQJYӟLQKӳQJ WѭѫQJWiFFӫDQJѭӡLVӱGөQJ ‡ 7KD\ÿәLYӅ6W\OHQKѭ ± 0jXVҳF ± LӇXFKӳFӥFKӳIRQWFKӳ ± KRҧQJFiFK ± 9ӏWUt « 13 6W\OHÿӝQJ function bat_dau(){ var mau=prompt("Nhap mau nen cua trang",""); document.body.style.backgroundColor=mau; } Chao mung den Website 14 8/2/2010 6W\OHÿӝQJ 15 6W\OHÿӝQJ 16 8/2/2010 ĈӏQKYӏ ‡ +70/NK{QJFKRSKpSÿLӅXFKӍQKWӑDÿӝFӫD SKҫQWӱ ‡ '+70/FKRSKpSÿLӅXFKӍQKWӑDÿӝFӫDSKҫQ Wӱ&K~QJWDFyWKӇFKӍUDYӏWUtFKtQK[iF WѭѫQJÿӕLKRһFWX\ӋWÿӕL ³!0RXVHRYHUWKLVWH[WK! 18 8/2/2010 ĈӏQKYӏ 19 ;ӱOêVӵNLӋQ 20 10 8/2/2010 bLight=0; function changeimage(){ if (bLight==0){ bLight=1; document.myimage.src="bulbon.gif"; } else{ E/LJKW GRFXPHQWP\LPDJHVUF EXOERIIJLI³ } } 21 6ӱGөQJ'+70/ ‡ '+70/FyÿһFÿLӇP 6W\OHÿӝQJFKRSKpSFKӍUDNLӇXÿӏQKGҥQJYăQ EҧQWURQJWUDQJZHEPjXVҳFNtFKWKѭӟFNLӇX FKӳ« ĈӏQKYӏFKRSKpSFKӍUDYӏWUtFӫDFiFSKҫQWӱ +70/WURQJPӝWWUDQJWKHRWӑDÿӝ[\ ;ӱOêVӵNLӋQFKRSKpSQҳPEҳWVӵNLӋQGRQJѭӡL GQJKD\KӋWKӕQJWҥRUDÿӇVӱDÿәLNLӇXKD\QӝL dung trang web 22 11 8/2/2010 0{KuQK[ӱOêVӵNLӋQ'+70/ ‡ 6ӵNLӋQ ‡ 1әLEӑWVӵNLӋQ ‡ .LӇPVRiWOӛLYӟLVӵNLӋQRQHUURU 23 6ӵNLӋQ ‡ 0{KuQKVӵNLӋQ(YHQW0RGHO OjPӝWSKҫQ TXDQWUӑQJWURQJP{KuQKÿӕLWѭӧQJWjLOLӋX (Document Object Model) ‡ /jWKjQKSKҫQFKtQKWҥRQrQPӝWWUDQJ:HE ÿӝQJYjFyWѭѫQJWiFYӟLQJѭӡLVӱGөQJ ‡ 0{KuQKVӵNLӋQ[iFÿӏQKVӵNLӋQQjRVLQKUD WK{QJWLQFXQJFҩSFKRWUuQK[ӱOêVӵNLӋQ (event handler) 24 12 8/2/2010 function toa_do(event1) { myX.innerHTML = event1.pageX ; myY.innerHTML = event1.pageY; } Toa X:0 Toa Y:0 GLYLG P\'LY³RQPRXVHPRYH WRDBGRHYHQW ³! 25 6ӵNLӋQ 26 13 8/2/2010 1әLEӑWVӵNLӋQ ‡ +70/PXӕQ[iFÿӏQKKjQKYLFKRPӝWVӵ NLӋQFK~QJWDSKҧLÿѭDUDÿRҥQPmP{WҧFKR ÿӕLWѭӧQJÿy ‡ '+70/FXQJFҩSFKRFK~QJWDPӝWKӋWKӕQJ SKkQFҩSÿӕLWѭӧQJ 27 1әLEӑWVӵNLӋQ Document Obj HTML Page BODY Obj Tag 28 14 8/2/2010 1әLEӑWVӵNLӋQ ‡ *LҧLWKtFK ± KLPӝWVӵNLӋQӣFҩS³GѭӟL´[ҧ\UDWKuVӵNLӋQÿy ÿѭӧFFKX\ӇQQJѭӧFOrQFҩSSKtDWUrQ ± 6ӵSKkQFҩSQj\NK{QJSKөWKXӝFYjRWKӭWӵFiF PөFKLӇQWKӏWUrQWjLOLӋX 29 Xin chao ban Trang Web Cam on ban function ClickHere(){ alert("Thanh phan duoc bam "+window.event.srcElement.tagName); } function AlsoClick(){ alert("Ban da bam "+window.event.srcElement.tagName); } 30 15 8/2/2010 1әLEӑWVӵNLӋQ ‡ KLQJѭӡLGQJFOLFNFKXӝWYjR+WKuVӵNLӋQ 2Q&OLFN[ҧ\UD ‡ +NK{QJFyEӝ[ӱOêVӵNLӋQVӵNLӋQQj\VӁ FKX\ӇQOrQÿӃQ%2'