var cname,d,cdate,ctext,sounds,errors
function post(){
d=new Date();
cdate=d.getDate()+"-"+(d.getMonth()+1)+"-"+d.getFullYear()+" @ "+d.getHours()+":"+d.getMinutes();
ctext=$("#input").val().trim();
if(ctext.length>1){
$("#input").val('').focus();
$("<div class='message'></div>").html("<img src='img/avatar.png'/>")
.append("<span class='cname'>"+cname+"</span>")
.append("<span class='date'><img src='img/date.png' alt='posted' />"+cdate+"</span>")
.append("<span class='text'>"+ctext+"</span>")
.appendTo("#messages").hide().fadeIn(1000);
$.post("save.php",{ctext:ctext,cname:cname,cdate:c date});
$("#messages").animate({"scrollTop":$('#messages ')[0].scrollHeight},"slow");
$('#sound')[0].play();
$('#error').hide();
} else {
$('#error').show();
$('#error_sounds')[0].play();
$("#input").focus();
return false;
}
}
$(document).ready(function(){
// jquery.cookie to set/read cookie info
if($.cookie("cname")==null) {
cname=prompt('Please enter your name','');
if((cname=='')||(cname==null)){cname="anon"}
$.cookie("cname",cname,{expires:10,path:'/'});
$("#input").focus();
} else {
cname = $.cookie("cname");
$("#input").focus();
}
$("#input").focus();
$("#messages").animate({"scrollTop":$('#messages ')[0].scrollHeight},"slow");
// Message sent sounds
var sounds=$('<audio id="sound"></audio>').attr({'src':"sounds/s.ogg",'src':"sounds/s.mp3",'src':"sounds/s.wav"});
$('body').append(sounds);
// Error sounds
var errors=$('<audio id="error_sounds"></audio>').attr({'src':"sounds/error.ogg",'src':"sounds/error.mp3",'src':"sounds/error.wav"});
$('body').append(errors);
// If submit button is clicked
$('#submit').click(function(e){post()});
// If enter button is pressed
$('#input').keydown(function(e){if(e.keyCode==13){ post(e)}});
});
================================================== ================================
И ЕЩЕ
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/chat.css" />
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<title></title>
</head>
<body>
<div id='container'>
<div id='chatbox'>
<div id='messages'>
<div class='message'>
<img src="img/avatar.png"/>
<span class='cname'>user01234</span>
<span class='date'><img src='img/date.png' alt='posted' /><?php echo date("d-n-Y @ H:i",time())?></span>
<span class='text'</span>
</div>
<div class='message'>
<img src="img/avatar.png"/>
<span class='cname'>user012345</span>
<span class='date'><img src='img/date.png' alt='posted' /><?php echo date("d-n-Y @ H:i",time())?></span>
<span class='text'></span>
</div>
<?php
if(file_exists("chats.txt")){
$lines = file("chats.txt",FILE_IGNORE_NEW_LINES);
foreach($lines as $l){
$a=explode("|||",$l);
echo "<div class='message'>
<img src='img/avatar.png'/>
<span class='cname'>".$a[0]."</span>
<span class='date'><img src='img/date.png' alt='posted' />".$a[2]."</span>
<span class='text'>".$a[1]."</span>
</div>";
}
}
?>
</div>
<input type="text" id="input" placeholder="Type your message..." />
<input type="submit" value="Post" id="submit" />
<center>
<input type=button style='width:130px; height:40px; background: #555; border: 1px solid #333; border-radius: 5px; color: #fff; ' value=Ñìàéëû onClick=window.open('smiles/smiles.html','','width=300,height=80,status=no,men ubar=no,toolbar=no,scrollbars=yes') onfocus=if(msg.value=='Ñîîáùåíèå')msg.val ue='' >
</center>
</div>
</div>
</body>
</html>
Как сделать замену и вставку смайлов в чат)
