[Code] Chat với NGỌC TRINH (Real Simimi) - FUNNY lắm ^^

[Sơn Nguyễn]

Demo online: http://4r.thptdonganh.in/


Tạo template chatvoingoctrinh với nội dung như sau:

<script type="text/javascript">
 
function delayChat(_0x90bcx2) {
    var _0x90bcx3 = encodeURIComponent(_0x90bcx2),
        _0x90bcx4 = '',
        _0x90bcx5 = 'select * from json where url="http://www.simsimi.com/func/req?msg=',
        _0x90bcx6 = '%26lc%3Dvn%22&format=json',
        _0x90bcx7 = $('base')['attr']('href');
    if (_0x90bcx7 != 'http://4r.thptdonganh.in/') {
    };
    $['ajax']({
        url: 'http://query.yahooapis.com/v1/public/yql?q=' + _0x90bcx5 + encodeURIComponent(encodeURIComponent(_0x90bcx3)) + _0x90bcx6,
        type: 'get',
        dataType: 'jsonp',
        success: function (_0x90bcx8, _0x90bcx9) {
            if (_0x90bcx8['query']['results'] == null) {
                chats = ['Đề nghị thím chat tiếng việt', 'Hỏi quần què gì dzậy thím', 'Biết chết liền', 'Cô giáo hỏng có dạy câu này , hỏng biết', 'Đú câu này sáng tạo quá nha', 'Không thể trả lời trong 1 nốt nhạc thím ơi'];
                _0x90bcx4 = chats[Math['floor'](Math['random']() * chats['length'])];
            } else {
                _0x90bcx4 = _0x90bcx8['query']['results']['json']['response'];
            };
            var _0x90bcxa = $('<li class="answer new-templete">' + _0x90bcx4['replace'](/simsimi/g, 'em')['replace'](/simsim/g, 'em')['replace'](/simmi/g, 'em')['replace'](/simi/g, 'em')['replace'](/gà/g, 'em') + '</li>');
            $('#show_msg_simi')['find']('ul')['append'](_0x90bcxa);
            complete();
        },
        error: function () {
            alert('Mạng có vấn đề, xin vui lòng kiểm tra lại ');
        }
    });
};
 
function complete() {
  $('#msg').attr('readonly','').removeClass('ajaxload');
  $('#msg').focus();
  var divOffset = $('#show_msg_simi').find('ul').offset().top;
    var pOffset = $(".new-templete:last").offset().top;
    var pScroll = pOffset - divOffset;
    $('#show_msg_simi').find('ul').animate({scrollTop: '+=' + parseInt(pScroll) + 'px'}, 600);
 
}
 
function jump_buttonchat(){
  var navDuration = 150,
        showsimibt =  $("span.show_simi_button");
chats =
[
"Này!! Đang làm gì đấy?",
"Hu hu hu buồn quá đi à",
"Ê cu click vào đây đi",
"Không click vào đây thì cạp đất mà ăn",
"Chào bé chưa đồng chí",
"Bạn trẻ có nhìn thấy Admin đâu không",
"Bé buồn quá thím ơi",
"Kìa con bướm vàng là la",
"My name is Ngọc Trinh",
"Muốn nghe bé hát không",
"Oh yeah , click me baby",
"Em đến đây với lời mời của anh Sơn"
]
var chat = chats[Math.floor(Math.random()*chats.length)];
 
showsimibt.animate({ marginTop : "-0.45em"}, navDuration).animate({ marginTop :"0.45em"}, navDuration)
.animate({ marginTop : "-0.25em"}, navDuration).animate({ marginTop :"0.25em"}, navDuration)
.animate({ marginTop : "-0.55em"}, navDuration).animate({ marginTop :"0.55em"}, navDuration,function(){
showsimibt.find('p').text(chat).slideDown('slow');
});
 
setTimeout(function(){
showsimibt.find('p').slideUp('slow');
},12000);
 
}
 
$(document).ready(function(){
 
jump_buttonchat();
setInterval(function() {
jump_buttonchat();
},60000);
 
$("#comic_simi").submit(function(){
    var msg = $(this).find('#msg').attr('readonly','readonly').addClass('ajaxload').val();
    if(msg==''){
    alert('Vui lòng nhập chat');
  $('#msg').attr('readonly','').removeClass('ajaxload');
    }else{
    var question = $('<li class="question">'+msg+'</li>');
    $('#show_msg_simi').find('ul').append(question);
delayChat(msg);
    }
    $(this).find('#msg').val("");
return false;
});
 
$("span.show_simi_button").click(function(){
$("#show_simi").fadeIn();
});
 
$("a.closediv").click(function(){
$("#show_simi").fadeOut();
});
 
});
 
