|
 |
| |
ใช้การแบ่งหน้า ของ ajax-list-record-paging.html รับค่า GET แต่คลิกเลขหน้าไม่เป็นผล |
| |
 |
|
|
 |
 |
|
ครับ แต่ผมใช้ควบคู่กับ ajax tab อยู่
เรากดเมนู list มันก็จะ แสดง ตรงกลางเว็บ (เค้าโครงเว็บส่วนต่างๆ ยังคงอยู่)
แต่พอใช้ตัวที่ TC Admin พูดถึง มันจะเด้งไปอีกหน้าเลยหนะครับ
อ้างอิง โค๊ดที่ทำนิดนึงนะครับ
Code (PHP)
<li><a href="product_listrecord1.php?id_type=<?=$id_type;?>" rel="flowerdivcontainer" ><?=$name_type;?></a></li>
|
 |
 |
 |
 |
| Date :
2013-05-09 12:32:52 |
By :
kingarcher |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
Code (PHP)
<section>
<article>
<div id="flowerdivcontainer">
</div>
<script type="text/javascript">
var myflowers=new ddajaxtabs("flowertabs", "flowerdivcontainer")
myflowers.setpersist(true)
myflowers.setselectedClassTarget("link") //"link" or "linkparent"
myflowers.init()
</script>
</article>
</section>
ส่วน section ที่แสดงส่วนเนื้อหา(ตรงกลาง)เว็บไซต์
|
| |
|
|
| |
| Date :
2013-05-09 12:35:41 |
By :
kingarcher |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
....................................
|
| |
|
|
| |
| Date :
2013-05-12 20:06:35 |
By :
kingarcher |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
อาจจะใช้หน้าเดิมนั่นแหละครับ แต่ลิ้งค์ที่สร้างไว้ ให้ส่งตัวแปรเพิ่มอีกตัวหนึ่งว่าเป็นการ ajax ข้อมูลมา
ประมาณนี้มั้งครับ
Code (JavaScript)
$("a[rel=flowerdivcontainer]").click(function(){
var redirect = true;
var href = $(this).attr("href");
$.post(href, {ajax: "yes"}, function(data){
$("ทีที่คุณเก็บตารางกับ pagnigation").html(data);
redirect = false;
} );
return redirect; //ถ้าสำเร็จ ให้ยุติการเปลี่ยนหน้า ไม่เช่นนั้นให้เปลี่ยนหน้าตามปกติ
});
|
ประวัติการแก้ไข
2013-05-12 20:20:56
| |
|
|
| |
| Date :
2013-05-12 20:18:53 |
By :
itpcc |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ไม่ใช่แบบนั้นแหนะครับ
ผมหมายถึง
Code (PHP)
<?php
/*** By Weerachai Nukitram***/
/*** http://www.ThaiCreate.Com ***/
?>
<html>
<head>
<title>ThaiCreate.Com Ajax Tutorial</title>
</head>
<script language="JavaScript">
var HttPRequest = false;
function doCallAjax(Page) {
HttPRequest = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
HttPRequest = new XMLHttpRequest();
if (HttPRequest.overrideMimeType) {
HttPRequest.overrideMimeType('text/html');
}
} else if (window.ActiveXObject) { // IE
try {
HttPRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
HttPRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!HttPRequest) {
alert('Cannot create XMLHTTP instance');
return false;
}
var url = 'AjaxPHPListRecordPaging2.php';
var pmeters = 'myPage='+Page;
HttPRequest.open('POST',url,true);
HttPRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
HttPRequest.setRequestHeader("Content-length", pmeters.length);
HttPRequest.setRequestHeader("Connection", "close");
HttPRequest.send(pmeters);
HttPRequest.onreadystatechange = function()
{
if(HttPRequest.readyState == 3) // Loading Request
{
document.getElementById("mySpan").innerHTML = "Now is Loading...";
}
if(HttPRequest.readyState == 4) // Return Request
{
document.getElementById("mySpan").innerHTML = HttPRequest.responseText;
}
}
}
</script>
<body Onload="JavaScript:doCallAjax('1');">
<h1>My Customer</h1>
<span id="mySpan"></span>
</body>
</html>
Code (PHP)
<?php
/*** By Weerachai Nukitram ***/
/*** http://www.ThaiCreate.Com ***/
$strPage = $_POST["myPage"];
$id_type=$_GET["id_type"];
$objConnect = mysql_connect("localhost","root","root") or die("Error Connect to Database");
$objDB = mysql_select_db("mydatabase");
$strSQL = "SELECT * FROM product where id_ref_type='$id_type' ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
$Num_Rows = mysql_num_rows($objQuery);
$Per_Page = 2; // Per Page
$Page = $strPage;
if(!$strPage)
{
$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;
}
$strSQL .=" order by CustomerID ASC LIMIT $Page_Start , $Per_Page";
$objQuery = mysql_query($strSQL);
?>
<table width="600" border="1">
<tr>
<th width="91"> <div align="center">CustomerID </div></th>
<th width="98"> <div align="center">Name </div></th>
<th width="198"> <div align="center">Email </div></th>
<th width="97"> <div align="center">CountryCode </div></th>
<th width="59"> <div align="center">Budget </div></th>
<th width="71"> <div align="center">Used </div></th>
</tr>
<?
while($objResult = mysql_fetch_array($objQuery))
{
?>
<tr>
<td><div align="center"><?=$objResult["CustomerID"];?></div></td>
<td><?=$objResult["Name"];?></td>
<td><?=$objResult["Email"];?></td>
<td><div align="center"><?=$objResult["CountryCode"];?></div></td>
<td align="right"><?=$objResult["Budget"];?></td>
<td align="right"><?=$objResult["Used"];?></td>
</tr>
<?
}
?>
</table>
<br>
Total <?= $Num_Rows;?> Record : <?=$Num_Pages;?> Page :
<?
if($Prev_Page)
{
echo " <a href=\"JavaScript:doCallAjax('$Prev_Page')\"><< Back</a> ";
}
for($i=1; $i<=$Num_Pages; $i++){
if($i != $Page)
{
echo "[ <a href=\"JavaScript:doCallAjax('$i')\">$i</a> ]";
}
else
{
echo "<b> $i </b>";
}
}
if($Page!=$Num_Pages)
{
echo " <a href=\"JavaScript:doCallAjax('$Next_Page')\">Next >></a> ";
}
mysql_close($objConnect);
?>
อยากให้มันดึงฐานข้อมูลตามที่เรากำหนด
Code (PHP)
<ul>
<?
include "connect.php";
$sql="SELECT * FROM type";
$result=mysql_db_query($dbname,$sql);
while ($rs=mysql_fetch_array($result)){
$id_type=$rs[id_type];
$name_type=$rs[name_type];
$icon=$rs[icon];
?>
<li><img src="images/<?=$icon;?>" height="18" width="18"><a href="AjaxPHPListRecordPaging1.php?id_type=<?=$id_type;?>" ><?=$name_type;?></a></li>
<?
}//ผ่าน w3c
?>
</ul>
จากลิ้ง มีการส่ง id_type แบบ GET เข้าถึง AjaxPHPListRecordPaging1.php ใช่ไหมละครับ แล้วจะทำยังไงต่อให้มันเข้าถึง AjaxPHPListRecordPaging2.php เพราะ AjaxPHPListRecordPaging2.php มันต้องเอาไปรีสอท ค้นหา id_type เพื่อดึงฐานข้อมูล ต่อไป
ใครก็ได้ช่วยหน่อยนะครับ
|
| |
|
|
| |
| Date :
2013-05-12 22:15:34 |
By :
kingarcher |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (PHP)
<?php
/*** By Weerachai Nukitram***/
/*** http://www.ThaiCreate.Com ***/
?>
<html>
<head>
<title>ThaiCreate.Com Ajax Tutorial</title>
</head>
<script language="JavaScript">
var HttPRequest = false;
function doCallAjax(Page) {
HttPRequest = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
HttPRequest = new XMLHttpRequest();
if (HttPRequest.overrideMimeType) {
HttPRequest.overrideMimeType('text/html');
}
} else if (window.ActiveXObject) { // IE
try {
HttPRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
HttPRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!HttPRequest) {
alert('Cannot create XMLHTTP instance');
return false;
}
var url = 'AjaxPHPListRecordPaging2.php?id_type=<?php echo $_GET[id_type ];?>';
var pmeters = 'myPage='+Page;
HttPRequest.open('POST',url,true);
HttPRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
HttPRequest.setRequestHeader("Content-length", pmeters.length);
HttPRequest.setRequestHeader("Connection", "close");
HttPRequest.send(pmeters);
HttPRequest.onreadystatechange = function()
{
if(HttPRequest.readyState == 3) // Loading Request
{
document.getElementById("mySpan").innerHTML = "Now is Loading...";
}
if(HttPRequest.readyState == 4) // Return Request
{
document.getElementById("mySpan").innerHTML = HttPRequest.responseText;
}
}
}
</script>
<body Onload="JavaScript:doCallAjax('1');">
<h1>My Customer</h1>
<span id="mySpan"></span>
</body>
</html>
|
| |
|
|
| |
| Date :
2013-05-13 00:24:41 |
By :
dekkuza |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 05
|
