Giới thiệu: code này mới tinh sử dụng ajax chat cho JohnCMS, một shoutbook gọn gàng nhưng cũng rất đẹp, auto load có thông báo đã gửi... xem ảnh demo ở dưới sẽ rõ, code chạy được trên trình duyệt điện thoại.

Tác giả: garthbale && Văn Thạch - modJohn.com


Hướng dẫn: Trong phần này mình sẽ không coi bạn là 1 newbie , nhưng nếu có ai chưa làm được pm mình.
Bước 1: Download file đính kèm và up lên root.
Bước 2: Mở /pages/mainmenu.php thêm code vào chỗ thích hợp có thể chỉnh sửa tùy ý

<?php //chat box ajax if ($user_id) { echo '<script type="text/javascript" src="../cnd/jquery.js"></script><script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>'; echo '<script type="text/javascript" src="../cnd/ajax.js"></script>'; switch ($act) { default: echo '<div class="phdr"><a href="/guestbook/index.php">' . $lng['guestbook'] . '</a>' . ($rights >= 7 ? '<div style="float:right;"><a href="' . $home . '/guestbook/index.php?act=clean">'.functions::image('del.png').'</a></div>' : '') . '</div>'; $refer = base64_encode($_SERVER['REQUEST_URI']); $token = mt_rand(1000, 100000); $_SESSION['token'] = $token; echo '<div class="list1"><form id="form" action="" method="POST"> <input type="text" placeholder="Chat comment" id="postText" name="msg" class="form-control"></input> <button name="submit" type="submit" id="submit">' . $lng['write'] . '</button> <input type="hidden" name="token" value="' . $token . '"/> </form></div>'; echo '<div id="alert"></div><div id="postText"></div><div id="idChat"></div>'; } } ?>

Thêm code sau vào css:

.tb { background-color: #FFFFC8; border: 1px solid #E0E3E9; border-top: none; color: #7f7212; padding: 2px 4px }

Code có sử dụng 2 function nick() và functions::thoigian()

Tải xuống chatbox_ajax.zip

Dự phòng:
Code Chatbox-ajax.zip