|
 |
| |
ช่วยด้วยค่ะ หาวิธีใส่ emoticon ใน chat room ไม่ได้ |
| |
 |
|
|
 |
 |
|
ขออนุญาติปรึกษาเรื่อง การใส่ emoticon ใน chat room ค่ะ
คือว่าพอดีได้การบ้านมาทำ โดยได้รับ chat room ธรรมดามาแก้ไขแต่งเพิ่มเติม
แล้วทีนี้อยากใส่ emoticon ด้วย ปัญหาอยู่ที่ไม่ค่อยรู้เรื่อง ajax javascript jquery เลย
พอลองทำเพิ่มแล้วไม่รู้จะไปต่อยังไงดีอะค่ะ
Code (PHP)
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
// jQuery Document
$(document).ready(function(){
//If user submits the form
$("#imageField").click(function(){
var clientmsg = $("#usermsg").val();
$.post("post.php", {text: clientmsg});
$("#usermsg").attr("value", "");
return false;
});
//Load the file containing the chat log
function loadLog(){
var oldscrollHeight = $("#chatbox").attr("scrollHeight") - 20;
$.ajax({
url: "logchat.htm",
cache: false,
success: function(html){
$("#chatbox").html(html); //Insert chat log into the #chatbox div
var newscrollHeight = $("#chatbox").attr("scrollHeight") - 20;
if(newscrollHeight > oldscrollHeight){
$("#chatbox").animate({ scrollTop: newscrollHeight }, 'normal'); //Autoscroll to bottom of div
}
},
});
}
setInterval (loadLog, 2000); //Reload file every 2 seconds
//If user wants to end session
$("#exit").click(function(){
var exit = confirm("คุณต้องการออกจากระบบสนทนาหรือไม่?");
if(exit==true){window.location = 'index.php?logout=true';}
});
});
</script>
<?php
if(!isset($_SESSION['name'])){
loginForm();
}
else{
?><body onload="MM_preloadImages('images/buttercake.png','images/foamcake.png','images/moussecake.png','images/cheesecake.png','images/home.png','images/about.png','images/contacts.png')">
<div id="wrapper">
<div id="menu">
<p class="welcome">ยินดีต้อนรับ <b><?php echo $_SESSION['name']; ?></b></p>
<p class="logout style1"><a id="exit" href="#">ออกจากการสนทนา <strong>(Exit Chat)</strong></a></p>
<div style="clear:both"></div>
</div>
<div id="chatbox">
<?php
if(file_exists("logchat.htm") && filesize("logchat.htm") > 0){
$fp = fopen("logchat.htm", "r");
$contents = fread($fp, filesize("logchat.htm"));
fclose($fp);
echo $contents;
}
?></div>
<form name="message" action="">
<p>
<input name="usermsg" type="text" id="usermsg" size="63" />
</p>
</div> -->
<P>
</label>
<p>
<label>
<input type="image" name="imageField" id="imageField" src="images/b2.png"/>
</label>
</p>
</form>
</div>
<!-- // script -->
<?php
}
?>
Code (PHP)
<?php
session_start();
function DateThai($strDate)
{
$strYear = date("Y",strtotime($strDate))+543;
$strMonth= date("n",strtotime($strDate));
$strDay= date("j",strtotime($strDate));
$strHour= date("H",strtotime($strDate));
$strMinute= date("i",strtotime($strDate));
$strSeconds= date("s",strtotime($strDate));
$strMonthCut = Array("","ม.ค.","ก.พ.","มี.ค.","เม.ย.","พ.ค.","มิ.ย.","ก.ค.","ส.ค.","ก.ย.","ต.ค.","พ.ย.","ธ.ค.");
$strMonthThai=$strMonthCut[$strMonth];
return "$strDay $strMonthThai $strYear, $strHour:$strMinute";
}
if(isset($_SESSION['name'])){
$text = $_POST['text'];
$fp = fopen("logchat.htm", 'a');
fwrite($fp, "<div class='msgln'><font color='#FF9999'>(".DateThai(date("Y-m-d H:i:s")).") <b>".$_SESSION['name']."</b>: ".stripslashes(htmlspecialchars($text))."</fonts><br></div>");
fclose($fp);
}
?>
อ้างอิง.. คือตอนแรกคิดว่าจะทำตามเว็บนี้ค่ะ
http://stackoverflow.com/questions/3896156/how-do-i-style-radio-buttons-with-images-laughing-smiley-for-good-sad-smiley
แต่ว่าทำไม่เป็น TT
Tag : HTML/CSS, JavaScript, Ajax, jQuery
|
|
|
 |
 |
 |
 |
| Date :
2013-02-01 20:53:48 |
By :
MA |
View :
2674 |
Reply :
1 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
|
| |
|
 Load balance : Server 01
|
