Ring ring
Hãy nhanh tay Đăng kí và Đăng nhập để trở thành thành viên chính thức của Vn3x.Yn.Lt và cùng thảo luận!
» » » Mod Chatbox Ajax Cho JohnCMS
Bạn phải để Bình luận

Mod Chatbox Ajax Cho JohnCMS

Forum GetSmile..! ↑ ↓
MinhNP * MinhNP (Member) [Off]
* 13-08-2016

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
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 >= '<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(1000100000);
            
$_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
}

Mod Chatbox Ajax Cho JohnCMS
[Tải ảnh]

(0)
Bạn phải Đăng nhập để Tải những File này!
- Tổng số 1 bình luận và lượt xem

Online: [0]Khách: [1]
GetSmile..!Thiết kế bởi SINO-