Tìm hiểu cách lập trình gadgetcho Window Vista phần 3 ppsx
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (1.91 MB, 6 trang )
9. <img alt="" src="images/logo_plain.png"
10. style="height: 35px; width: 97px; margin-right: 0px" /></div>
11. <input name="txtKeyWord" id="txtKeyWord" type ="text"
value="SEX" maxlength ="25" onkeyup="onKeyUpEventhandler()"
12. style="width: 119px" />
13. </body>
14. </html>
Đây chỉ là những dòng mã HTML khá đơn giản, nó tạo ra 1 trang html gồm 1
image : chữ Google ( được load từ đường dẫn images/logo_plain.png tính từ thư
mục hiện thời) và 1 textbox để người dung gõ từ khóa tìm kiếm, nếu bạn chưa rành
thì cũng không vấn đề gì vì bạn chỉ cần vọc Front page trong bộ office 2k3 tầm 10-
15 phút là hiểu thôi , chú ý 2 dòng quan trọng
1. <script src="scripts/gadget.js" type="text/javascript"></script>
Dòng trênkhai báo file script sử dụng là file gadget.js ,nằm trong thư mục script ở
thư mục hiện hành và là java script
1. <input name="txtKeyWord" id="txtKeyWord" type ="text"
value="SEX" maxlength ="25"
onkeyup="onKeyUpEventhandler(event);"
Dòng này tạo một textbox và dung function onKeyUpEventhandler để handle sự
kiện nhả phím của textbox này
Function sử lý sự kiện này tôi đặt trong file gadget.js chỉ vỏn vẹn có vài dòng lệnh
khai thác google
1. function onKeyUpEventhandler(){
2. if ( window.event.keyCode == 13 ){ // Enter key ??
3. var strKeyWordToSearch =
document.getElementById("txtKeyWord").value ;
4. if (strKeyWordToSearch.length ==0) return ;
5. var strUrl ="
+strKeyWordToSearch + "&meta=" ;
6. window.open(strUrl) ;
7. }
8. }
Vậy là xong. Chúng ta vừa tạo xong 1 gadget light google nhỏ gọn trong , bạn thử
gõ từkhoảng 7 phút, bây giờ thử chạy và xem kết quả nhé khóa tìm kiếm vào
xem rất tuyệt đấy !
Đây là đoạn mã Vbscript tương đương dành cho các fan VB, bạn xóa dòng
1. <script src="scripts/gadget.js" type="text/javascript"></script>
Trong file html, và paste đoạn mã sau vào thay thế
1. <script type="text/vbscript">
2. function onKeyUpEventhandler()
3. dim strKeyWordToSearch
4. if ( window.event.keyCode = 13 ) then ' Enter key ??
5. strKeyWordToSearch= document.getElementById("txtKeyWord").value
6. if strKeyWordToSearch<>"" then
7. window.open(" &
strKeyWordToSearch & "&meta=" )
8. end if
9. end if
10. end function
11. </script>
File gadget.js là thừa vì tôi đã nhúng luôn script vào thẳng file html
3.– Active Run gadget
Lần này, tôi sẽ demo kỹ thuật lập trình với các active object để tăng cường sức
mạnh cho các gadget, chúng ta sẽ thiết kế 1 gadget thay cho chức năng start\run
của window.
3.1 Như project trước, chúng ta tạo một web site với project template là :
HelloWord vista gadget
3.2.Bạn có thể soản sửa lại thông tin gadget cho phù hợp và thiết kế một trang
html nhỏ gọn dung fronpage hoạc 1 html editor như VS2k5 –VS2k8 IDE, vì
chúng ta chỉ cần 1 textbox để user nhập lệnh ví dụ :MSCONFIG và 1 inage hay
label thể hiện chữ RUN, nếu lười thì bạn paste luôn đoạn code sau vào file html
1. <html xmlns="
2. <head>
3. <title>Untitled Page</title>
4. <link href="css/gadget.css" type="text/css" rel="Stylesheet"/>
5. <script language="vbscript" >
6. sub onKeyupEventhandler()
7. dim strCommand
8. on error Resume Next
9. if window.event.keyCode=13 then
10. strCommand= document.getElementById("txtCMD").value
11. Dim objShell
12. Set objShell = CreateObject("WScript.Shell")
