Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > ขอถามเรื่อง popup colorbox ไม่ขึ้นในหน้า php โดยใช้ ajax ครับ



 

ขอถามเรื่อง popup colorbox ไม่ขึ้นในหน้า php โดยใช้ ajax ครับ

 



Topic : 078333



โพสกระทู้ ( 7 )
บทความ ( 0 )



สถานะออฟไลน์




ผมรบกวนถามเรื่อง colorbox ด้วยนะครับ โดยใช้ class= iframe คือผมทำหน้ารายการคลังขึ้นมาเช่น 1.php ก็ใช้ได้ พอคลิ๊กรายการก็เป็น popup แบบ colorbox ตามปกติ พอผมจะปรับหน้ารายการเป็น ajax โดยโหลดหน้ารายการผ่าน div ในไฟล์ 1.php ปรากฏว่าเมื่อคลิ๊กที่รายการแล้ว popup ใช้ไม่ได้ อันนี้เป็นเพราะ class มันไม่สามารถรันลงไปในหน้าที่เปิดผ่าน div รึเปล่าครับ ขอบคุณครับ

substock



Tag : PHP, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-05-13 14:18:01 By : kohrx View : 1243 Reply : 3
 

 

No. 1



โพสกระทู้ ( 3,155 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ต้องเอาโค้ดล่าสุดมาให้ดูครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-13 14:50:34 By : sakuraei
 


 

No. 2



โพสกระทู้ ( 7 )
บทความ ( 0 )



สถานะออฟไลน์


ตัวนี้คือ add_substock_ajax.php

Code (PHP)
<?php require_once('Connections/stock.php'); ?>
<? 
mysql_select_db($database_stock, $stock);
$query_substock = "select code,name from doctor where position_id  in ('3','7')";
$substock = mysql_query($query_substock, $stock) or die(mysql_error());
$row_substock = mysql_fetch_assoc($substock);
$totalRows_substock = mysql_num_rows($substock);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
<title>Untitled Document</title>

<script type="text/javascript">
	
//load list by sort
	   var HttPRequest = false;

	   function doCallAjax() {
		  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 = 'add_substock_ss.php';
			var pmeters = '';
			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("displayDiv2").innerHTML = "Now is Loading...";
				  }

				 if(HttPRequest.readyState == 4) // Return Request
				  {
				   document.getElementById("displayDiv2").innerHTML = HttPRequest.responseText;
				  }
				
			}

	   }


</script>

<script  src="include/ajax_framework.js"></script>
		<style>
			body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;}
			a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
			h2{font-size:13px; margin:15px 0 0 0;}
		</style>
		<link rel="stylesheet" href="./css/colorbox.css" />
		<script src="./include/jquery.js"></script>
		<script src="./include/jquery.colorbox.js"></script>
<script>
			$(document).ready(function(){
				//Examples of how to assign the ColorBox event to elements
				$(".iframe").colorbox({iframe:true, width:"800", height:"600"});
				
				//Example of preserving a JavaScript event for inline calls.
				$("#click").click(function(){ 
					$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
					return false;
				});
			});
		</script>

<style type="text/css">
<!--
.style10 {color: #000000; font-size: 14; }
.style7 {font-size: 14}
.style11 {
	color: #FF0000;
	font-weight: bold;
	font-size: 16px;
}
-->
</style>


</head>

<body Onload="JavaScript:doCallAjax();">
<p class="style11">กำหนดคลังย่อย</p>

<input name="button1"  type="button"  id="button1" value="เพิ่ม" onclick="formShow()" />
<form id="frm">
  <table width="500" border="0" cellspacing="1" cellpadding="1" id="form" >
    <tr>
      <td width="52%" align="center"><span class="style10">ชื่อคลังย่อย
        <input name="item_id" type="hidden" id="item_id" />
      </span></td>
      <td width="12%" align="center">ผู้รับผิดชอบ</td>
      <td width="16%" align="center">ใช้งาน</td>
      <td width="10%" align="center"><input name="do" type="hidden" id="do" value="<? echo "insert"; ?>" /></td>
    </tr>
    <tr>
      <td align="center"><label>
        <input name="substock_name" type="text" id="substock_name"/>
      </label></td>
      <td align="center"><select name="doctor" id="doctor">
          <?php
do {  
?>
          <option value="<?php echo $row_substock['code']?>"<?php if (!(strcmp($row_substock['code'], $row_edit['administrator']))) {echo "selected=\"selected\"";} ?>><?php echo $row_substock['name']?></option>
          <?php
} while ($row_substock = mysql_fetch_assoc($substock));
  $rows = mysql_num_rows($substock);
  if($rows > 0) {
      mysql_data_seek($substock, 0);
	  $row_substock = mysql_fetch_assoc($substock);
  }
?>
      </select></td>
      <td align="center"><input <?php if (!(strcmp($row_edit['active'],"Y"))) {echo "checked=\"checked\"";} ?> name="active" type="checkbox" id="active" value="Y" /></td>
      <td align="center"><span class="style7">
        <label>
        <input name="button"  type="button"  id="button" />
        </label>
      </span></td>
    </tr>
  </table>
  <br />

</form>
<div id="indicator"  align="center"
	 style="position:absolute; display:none; z-index:1000;padding:0px;"> <img src="images/indicator.gif" hspace="10" align="absmiddle" /> </div>
<div id="displayDiv2" ></div>
</body>
</html>
<?php
mysql_free_result($substock);
?>


และ add_substock_ss.php

Code (PHP)
<?php require_once('Connections/stock.php'); ?>
<? 
mysql_select_db($database_stock, $stock);
$query_substock = "select code,name from doctor where position_id  in ('3','7')";
$substock = mysql_query($query_substock, $stock) or die(mysql_error());
$row_substock = mysql_fetch_assoc($substock);
$totalRows_substock = mysql_num_rows($substock);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
<title>Untitled Document</title>

<script type="text/javascript">
	
//load list by sort
	   var HttPRequest = false;

	   function doCallAjax() {
		  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 = 'add_substock_ss.php';
			var pmeters = '';
			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("displayDiv2").innerHTML = "Now is Loading...";
				  }

				 if(HttPRequest.readyState == 4) // Return Request
				  {
				   document.getElementById("displayDiv2").innerHTML = HttPRequest.responseText;
				  }
				
			}

	   }


