tailieunhanh - jQuery UI 1.6 The User Interface Library for jQuery phần 4

Điều này sẽ mở gọi xử lý sự kiện nào đọc các biến điều khiển và sau đó tải các tập tin bên ngoài appropriée vào hộp thoại bằng cách sử dụng phương pháp jQuery tải tiêu chuẩn. Chúng tôi sẽ cần một kiểu mới cho ví dụ này. | The Dialog This will invoke the open event handler which reads the control variable and then loads the appropriate external file into the dialog using the standard jQuery load method. We ll need a new stylesheet for this example. In a new page in your text editor add the following code page styles h3 margin-top 0px .content border 1px solid 7eb8f8 margin-bottom 10px padding 10px position relative .helpIcon position absolute right 5px bottom 5px background url . img no-repeat cursor pointer display block width 25px height 25px .helpLabel width 100 margin 0px position relative right 25px top -2px font bold 60 Verdana Arial text-align right dialog styles .flora .ui-dialog . background-color ffffff .flora .ui-dialog .ui-dialog-titlebar . .ui-dialog-titlebar background url . img dialog repeat-x background-color 003399 .flora .ui-dialog .ui-dialog-titlebar-close . .ui-dialog-titlebar-close background url . img dialog no-repeat .flora .ui-dialog .ui-dialog-titlebar-close-hover . .ui-dialog-titlebar-close-hover background url . img dialog no-repeat .flora .ui-dialog .ui-resizable-n . .ui-resizable-n background url . img dialog repeat center top .flora .ui-dialog .ui-resizable-s . .ui-resizable-s background url . img dialog repeat center top .flora .ui-dialog .ui-resizable-e . .ui-resizable-e background url . img dialog repeat right center 114 Chapter 4 .flora .ui-dialog .ui-resizable-w . .ui-resizable-w background url . img dialog repeat left center .flora .ui-dialog .ui-resizable-ne . .ui-resizable-ne background url . img dialog repeat .flora .ui-dialog .ui-resizable-se . .ui-resizable-se background url . img dialog repeat .flora .ui-dialog .ui-resizable-sw . .ui-resizable-sw .