درود مهمان گرامی! ثبت نام

امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش کد ساخت چت روم
#1
NewText 
<div id="wrapper">
<div id="menu">
<p class="welcome">خوش آمديد، <b></b></p>
<p class="logout"><a id="exit" href="#">خروج از چت روم</a></p>

<div style="clear: both;"></div>
</div>
<div id="chatbox"></div>
<form action="" name="message"><input id="usermsg" name="usermsg" size="63" type="text" />
<input id="submitmsg" name="submitmsg" type="submit" value="بفرس!" /></form></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script><script type="text/javascript">// <![CDATA[
// jQuery Document $(document).ready(function(){ });
// ]]></script>
@charset "utf-8";
/* Create A Simple Chatroom - Tarhche.ir */
body {
direction: rtl;
font: 12px tahoma;
color: #222;
text-align: center;
padding: 35px;
}
form, p, span {
margin: 0;
padding: 0;
}
input {
font: 12px tahoma;
}
a {
color: #0000FF;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#wrapper, #loginform {
margin: 0 auto;
padding-bottom: 25px;
background: #EBF4FB;
width: 504px;
border: 1px solid #ACD8F0;
}
#loginform {
padding-top: 18px;
}
#loginform p {
margin: 5px;
}
#chatbox {
text-align: left;
margin: 0 auto;
margin-bottom: 25px;
padding: 10px;
background: #fff;
height: 270px;
width: 430px;
border: 1px solid #ACD8F0;
overflow: auto;
}
#usermsg {
width: 395px;
border: 1px solid #ACD8F0;
}
#submit {
width: 60px;
}
.error {
color: #ff0000;
}
#menu {
padding: 12.5px 25px 12.5px 25px;
}
.welcome {
float: right;
}
.logout {
float: left;
}
.msgln {
margin: 0 0 2px 0;
text-align: right;
background: #EBF4FB;
padding: 10px;
margin-top: 5px;
border: 1px solid #ACD8F0;
}
.msgtime {
font-size: 9px;
text-align: left;
color: red;
float: left;
background-color: #CCC;
padding: 2px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
<?
session_start();

function loginForm(){
echo'
<div id="loginform"><form action="index.php" method="post">نام خود را براي ادامه وارد نمائيد.<label for="name">نام:</label>
<input id="name" name="name" type="text" />
<input id="enter" name="enter" type="submit" value="ورود!" /></form></div>
';
}

if(isset($_POST['enter'])){
if($_POST['name'] != ""){
$_SESSION['name'] = stripslashes(htmlspecialchars($_POST['name']));
}
else{
echo '<span class="error">خواهشاً نام خود را وارد کنيد.</span>';
}
}
?><!--?php <br ?--> loginForm();
?><!--?php <br ?--> include_once("login.php");
?><!--?php <br ?--> if(!isset($_SESSION['name'])){
loginForm();
}
else{
?><!--?php <br ?--> }
?><!--?php <br ?--> }
?>
<p class="welcome">خوش آمديد،<b><!--?php echo $_SESSION['name']; ?--></b> گرامي؛</p>
// jQuery Document
$(document).ready(function(){
//If user wants to end session
$("#exit").click(function(){
var exit = confirm("واقعاً مي خواهيد از چت روم خارج شويد؟");
if(exit==true){window.location = 'index.php?logout=true';}
});
});
<!--?php <br ?--> if(isset($_GET['logout'])){

//Simple exit message
$fp = fopen("log.html", 'a');
fwrite($fp, "
<div class="msgln" style="color: red;"><i><b style="color: blue;">پيام سيستم:</b> ". $_SESSION['name'] ." از چت روم خارج شد.</i></div>
");
fclose($fp);

session_destroy();
header("Location: index.php"); //Redirect the user
}
?>
//If user submits the form
$("#submitmsg").click(function(){
var clientmsg = $("#usermsg").val();
$.post("post.php", {text: clientmsg});
$("#usermsg").attr("value", "");
return false;
});
<?
session_start();
if(isset($_SESSION['name'])){
$text = $_POST['text'];

$fp = fopen("log.html", 'a');
fwrite($fp, "
<div class="msgln"><span class="msgtime">".date("g:i A")."</span>
<b>".$_SESSION['name']." ميگه</b>: ".stripslashes(htmlspecialchars($text)). "</div>
");
fclose($fp);
}
?>
<div id="chatbox"><!--?php <br ?--> if(file_exists("log.html") && filesize("log.html") > 0){
$handle = fopen("log.html", "r");
$contents = fread($handle, filesize("log.html"));
fclose($handle);</div>
echo $contents;
}
?>
//Load the file containing the chat log
function loadLog(){

$.ajax({
url: "log.html",
cache: false,
success: function(html){
$("#chatbox").html(html); //Insert chat log into the #chatbox div
},
});
}
setInterval (loadLog, 2500); //Reload file every 2500 ms
//Load the file containing the chat log
function loadLog(){
var oldscrollHeight = $("#chatbox").attr("scrollHeight") - 20; //Scroll height before the request
$.ajax({
url: "log.html",
cache: false,
success: function(html){
$("#chatbox").html(html); //Insert chat log into the #chatbox div

//Auto-scroll
var newscrollHeight = $("#chatbox").attr("scrollHeight") - 20; //Scroll height after the request
if(newscrollHeight > oldscrollHeight){
$("#chatbox").animate({ scrollTop: newscrollHeight }, 'normal'); //Autoscroll to bottom of div
}
},
});
}

حال کنین
دانلود اسکریپت ساده چت روم
ChatRoom.zip
Version: 1.0.0
3.6 KiB
sorenatech گروه بازی وانیمیشن سازی هست
با 9 کاربر حدوداً 16 ساله (میانگینی)
ولی از خیلیت بهتره
پرچم بالاست
resim
به کانال تلگرامی ما بپوندید
sorenatech@
http://telegram.me/sorenatechtelegram.me/sorenatech
اگر دوست داری به گروه ما بپوندی میتونی در اینجا به من یه پ.خ. بدی یا به
آدرس sorena.ir@chmail.ir یه ایمیل بزنی یا از همه اسون تر بیای توی کانال تلگرامی ما و بگی میخوای عضو شی
پاسخ
 سپاس شده توسط Microsoft2
#2
بد نبود توضیح هم بدی
پاسخ
#3
اینم یکی آماده :
blab
http://hot-things.net/
پاسخ




کاربرانِ درحال بازدید از این موضوع: 1 مهمان