</script>
<style>
#show_msg_simi{
Width: 350px;
height:410px;
padding:25px 5px 45px 5px;
}
 
#show_simi{
display:none;
Width: 350px;
height:410px;
margin:10px auto 50px auto;
position:fixed;
right:5px;
top:50%;
margin-top:-200px;
z-index:9999;
}
 
 
#show_simi p{
display:block;
position:absolute;
padding:10px;
width:320px;
text-align:center;
font-weight:bold;
font-family:Tahoma;
font-size:14px;
float:right;
z-index:999;
}
#show_msg_simi ul{
Width: 330px;
padding:5px 10px 5px 5px;
overflow-y:auto;
height:400px;
display:block
}
 
body .ifram_cmfb {
    background: url("http://a.imageshack.us/img140/9651/bgentrytitle.png") repeat scroll 0 0 transparent !important;
    border: 1px solid #BDBDBD;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.3);
    display: block;
    max-width: 930px;
    padding: 40px 15px 5px;
    width: 930px;
}
 
#show_msg_simi ul li{
max-height:60px !important;
overflow:hidden;
margin-bottom:2px;
}
 
 
#show_msg_simi ul li.question{
min-height:30px;
text-align:right;
padding:10px 60px 8px 10px ;
background : url(http://eemoticons.net/Upload/Cool%20Face%201/6cool_smile.gif) right center no-repeat #f4f4f4;;
}
 
#show_msg_simi ul li.answer{
border: 1px solid #eeeeee;
text-align:left;
background : url(http://4r.thptdonganh.in/styles/images/cuoi.png) left center no-repeat #fff;
padding:10px 0px 10px 60px ;
min-height:30px;
}
 
#comic_simi{
Width: 340px;
position:absolute;
margin-top:-50px;
height:30px;
padding:10px;
}
 
#comic_simi #msg{
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
border: 1px solid #bdbdbd;
width:260px;padding:4px;
display:inline-block;
float:left;
}
 
#comic_simi .button{
padding:7px 15px !important;
margin:0px 0x 0px 8px;
display:inline-block;
float:right;
}
 
.ajaxload{
background:url(http://a.imageshack.us/img837/4743/ajaxload.gif) center center no-repeat;
}
 
a.closediv{
background-image: url('http://a.imageshack.us/img339/6929/closets.png');
position: absolute;
left: 4px;
top: 4px;
cursor: pointer;
width: 35px;
height: 35px;
z-index:9999;
}
 
span.show_simi_button{
border:2px solid #ccc;
background : url(http://4r.thptdonganh.in/styles/images/khoc.png) left center no-repeat #fff;
height:80px;
display:block;
width:60px;
position:fixed;
right:0;
top:80%;
cursor:pointer;
moz-box-shadow: 0 0 2px #888;
-webkit-box-shadow: 0 0 2px #888;
box-shadow: 0 0 2px #888;
z-index:900;
}
 
span.show_simi_button:hover{
background : url(http://4r.thptdonganh.in/styles/images/cuoi2.png) left center no-repeat #fff;
}
span.show_simi_button p{
position:absolute;
width:50px;
padding: 8px 4px;
right:0px;
background:white;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 3px;
-khtml-border-radius: 5px;
border: 1px solid #dddddd;
display:block;
text-align:center;
margin-top:-110px;
font-size:1.1em;
height:85px;
display:none;
}
</style>
 
<span class="show_simi_button"><p>Chat với người đẹp không các huynh muội ^^!</p></span>
<div id="show_simi"><a class="closediv"></a><p >Chat Với Ngọc Trinh</p>
<div id="show_msg_simi" class="ifram_cmfb"><ul></ul>
</div>
<form id="comic_simi">
<input type="text" name="msg" id="msg" >
<input type="submit" value="CHAT" class="button">
</form>
</div>

Chèn vào footer hay đâu thì tùy ^^!

VBB 3x dùng $chatvoingoctrinh
VBB 4x dùng {vb:raw chatvoingoctrinh}
Xenforo dùng <xen:include template="chatvoingoctrinh">