</script>

<script  src="include/ajax_framework.js"></script>
		<style>
			body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;}
			a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
			h2{font-size:13px; margin:15px 0 0 0;}
		</style>
		<link rel="stylesheet" href="./css/colorbox.css" />
		<script src="./include/jquery.js"></script>
		<script src="./include/jquery.colorbox.js"></script>
<script>
			$(document).ready(function(){
				//Examples of how to assign the ColorBox event to elements
				$(".iframe").colorbox({iframe:true, width:"800", height:"600"});
				
				//Example of preserving a JavaScript event for inline calls.
				$("#click").click(function(){ 
					$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
					return false;
				});
			});
		</script>

<style type="text/css">
<!--
.style10 {color: #000000; font-size: 14; }
.style7 {font-size: 14}
.style11 {
	color: #FF0000;
	font-weight: bold;
	font-size: 16px;
}
-->
</style>


</head>

<body Onload="JavaScript:doCallAjax();">
<p class="style11">กำหนดคลังย่อย</p>

<input name="button1"  type="button"  id="button1" value="เพิ่ม" onclick="formShow()" />
<form id="frm">
  <table width="500" border="0" cellspacing="1" cellpadding="1" id="form" >
    <tr>
      <td width="52%" align="center"><span class="style10">ชื่อคลังย่อย
        <input name="item_id" type="hidden" id="item_id" />
      </span></td>
      <td width="12%" align="center">ผู้รับผิดชอบ</td>
      <td width="16%" align="center">ใช้งาน</td>
      <td width="10%" align="center"><input name="do" type="hidden" id="do" value="<? echo "insert"; ?>" /></td>
    </tr>
    <tr>
      <td align="center"><label>
        <input name="substock_name" type="text" id="substock_name"/>
      </label></td>
      <td align="center"><select name="doctor" id="doctor">
          <?php
do {  
?>
          <option value="<?php echo $row_substock['code']?>"<?php if (!(strcmp($row_substock['code'], $row_edit['administrator']))) {echo "selected=\"selected\"";} ?>><?php echo $row_substock['name']?></option>
          <?php
} while ($row_substock = mysql_fetch_assoc($substock));
  $rows = mysql_num_rows($substock);
  if($rows > 0) {
      mysql_data_seek($substock, 0);
	  $row_substock = mysql_fetch_assoc($substock);
  }
?>
      </select></td>
      <td align="center"><input <?php if (!(strcmp($row_edit['active'],"Y"))) {echo "checked=\"checked\"";} ?> name="active" type="checkbox" id="active" value="Y" /></td>
      <td align="center"><span class="style7">
        <label>
        <input name="button"  type="button"  id="button" />
        </label>
      </span></td>
    </tr>
  </table>
  <br />

</form>
<div id="indicator"  align="center"
	 style="position:absolute; display:none; z-index:1000;padding:0px;"> <img src="images/indicator.gif" hspace="10" align="absmiddle" /> </div>
<div id="displayDiv2" ></div>
</body>
</html>
<?php
mysql_free_result($substock);
?>



ประวัติการแก้ไข
2012-05-13 15:53:20
2012-05-13 15:58:47
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-13 15:52:22 By : kohrx
 

 

No. 3



โพสกระทู้ ( 7 )
บทความ ( 0 )



สถานะออฟไลน์


รบกวนหน่อยนะครับ พี่ๆ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-14 19:02:20 By : kohrx
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ขอถามเรื่อง popup colorbox ไม่ขึ้นในหน้า php โดยใช้ ajax ครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 04
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่