2015-07-02 16:34
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 ý
Thêm code sau vào css:
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
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>';
}
}
?>
Copy code
//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>';
}
}
?>
Copy code
Thêm code sau vào css:
.tb {
background-color: #FFFFC8;
border: 1px solid #E0E3E9;
border-top: none;
color: #7f7212;
padding: 2px 4px
}
Copy code
background-color: #FFFFC8;
border: 1px solid #E0E3E9;
border-top: none;
color: #7f7212;
padding: 2px 4px
}
Copy code
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
Chia sẻ bài viết đến bạn bè
Từ Khoá:
xem Mod Chatbox Ajax mới cho JohnCMS cuc hay
,tải Mod Chatbox Ajax mới cho JohnCMS mới
,Mod Chatbox Ajax mới cho JohnCMS hay nhấtđọc Mod Chatbox Ajax mới cho JohnCMS,Mod Chatbox Ajax mới cho JohnCMSAi đang ở đây:
1 khách





