Chức năng mở rộng

Một phần của tài liệu TÌM HIỂU KỸ THUẬT AJAX VÀ VIẾT ỨNG DỤNG THỰC NGHIỆM (Trang 40 - 41)

3.5.3.1 Mở khung chat trong cửa sổ popup

Để truy cập vào khung chat, bạn cần có một đường link tới thư viện chat. Để mở một link trong một cửa sổ mới với kích thước vừa đủ trên màn hình, bạn cần đến JavaScript. Thêm đoạn code sau vào head của tất cả các trang hiển thị link chat đó

<script type="text/javascript"> // <![CDATA[

function openWindow(url,width,height,options,name) { width = width ? width : 800;

height = height ? height : 600;

options = options ? options : 'resizable=yes'; name = name ? name : 'openWindow';

-- window.open(url,name,

'screenX='+(screen.width-width)/2+',screenY='+(screen.height- height)/2+',width='+width+',height='+height+','+options)

} </script>

Thay đổi link tới khung chat bằng cách sử dụng hàm định nghĩa dưới đây: <ahref="chat/"

onclick="openWindow(this.href);this.blur();return false;">Chat</a>

Điều này sẽ mở ra một khung chat với độ rộng 800px và chiều cao là 600px, ở chính giữa màn hình và sẽ không có các nút công cụ và menu. Nó sẽ được thu gọn và ngươi sử dụng có thể hiện thị đầy đủ so với độ rộng của màn hình. Để mở cửa sổ chat với các kích thước khác nhau bạn nên sử dụng link sau:

this.blur();return false;">Chat</a>

3.5.3.2 Đóng khung chat trong cửa sổ popup

Mặc định, khung chat mà bạn truy cập vào sẽ được đóng khi bạn đăng xuát ra ngoài (bằng cách gửi tới câu lệnh /quit hoặc kích vào nút đăng xuất)

Nếu bạn muốn cửa sổ chat đóng thì ghi đè phương thức sau

ajaxChat.handleLogout bằng việc thêm đoạn code tới js/custom.js:

ajaxChat.handleLogout = function(url) { setTimeout("window.close()", 1); }

3.5.3.3 Chuyển hướng người dùng tới URL tuỳ chính khi họ đăng xuất

Phương thức JavaScipt ajaxChat.handleLogout(url) sẽ tạo một URL như một tham số và chuyển hướng người sử dụng tới đó. Địa chỉ URL được gửi tới

ajaxChat.handleLogout(url) và được thiết lập trên máy chủ trong lib/config.php // Argument that is given to the handleLogout JavaScript method:

$config['logoutData'] = 'http://example.org';

Một phần của tài liệu TÌM HIỂU KỸ THUẬT AJAX VÀ VIẾT ỨNG DỤNG THỰC NGHIỆM (Trang 40 - 41)