Tìm hiểu cách lập trình gadgetcho Window Vista phần 3 ppsx

6 277 0
Tìm hiểu cách lập trình gadgetcho Window Vista phần 3 ppsx

Đang tải... (xem toàn văn)

Thông tin tài liệu

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 ="http://www.google.com.vn/search?hl=vi&q=" +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("http://www.google.com.vn/search?hl=vi&q=" & 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="http://www.w3.org/1999/xhtml"> 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") . 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 un của window. . khai thác google 1. function onKeyUpEventhandler(){ 2. if ( window. event.keyCode == 13 ){ // Enter key ?? 3. var strKeyWordToSearch = document.getElementById("txtKeyWord").value. type="text/vbscript"> 2. function onKeyUpEventhandler() 3. dim strKeyWordToSearch 4. if ( window. event.keyCode = 13 ) then ' Enter key ?? 5. strKeyWordToSearch= document.getElementById("txtKeyWord").value

Ngày đăng: 31/07/2014, 10:20

Từ khóa liên quan

Tài liệu cùng người dùng

Tài liệu liên quan