Đang chuẩn bị liên kết để tải về tài liệu:
The Essential Guide to Dreamweaver CS4 with CSS, Ajax, and PHP phần 5

Mặc dù thiếu của phong cách trong quan điểm thiết kế, sử dụng các vật dụng web là một tiết kiệm thời gian rất lớn. Tất cả các file cần thiết được gắn và được lưu trữ trong một jQuery chuyên dụng hoặc thư mục YUI đã sẵn sàng để được tải lên trang web của bạn. | THE ESSENTIAL GUIDE TO DREAMWEAVER CS4 WITH CSS AJAX AND PHP In spite of the lack of styling in Design view using one of these web widgets is a huge timesaver. All the necessary files are attached and stored in a dedicated jQuery or YUI folder ready to be uploaded to your website. Inserting a widget also creates the necessary code to initialize it. However instead of placing the initialization script at the bottom of the page as Spry does the third-party widgets insert it immediately after the HTML portion of the widget. Selecting the turquoise tab at the top-left of the widget and pressing Delete removes the widget its contents the initialization script and all links to dependent files. Adding content to the jQuery accordion is simply a matter of substituting the placeholder text so it s one of the easiest third-party widgets to use. Other widgets require a knowledge of jQuery or the YUI Library API. Using jQuery and the YUI Library API is beyond the scope of this book but the following sections give you a brief taster of what s possible. If you have a basic understanding of JavaScript it doesn t take long to achieve impressive results. Inserting a jQuery UI dialog widget The jQuery UI dialog widget http docs.jquery.com UI Dialog creates modeless and modal floating windows and dialog boxes. A modeless window is a pop-up window that permits access to the originating page whereas a modal one blocks access until the popup window is closed. In combination with a modal window the dialog widget makes it easy to dim the rest of the page so that the user s concentration is focused on the content of the pop-up a technique that has become popular with image galleries see Figure 8-13 . Displaying a larger image with a dialog widget The following exercise uses the jQuery UI dialog widget to display a larger version of liv-ing_statues.jpg in stroll.html. Initially the widget will be physically inserted into the page but it will then be converted to use unobtrusive JavaScript .