1. Tải bản cài đặt AutoIT mới nhất

    Chào Khách. Nếu bạn mới tham gia và chưa cài đặt AutoIT.
    Vui lòng vào topic trên để tải bản AutoIT mới nhất nhé
    Dismiss Notice
  2. Quy định và nội quy

    Chào Khách. Vui lòng đọc kỹ nội quy và quy định của diễn đàn
    Để tránh bị ban một cách đáng tiếc nhé!
    Dismiss Notice
  3. Hướng dẫn chèn mã AutoIT trong diễn đàn

    Chào Khách. Vui lòng xem qua bài viết này
    Để biết cách chèn mã AutoIT trong diễn đàn bạn nhé :)
    Dismiss Notice

UDF [GUI-HTML UDF] ver1.0 Tạo Gui trong autoit với HTML CSS JS

Thảo luận trong 'Chia sẻ mã nguồn' bắt đầu bởi vanquocdat, 30/9/18.

  1. vanquocdat

    vanquocdat Thành viên mới
    • 3/6

    Tham gia ngày:
    12/6/17
    Bài viết:
    14
    Đã được thích:
    9
    ===Tạo Gui Autoit bằng Html Css Js===

    HTML GUI UDF version 1.0

    Tại sao mình làm UDF này?
    Như các bạn đã biết thì muốn tạo 1 Gui đẹp trong autoit thì phải dùng UDF metroUI, tạo Gui từ các image có sẵn, nên hơi khó để Custom Gui theo ý của mình hay các animation phải tạo bằng GDI Plus khá là khó và code dài dòng.
    Nên mình nghĩ xem có thể dùng HTML, CSS để tạo Gui trong Autoit hay không, thế nên mình bắt đầu tìm xem trên Google, thì thấy bác Juno đã tạo 1 UDF Gui html mà không public củng như phát triễn, thế là mình tìm hiểu thêm về tương tác giữa IE với Autoit và làm 1 UDF tương tự.


    Function Autoit:
    HTML_Load()
    HTML_GUIGetMsg()
    HTML_GUICtrlRead()
    HTML_GUICtrlSetBkColor()
    HTML_GUICtrlGetSize()
    HTML_EvalJS()
    HTML_GUICtrlSetData()
    HTML_SetTitleBar()
    _Gui_RoundCorners()


    Function Javascript:
    execscript()

    Ưu Điểm:
    - Có thể dễ dàng custom Gui bằng Html, css.
    - Có thể set nhiều id trùng tên với nhau
    - Có thể sử dụng js xử lý logic để tương tác cho nhưng người chuyên về js.
    - Bắt được các event của control Gui củng như HTML (kết hợp gui truyền thống với HTML gui)
    - Chạy được Reactjs

    Nhược điểm:
    - Phải viết html css js cho phù hợp với IE

    P/s:
    - UDF không sử dụng event Bubble để tránh lỗi.
    - Khi code nên chạy thử trên IE, sử dụng tiền tố -ms thay cho -webkit (chrome,safari), -moz (ff) hay -o (opera)
    - Các chú thích mình đã ghi trên mỗi Function trong UDF
    UDF này làm đã lâu nhưng không public vì dính 1 lỗi hiện đã fix được, mọi người sử dụng gặp lỗi gì comment nhé.


    Video hướng dẫn:
     

    Các file đính kèm:

    Chỉnh sửa cuối: 1/11/18
    longtu, Only Love, darknight and 3 others like this.
  2. thedemonstuan1

    thedemonstuan1 Thành viên mới
    • 3/6

    Tham gia ngày:
    22/2/18
    Bài viết:
    8
    Đã được thích:
    1
    Error Return $__IE.document.parentwindow.eval($code) ...
     
  3. emga9xkc

    emga9xkc Thành viên năng động
    • 43/45

    Tham gia ngày:
    7/3/16
    Bài viết:
    232
    Đã được thích:
    205
    nhokm4v quen quá
     
  4. vanquocdat

    vanquocdat Thành viên mới
    • 3/6

    Tham gia ngày:
    12/6/17
    Bài viết:
    14
    Đã được thích:
    9
    cái này do hàm HTML_GUIGetMsg mình chưa làm kĩ nên nếu bạn refresh page sẽ bị, mình sẽ sửa trong ver sau
     
  5. vanquocdat

    vanquocdat Thành viên mới
    • 3/6

    Tham gia ngày:
    12/6/17
    Bài viết:
    14
    Đã được thích:
    9
    id facebook thôi ông
     
  6. Huân Hoàng

    Huân Hoàng Administrator Thành viên BQT Administrator Super Moderator
    • 93/113

    Tham gia ngày:
    29/9/15
    Bài viết:
    642
    Đã được thích:
    1,181
    GUI đẹp nhưng mỗi tội phải biết cơ bản về html với css :( cũng khá rối cho 1 người chỉ biết tí teo về html như iêm :oops:
     
  7. vanquocdat

    vanquocdat Thành viên mới
    • 3/6

    Tham gia ngày:
    12/6/17
    Bài viết:
    14
    Đã được thích:
    9
    html với css cơ bản thì khá dễ đó bác, ver sau iêm custom nhiều hàm hơn cho ai không biết html, ver này khá sida :D:D:D
     
  8. darknight

    darknight Thành viên mới
    • 3/6

    Tham gia ngày:
    10/1/17
    Bài viết:
    23
    Đã được thích:
    3
    Em thấy hình như toàn hiển thị dạng fix cứng. Giả sử muốn hiển thị dữ liệu lên dạng như datagridview thì làm sao vậy bác? Đọc dữ liệu từ 1 file nào đó rồi hiển thị nó lên ấy. Liệu có cách nào ko cần viết php ko? Vì php thì lại phải chạy host ảo.
     
    vanquocdat thích bài này.
  9. Trần Thanh Dương

    Trần Thanh Dương Thành viên mới
    • 3/6

    Tham gia ngày:
    1/4/16
    Bài viết:
    9
    Đã được thích:
    11
    Tiếp tục phát triển đi bác, mình ủng hộ =))
     
    vanquocdat thích bài này.
  10. vanquocdat

    vanquocdat Thành viên mới
    • 3/6

    Tham gia ngày:
    12/6/17
    Bài viết:
    14
    Đã được thích:
    9
    @@ cái này bác dùng autoit đọc rồi chuyển sang json rồi cho vào table của html thôi, gui này cực kì linh hoạt chứ không phải set cứng bác nhé
     
  11. vanquocdat

    vanquocdat Thành viên mới
    • 3/6

    Tham gia ngày:
    12/6/17
    Bài viết:
    14
    Đã được thích:
    9
    ver sau sẽ có nhiều hàm mới hỗ trợ người không biết html css hơn, cộng thêm hàm drag gui cho element
     
  12. longtu

    longtu Thành viên
    • 18/23

    Tham gia ngày:
    9/8/17
    Bài viết:
    67
    Đã được thích:
    37
    đẹp đấy, mong chờ bản mới của chủ thread
     

Chia sẻ trang này

Đang tải...