TAILIEUCHUNG - Tương tác giữa PHP và jQuery - part 27

CHAPTER 7 ■ ENHANCING THE USER INTERFACE WITH JQUERY You may have noticed that the modal window appears to flicker right as it’s opened. This happens because () appends the modal window to the body element without hiding it. To correct this, add a call to .hide() in () using the following bold code: // Functions to manipulate the modal window fx = { // Checks for a modal window and returns it, or // else creates a new one and returns that "initModal" : function() { // If no elements are matched, the length // property will be 0 if. | CHAPTER 7 ENHANCING THE USER INTERFACE WITH JQUERY You may have noticed that the modal window appears to flicker right as it s opened. This happens because appends the modal window to the body element without hiding it. To correct this add a call to .hide in using the following bold code Functions to manipulate the modal window fx Checks for a modal window and returns it or else creates a new one and returns that initModal function If no elements are matched the length property will be 0 if .modal-window .length 0 Creates a div adds a class and appends it to the body tag return div .hide .addClass modal-window .appendTo body else Returns the modal window if one already exists in the DOM return .modal-window Adds the window to the markup and fades it in boxin function data modal Code omitted for brevity Fades out the window and removes it from the DOM boxout function event Code omitted for brevity Finally clicking the Close button does not remove the overlay. To fade out and remove the overlay simply modify the selector in to include the class modal-overlay Functions to manipulate the modal window fx Checks for a modal window and returns it or else creates a new one and returns that initModal function Code omitted for brevity 261 CHAPTER 7 ENHANCING THE USER INTERFACE WITH JQUERY Adds the window to the markup and fades it in boxin function data modal Code omitted for brevity Fades out the window and removes it from the DOM boxout function event If an event was triggered by the element that called this function prevents the default action from firing if event undefined Removes the active class from all links a .removeClass active Fades out the modal window and overlay then removes both from the DOM entirely .modal-window .modal-overlay .fadeOut slow function this .remove After making this change reload http localhost and click an event title. The modal window and overlay will fade in and clicking either the .

• Kỹ thuật lập trình
• lập trình web
• giáo trình php
• thiết kế web với php
• tự học php
• lập trình php
• Bài giảng Lập trình ứng dụng Web
• Lập trình ứng dụng Web
• Lập trình Web với Servlet
• Lập trình Web với JSP
• Lập trình Web với ASP
• Đề thi Lập Trình Web
• Tài liệu thi Lập Trình Web
• Ôn thi Lập Trình Web
• Bài thi Lập Trình Web
• Hướng dẫn thi Lập Trình Web
• Nội dung thi Lập Trình Web
• Đề thi Lập trình ứng dụng Web
• Bài thi Lập trình ứng dụng Web
• Môn thi Lập trình ứng dụng Web
• Tài liệu thi Lập trình ứng dụng Web
• Ôn thi Lập trình ứng dụng Web
• Đề thi môn lập trình Web
• Bài tập Lập trình Web
• Tài liệu ôn thi Lập trình Web
• Bài giảng Lập trình web
• Môi trường cài đặt
• Web Browser
• Web Server
• Web Client
• Trình duyệt web
• Giáo trình Lập trình web với ASP NET
• Lập trình web với ASP NET
• Giáo trình nghề Thiết kế trang web
• Web server control
• Lập trình mạng
• Bài giảng Lập trình mạng
• Lập trình web chạy ở server
• Lập trình Web với CGI
• Ngôn ngữ lập trình
• Kỹ thuật lập trình
• Tổng quan lập trình web
• Giới thiệu lập trình web
• Bài tập Thực hành lập trình Web
• Thực hành lập trình Web
• Lập trình JavaScript
• Hướng dẫn lập trình Web
• Cách lập trình Web
• Lập trình Web ASP
• Net
• Net với C#
• Lập trình Web Form
• Lập trình Web Form Với ADO
• Website thương mại điện tử
• Bài giảng Lập trình Web ASP
• Xây dựng lớp xử lý dữ liệu
• Lý thuyết lập trình
• Ngôn ngữ lập trình Web
• Ngôn ngữ lập trình PHP
• Ứng dụng PHP
• Quy ước ngầm thiết kế web
• lập trình máy tính
• thủ thuật lập trình
• lập trình hệ thống web
• lập trình web phía client
• lập trình web phía server
• web development
• Công nghệ web
• Lập trình Web hướng Java
• Lập trình Web hướng Java Bài 04
• Extensible markup language
• Lập trình web động
• Bài giảng Lập trình web động
• Lập trình web động với PHP
• Lập trình web động với MySQL
• Hệ cơ sở dữ liệu quan hệ
• Kiến trúc web động
• Lập trình web động với ASP NET
• Giáo trình Lập trình web động với ASP NET
• Cấu hình Web Server
• Kỹ thuật lập trình web
• Thiết kế web
• Tạo trang web
• Đồ án thiết kế web
• Đồ án lập trình web
• Tìm hiểu lập trình web
• Thiết kế và lập trình Web
• Phân loại trang Web
• Máy phục vụ
• Phát triển Web
• tài liệu lập trình
• Nghiên cứu lập trình Web ASP
• Ngôn ngữ lập trình web ASP
• phương pháp lập trình