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

CHAPTER 7 ■ ENHANCING THE USER INTERFACE WITH JQUERY // Pulls up events in a modal window $("lia").live("click", function(event){ // Stops the link from loading (); // Adds an "active" class to the link $(this).addClass("active"); // Gets the query string from the link href var data = $(this) .attr("href") .replace(/.+?\?(.*)$/, "$1"), // Checks if the modal window exists and // selects it, or creates a new one modal = (); }); }); Next, set up the call to $.ajax() in the event handler. It will use the POST method, point to the processFile, and send the appropriate data. Because the. | CHAPTER 7 ENHANCING THE USER INTERFACE WITH JQUERY Pulls up events in a modal window li a .live click function event Stops the link from loading Adds an active class to the link this .addClass active Gets the query string from the link href var data this .attr href .replace . . 1 Checks if the modal window exists and selects it or creates a new one modal Next set up the call to .ajax in the event handler. It will use the POST method point to the processFile and send the appropriate data. Because the query string extracted from the link does not include an action field insert one manually here. Finally use .append to insert the returned markup into the modal window if the call succeeds or to display an error message if it fails. Do this by inserting the following bold lines into Pulls up events in a modal window li a .live click function event Stops the link from loading Adds an active class to the link this .addClass active Gets the query string from the link href var data this .attr href .replace . . 1 Checks if the modal window exists and selects it or creates a new one modal Loads the event data from the DB .ajax type POST url processFile 251 CHAPTER 7 ENHANCING THE USER INTERFACE WITH JQUERY data action event_view data success function data Alert event data for now data error function msg msg Save your changes then reload http and click an event title to see the event information loaded into the modal window see Figure 7-2 . Figure 7-2. The event information loaded into the modal window 252 CHAPTER 7 ENHANCING THE USER INTERFACE WITH JQUERY Add a Close Button As it stands right now the only way to get rid of the modal window after clicking an event title is to reload the page. Of course this isn t good enough so you need to add a Close button. To accomplish this you need to create a new link and bind a click event handler to it that

• 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