แสดงภาพตามรหัสสินค้าเมื่อ 1 สินค้ามีมากกว่า 1 รูป ช่วยแนะนำหน่อยครับ
Code (C#) <?php
/*** By Weerachai Nukitram ***/
/*** http://www.ThaiCreate.Com ***/
?>
<html>
<head>
<title>ThaiCreate.Com Ajax Tutorial</title>
<script language="JavaScript">
var HttPRequest = false;
function doCallAjax(product_id,order_num) {
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 = 'AjaxPHPShoppingCart2.php';
var pmeters = "tProductID=" + product_id+
"&tQty=" + order_num;
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;
}
}
}
function CheckOut()
{
window.location = 'AjaxPHPShoppingCart3.php';
}
</script>
<style type="text/css">
<!--
@import url("css/style.css");
.style1 {
color: #532900;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
-->
</style>
<script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css" media="screen">
body {
font: 62.5%/1.2 Arial, Verdana, Sans-Serif;
}
</style>
</head>
<body onLoad="JavaScript:doCallAjax('','')">
<div>
<h1 class="style1"><img src="images/shopping_cart_next.png" width="48" height="48"><br>
เลือกสินค้าใส่ตะกร้า</h1>
<table width="201" border="0" cellpadding="0" cellspacing="0" bordercolor="#996600">
<tr>
<td width="201" valign="top"><?
$objConnect = mysql_connect("localhost","root","1234") or die("Error Connect to Database");
$objDB = mysql_select_db("pochainb_metic");
$strSQL = "SELECT * FROM product ORDER BY product_id ASC ";
mysql_query("SET NAMES TIS620");
mysql_query("SET character_set_results=tis620");
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
echo"<table border=\"0\" cellspacing=\"1\" cellpadding=\"1\"><tr>";
$intRows = 0;
while($objResult = mysql_fetch_array($objQuery))
{
$intRows++;
echo "<td>";
?>
<? is_login(); ?>
<div id="main">
<ul class="gallery clearfix">
<a href="images/<?=$objResult["Picture"];?>" rel="prettyPhoto[gallery2]" title="How is the description on that one? How is the description on that one? How is the description on that one? "><img src="images/<?=$objResult["Picture"];?>" width="130" height="130" alt="This is a pretty long title" /></a>
</ul>
<div align="left">
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("area[rel^='prettyPhoto']").prettyPhoto();
$(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'light_square',slideshow:3000, autoplay_slideshow: true});
$(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'fast',slideshow:10000, hideflash: true});
});
</script>
</div>
</div>
<center>
<?=$objResult["product_name"];?>
<br>
<?=$objResult["product_Case"]." Baht";?>
<br>
<input name="text" type="text" id="txt<?=$intRows;?>" style="width:20px" value="">
<input name="button" type="button" onClick="JavaScript:doCallAjax('<?=$objResult["product_id"];?>',document.getElementById('txt<?=$intRows;?>').value);" value="เพิ่ม">
</center>
<?
echo"</td>";
if(($intRows)%4==0)
{
echo"</tr>";
}
else
{
echo "<td>";
}
}
echo"</tr></table>";
?>
<?
mysql_close($objConnect);
?>
<span id="mySpan"></span></td>
</tr>
</table>
<p> </p>
</div>
</body>
</html>
Code (C#) <ul class="gallery clearfix">
<a href="images/<?=$objResult["Picture"];?>" rel="prettyPhoto[gallery2]" title="How is the description on that one? How is the description on that one? How is the description on that one? "><img src="images/<?=$objResult["Picture"];?>" width="130" height="130" alt="This is a pretty long title" /></a>
</ul>
Tag PHP, CakePHP
ประวัติการแก้ไข
Date :
2012-10-31 21:44:18By :
prachapornView :
1070Reply :
3
Code เต็มๆ นะครับCode (C#) <?php
/*** By Weerachai Nukitram ***/
/*** http://www.ThaiCreate.Com ***/
?>
<html>
<head>
<title>ThaiCreate.Com Ajax Tutorial</title>
<script language="JavaScript">
var HttPRequest = false;
function doCallAjax(product_id,order_num) {
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 = 'AjaxPHPShoppingCart2.php';
var pmeters = "tProductID=" + product_id+
"&tQty=" + order_num;
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;
}
}
}
function CheckOut()
{
window.location = 'AjaxPHPShoppingCart3.php';
}
</script>
<style type="text/css">
<!--
@import url("css/style.css");
.style1 {
color: #532900;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
-->
</style>
<script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css" media="screen">
body {
font: 62.5%/1.2 Arial, Verdana, Sans-Serif;
}
</style>
</head>
<body onLoad="JavaScript:doCallAjax('','')">
<div>
<h1 class="style1"><img src="images/shopping_cart_next.png" width="48" height="48"><br>
เลือกสินค้าใส่ตะกร้า</h1>
<table width="201" border="0" cellpadding="0" cellspacing="0" bordercolor="#996600">
<tr>
<td width="201" valign="top"><?
$objConnect = mysql_connect("localhost","root","1234") or die("Error Connect to Database");
$objDB = mysql_select_db("pochainb_metic");
$strSQL = "SELECT * FROM product ORDER BY product_id ASC ";
mysql_query("SET NAMES TIS620");
mysql_query("SET character_set_results=tis620");
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
echo"<table border=\"0\" cellspacing=\"1\" cellpadding=\"1\"><tr>";
$intRows = 0;
while($objResult = mysql_fetch_array($objQuery))
{
$intRows++;
echo "<td>";
?>
<? is_login(); ?>
<div id="main">
<ul class="gallery clearfix">
<a href="images/<?=$objResult["Picture"];?>" rel="prettyPhoto[gallery2]" title="How is the description on that one? How is the description on that one? How is the description on that one? "><img src="images/<?=$objResult["Picture"];?>" width="130" height="130" alt="This is a pretty long title" /></a>
</ul>
<div align="left">
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("area[rel^='prettyPhoto']").prettyPhoto();
$(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'light_square',slideshow:3000, autoplay_slideshow: true});
$(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'fast',slideshow:10000, hideflash: true});
});
</script>
</div>
</div>
<center>
<?=$objResult["product_name"];?>
<br>
<?=$objResult["product_Case"]." Baht";?>
<br>
<input name="text" type="text" id="txt<?=$intRows;?>" style="width:20px" value="">
<input name="button" type="button" onClick="JavaScript:doCallAjax('<?=$objResult["product_id"];?>',document.getElementById('txt<?=$intRows;?>').value);" value="เพิ่ม">
</center>
<?
echo"</td>";
if(($intRows)%4==0)
{
echo"</tr>";
}
else
{
echo "<td>";
}
}
echo"</tr></table>";
?>
<?
mysql_close($objConnect);
?>
<span id="mySpan"></span></td>
</tr>
</table>
<p> </p>
</div>
</body>
</html>
ประวัติการแก้ไข
Date :
2012-10-31 22:15:05By :
prachaporn
ดูตัวอย่างนี้ครับCode (PHP) <html>
<head>
<title>ThaiCreate.Com Tutorial</title>
<script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css" media="screen">
body {
font: 62.5%/1.2 Arial, Verdana, Sans-Serif;
padding: 0 20px;
}
</style>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("area[rel^='prettyPhoto']").prettyPhoto();
$("a[rel^='prettyPhoto']").prettyPhoto({ animation_speed:'normal',theme:'light_square',slideshow:3000, autoplay_slideshow: true });
$("a[rel^='prettyPhoto']").prettyPhoto({ animation_speed:'fast',slideshow:3000, hideflash: true });
});
</script>
</head>
<body>
<?
$objConnect = mysql_connect("localhost","root","root") or die("Error Connect to Database");
$objDB = mysql_select_db("mydatabase");
$strSQL = "SELECT * FROM album WHERE AlbumID = '".$_GET["AlbumID"]."' ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
$objResult = mysql_fetch_array($objQuery);
?>
<h1><?=$objResult["AlbumName"];?></h1>
<?
$strSQL2 = "SELECT * FROM gallery WHERE AlbumID = '".$_GET["AlbumID"]."' ORDER BY GalleryID ASC ";
$objQuery2 = mysql_query($strSQL2) or die ("Error Query [".$strSQL2."]");
echo"<table border=\"1\" cellspacing=\"1\" cellpadding=\"1\"><tr>";
$intRows = 0;
while($objResult2 = mysql_fetch_array($objQuery2))
{
echo "<td>";
$intRows++;
?>
<center>
<a href="myfile/<?=$objResult2["GalleryShot"];?>" rel="prettyPhoto[gallery]" title="<?=$objResult2["GalleryName"];?>"><img src="myfile/<?=$objResult2["GalleryShot"];?>" width="100" height="100"></a><br>
<?=$objResult2["GalleryName"];?>
<br>
</center>
<?
echo"</td>";
if(($intRows)%4==0)
{
echo"</tr>";
}
}
echo"</tr></table>";
mysql_close($objConnect);
?>
</body>
</html>
Go to : prettyPhoto jQuery lightbox SlideShow สร้าง lightbox ทำ Gallery ด้วย prettyPhoto
Date :
2012-11-01 12:02:11By :
mr.win
Code (C#) $strSQL = "SELECT * FROM album WHERE AlbumID = '".$_GET["AlbumID"]."' ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
$objResult = mysql_fetch_array($objQuery);
Date :
2012-11-01 13:44:40By :
prachaporn
Server 05
Load balance : Server 05
