|
 |
| |
loop Tag Input ทำยังไงครับ พอดีว่ามันโพสได้แค่ อันแรกเท่านั้น ดูด้านในจ้า |
| |
 |
|
|
 |
 |
|
Code (PHP)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery.js"></script>
<style type="text/css">
<!--
.paginate {
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
}
a.paginate {
border: 1px solid #000080;
padding: 2px 6px 2px 6px;
text-decoration: none;
color: #000080;
}
h2 {
font-size: 12pt;
color: #003366;
}
h2 {
line-height: 1.2em;
letter-spacing:-1px;
margin: 0;
padding: 0;
text-align: left;
}
a.paginate:hover {
background-color: #0099ff;
color: #FFF;
text-decoration: underline;
}
a.current {
border: 1px solid #0099ff;
font: bold .7em Arial,Helvetica,sans-serif;
padding: 2px 6px 2px 6px;
cursor: default;
background:#0099ff;
color: #FFF;
text-decoration: none;
}
span.inactive {
border: 1px solid #999;
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
padding: 2px 6px 2px 6px;
color: #999;
cursor: default;
}
-->
</style>
<script type="text/javascript">
$(function(status) {
$("#form1").click(function() {
var statusTitle = $("#statusTitle").val();
var statusName = $("#statusName").val();
var dataString = 'statusTitle='+ statusTitle + '&statusName=' + statusName;
//alert(dataString);
if(statusTitle=='' || statusName=='')
{
alert('กรุณากรอกข้อมูลให้ครบด้วยนะกรึ๊บ!');
}
else
{
$.ajax({
type: "POST",
url: "statusre.php",
data: dataString,
cache: false,
success: function(data){
$("ol#update").append(data);
$("ol#update li:last").fadeIn("slow");
document.getElementById('statusTitle').value='';
document.getElementById('statusName').value='';
}
});
}
return false;
});
});
</script>
<script type="text/javascript">
$(function(comment) {
$("#comment").click(function() { //ตรงนี้อ่าครับ ต้องการให้มัน loop ด้วยตัวเอง คือ เป็น comment1,2,3,4,5 เช่นเดียวกับด้านล่าง
var CstatusID = $("#CstatusID").val();
var commentComment = $("#commentComment").val();
var commentName = $("#commentName").val();
var dataString = 'CstatusID='+ CstatusID + '&commentComment='+ commentComment + '&commentName=' + commentName;
//alert(dataString);
if(CstatusID=='' || commentComment=='' || commentName=='')
{
alert('กรุณากรอกข้อมูลให้ครบด้วยนะกรึ๊บ!');
}
else
{
$.ajax({
type: "POST",
url: "comment.php",
data: dataString,
cache: false,
success: function(data){
$("ol#update").append(data);
$("ol#update li:last").fadeIn("slow");
document.getElementById('CstatusID').value='';
document.getElementById('commentComment').value='';
document.getElementById('commentName').value='';
}
});
}
return false;
});
});
</script>
<style type="text/css">
.main{
margin-left:250px;
}
.submit{
margin-left:330px;
background: #2B417D;
font-weight: bold;
color:white;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding: 3px 3px 3px 3px;
}
textarea
{
color:#000000;
font-size:14px;
border:#1BAFD5 solid 1px;
height:124px;
margin-bottom:10px;
width:400px;
height:80px;
}
.star
{
color:#FF0000;
font-size:16px;
font-weight:bold;
padding-left:5px;
}
#email{
}
.cleaner_h5{
height:5px;
}
#update{
border:0px solid #dddddd;
width:398px;
padding:10px;
word-wrap:break-word;
overflow: hidden;
}
ol.showcomment{
list-style:none;
font-size:1.2em;
margin-left: -10px;
}
ol.showcomment li{
display:none;
position:relative;
padding:.7em 0 .6em 0;
}
ol.oldcomment{
list-style:none;
font-size:1.2em;
margin-left: 0px;
}
ol.oldcomment li{
position:relative;
padding:.7em 0 .6em 0;
}
</style>
<?
$objConnect = mysql_connect("localhost","root","0000") or die("Error Connect to Database");
$objDB = mysql_select_db("project");
mysql_query("SET NAMES utf8",$objConnect);
$strSQL = "SELECT * FROM status ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
$Num_Rows = mysql_num_rows($objQuery);
$Per_Page = 20; // Per Page
$Page = $_GET["Page"];
if(!$_GET["Page"])
{
$Page=1;
}
$Prev_Page = $Page-1;
$Next_Page = $Page+1;
$Page_Start = (($Per_Page*$Page)-$Per_Page);
if($Num_Rows<=$Per_Page)
{
$Num_Pages =1;
}
else if(($Num_Rows % $Per_Page)==0)
{
$Num_Pages =($Num_Rows/$Per_Page) ;
}
else
{
$Num_Pages =($Num_Rows/$Per_Page)+1;
$Num_Pages = (int)$Num_Pages;
}
?>
<div class="formcomment">
<div id="loading"></div>
<form name="form1" action="#" method="post">
<input type="text" name="statusTitle" id="statusTitle"/>
Name<span class="star">*</span>
<input type="text" name="statusName" id="statusName"/>
Email<span class="star">*</span><br />
<input type="submit" class="submit" id="form1" value="Submit"/>
</form>
</div>
</div>
<div style="margin-top:-20px;"></div>
<ol id="update" class="showcomment"></ol>
</div>
<?
$strSQL .= " ORDER BY statusID ASC LIMIT $Page_Start , $Per_Page";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
?>
<table width="600" border="0"><tr>
<?
while($objResult = mysql_fetch_array($objQuery))
{
?>
<td>
<?
$intRows++;
?>
<div class="main">
<div id="showcomment">
<table><tr><td valign="top">
<img src="http://www.bookneo.com/images_user/admin.png"
style="float:left; width:40px; margin-right:20px"/>
</td><td>
<div style="border:1px dashed #dddddd;padding:5px;width:300px;">
<span style="font-size:16px; color:#663399; font-weight:bold"></span>
<span class="paginate">
<b><?=$objResult["statusID"];?></b><br>
<b><?=$objResult["statusTitle"];?></b>
<br /><br />
<?=$objResult["statusName"];?></span><br>
<div class="formcomment">
<div id="loading"></div>
<form action="#" method="post">
<input type="hidden" name="CstatusID" id="CstatusID" value="<?=$objResult["statusID"];?>"/> //บันทัดนี้ต้องการให้ ซ่อนแทกไว้ แต่ให้ส่งเป็น $statusID พอผม "hidden" มัน มันฟ้องว่า ใส่ข้อมูลไม่ครบ
<input type="text" name="commentComment" id="commentComment"/ >
Name<span class="star">*</span>
<input type="text" name="commentName" id="commentName"/>
Comment<span class="star">*</span><br />
<input type="submit" class="submit" id="comment" value="Submit"/> // comment1,2,3,4,5 สัมพันกับด้านบน
</form>
</div>
</td></tr></table>
</td>
<?
if(($intRows)%1==0)
{
?></tr><?
}
}
?>
</tr>
</table>
<br>
Total <?= $Num_Rows;?> >
<span class="paginate">Total
<?= $Num_Rows;?>
Records :
<?=$Num_Pages;?>
Pages :
<?
if($Prev_Page)
{
echo " <a class=\"paginate\" href=\"#\" OnClick=\"JavaScript:doCallAjaxContant1('$_SERVER[SCRIPT_NAME]?Page=$Prev_Page');\">Next>> </a> ";
}
for($i=1; $i<=$Num_Pages; $i++){
if($i != $Page)
{
echo "<a class=\"paginate\" href=\"#\" OnClick=\"JavaScript:doCallAjaxContant1('$_SERVER[SCRIPT_NAME]?Page=$i');\">$i</a> ";
}
else
{
echo "<b>$i </b>";
}
}
if($Page!=$Num_Pages)
{
echo "<a class=\"paginate\" href=\"#\" OnClick=\"JavaScript:doCallAjaxContant1('$_SERVER[SCRIPT_NAME]?Page=$Next_Page');\">Next>> </a> ";
}
mysql_close($objConnect);
?>
</span></span></div>
</body>
</html>
รบกวนช่วยดูให้ทีนะครับ ต้องการทำ live comment แบบในเฟสบุก แต่ติดตรง ที่มาร์คเอาไว้ มันสามารถโพสตอบแต่ แค่ ชุดบนเท่านั้น
Tag : PHP, Ajax, jQuery
|
ประวัติการแก้ไข
2011-09-28 07:14:19
|
 |
 |
 |
 |
| Date :
2011-09-28 07:12:25 |
By :
romanztic |
View :
854 |
Reply :
1 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
|
| |
|
 Load balance : Server 01
|
