Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > เรียกใช้ lightbox ผ่าน ajax ไม่ทำงาน มันไม่แสดงแบบ lightbox นะครับ แต่ถ้าเรียกไฟล์ picshow.php

เรียกใช้ lightbox ผ่าน ajax ไม่ทำงาน มันไม่แสดงแบบ lightbox นะครับ แต่ถ้าเรียกไฟล์ picshow.php

เริ่มหัวข้อใหม่

bubbleworm

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

มันไม่แสดงแบบ lightbox นะครับ แต่ถ้าเรียกไฟล์ picshow.php โดยตรงไม่ผ่าน ajax มันสามารถทำงานได้ตามปกตินะครับ รบกวนผู้รู้ทุกท่านช่วยผมหน่อยนะครับ ขอบคุณครับ

ไฟล์ index.php
Code (PHP)

<!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=utf-8" />
<title>Untitled Document</title>
<script>
function Inint_AJAX() {
	   try { return new ActiveXObject("Msxml2.XMLHTTP");  } catch(e) {} //IE
	   try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {} //IE
	   try { return new XMLHttpRequest();          } catch(e) {} //Native Javascript
	   alert("XMLHttpRequest not supported");
	   return null;
	};
	
	function loadContent(content, module) {
		 var req=Inint_AJAX();
		 document.getElementById(content).innerHTML='<div id="wait"><img src="images/loading.gif" alt="" /><br /><br />Loading...</div>';
		 req.onreadystatechange = function () {
			  if (req.readyState==4) {
				   if (req.status==200) {
						var data=req.responseText; //Recive value
						document.getElementById(content).innerHTML=data; //Display Data for Picture
				   }
			  }
		 };
		 
		 req.open("GET", module, true);
		 req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		 req.send(null);
	}
</script>
</head>

<body>
 <div class="main" id="content_main"></div>
 <a href="javascript:void(0);" onclick="javascript:loadContent('content_main','picshow.php')">picshow</a>
</body>
</html>

ไฟล์ picshow.php
Code (PHP)

<!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=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="style/lightbox.css" type="text/css" media="screen">
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/effects.js" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
</head>

<body>
<script>alert();</script>
<a href="images/attachments/ambulance_car2.jpg" rel="lightbox[shady]"><img src="images/doctor/dr1.gif" width="74" height="90" /></a>
<a href="images/attachments/package-01-01-52.jpg" rel="lightbox[shady]"><img src="images/doctor/dr2.gif" width="74" height="90" /></a>
<a href="images/attachments/sriput_building.gif" rel="lightbox[shady]"><img src="images/doctor/dr1.gif" width="74" height="90" /></a>
</body>
</html>

Tag : - - - -

Date : 2010-04-05 10:50:57

By : bubbleworm

View : 1410

Reply : 3

No. 1

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

index.php
Code

<!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=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="style/lightbox.css" type="text/css" media="screen">
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/effects.js" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<script>
function Inint_AJAX() {
try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) {} //IE
try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {} //IE
try { return new XMLHttpRequest(); } catch(e) {} //Native Javascript
alert("XMLHttpRequest not supported");
return null;
};

function loadContent(content, module) {
var req=Inint_AJAX();
document.getElementById(content).innerHTML='<div id="wait"><img src="images/loading.gif" alt="" /><br /><br />Loading...</div>';
req.onreadystatechange = function () {
if (req.readyState==4) {
if (req.status==200) {
var data=req.responseText; //Recive value
document.getElementById(content).innerHTML=data; //Display Data for Picture
}
}
};

req.open("GET", module, true);
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
req.send(null);
}
</script>
</head>

<body>
<div class="main" id="content_main"></div>
<a href="javascript:void(0);" onclick="javascript:loadContent('content_main','picshow.php')">picshow</a>
</body>
</html>

picshow.php
Code

Date : 2010-04-05 11:48:34

By : plakrim

No. 2

bubbleworm

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

ยังไม่ได้เลยครับ มันยังแสดงรูปแบบธรรมดาอยู่อะครับ
มันอาจจะมีปัญหาที่ไฟล์ js ที่ผมเรียกมาใช้หรือเปล่าครับ

Date : 2010-04-05 13:03:02

By : bubbleworm

No. 3

bubbleworm

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

รบกวนอีกทีนะครับ

Date : 2010-04-05 13:22:46

By : bubbleworm

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : เรียกใช้ lightbox ผ่าน ajax ไม่ทำงาน มันไม่แสดงแบบ lightbox นะครับ แต่ถ้าเรียกไฟล์ picshow.php

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก