|
|
|
pop up แก้ไขข่าวเมื่อคลิกดู แก้ไข ข่าวให้ขึ้น pop up รายละเอียดการแก้ข่าวนั้นๆได้ รบกวนช่วยทีนะค่ะ |
|
|
|
|
|
|
|
ต้องการ pop up แก้ไขข่าวเมื่อคลิกดู แก้ไข ข่าวให้ขึ้น pop up รายละเอียดการแก้ข่าวนั้นๆได้
news.php
<? session_start();
/*if($_SESSION['member_id'] == "")
{
header("Location: index.php");
}*/
error_reporting(0);
?>
<? include("f_thaidate.php");?>
<? include("datepick/datepick.php"); ?>
<html>
<head>
<title>Reservations Meeting</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="stylesheet/img/devil-icon.png"> <!--Pemanggilan gambar favicon-->
<link rel="stylesheet" type="text/css" href="mos-css/mos-style.css"> <!--pemanggilan file css-->
<script type="text/jscript">
$(document).ready(function() {
$('a.button1').click(function() {
//Getting the variable's value from a link
var loginBox = $(this).attr('href');
//Fade in the Popup
$(loginBox).fadeIn(300);
//Set the center alignment padding + border see css style
var popMargTop = ($(loginBox).height() + 24) / 2;
var popMargLeft = ($(loginBox).width() + 24) / 2;
$(loginBox).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
// Add the mask to body
$('body').append('<div id="mask"></div>');
$('#mask').fadeIn(300);
return false;
});
// When clicking on the button close or the mask layer the popup closed
$('a.close, #mask').live('click', function() {
$('#mask , .login-popup').fadeOut(300 , function() {
$('#mask').remove();
});
return false;
});
});
</script>
<script language="JavaScript">
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 = 'data_post.php';
var pmeters = "myRoom=" + encodeURI( document.getElementById("txtRoom").value) +
"&myDate1=" + encodeURI( document.getElementById("datepicker-th-1").value ) +
"&myDate2=" + encodeURI( document.getElementById("datepicker-th-2").value ) +
"&myHour1=" + encodeURI( document.getElementById("hour1").value ) +
"&myHour2=" + encodeURI( document.getElementById("hour2").value ) +
"&myMin1=" + encodeURI( document.getElementById("min1").value ) +
"&myMin2=" + encodeURI( document.getElementById("min2").value ) ;
//var pmeters = 'myName='+document.getElementById("txtName").value+'&my2='; // 2 Parameters
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;
}
}
/*
HttPRequest.onreadystatechange = call function .... // Call other function
*/
}
</script>
</head>
<body>
<div id="header2">
<div class="inHeader">
<div class="mosAdmin">
ยินดีต้อนรับ
<a href=""> <?=$_SESSION["member_name"];?> </a>
<img src="mos-css/img/Administrator.png">
</div>
<div class="clear"></div>
</div>
</div>
<div id="wrapper">
<div id="leftBar">
<ul>
<li><a href="home.php">หน้าแรก</a></li>
<li><a href="logout.php">ออกจากระบบ</a></li>
</ul>
</div>
<div id="rightContent">
<? include("menu_center.php");?>
<div class="clear"></div>
<h3><img src="img/icon/conference.png"></h3>
<div class="clear"></div>
<!-- per page -->
<? include("connectdb.php");
$today = date("Y-m-d");
?>
<!-- ui-dialog -->
<a href="#input-box" class="button1">เพิ่มข่าว</a>
<div id="input-box" class="login-popup">
<a href="#" class="close"><img src="img/icon/delete.png" class="btn_close" title="ปิดหน้าต่างนี้" alt="Close" /></a>
<form id="form1" method="post" enctype="multipart/form-data" action="add_news.php" >
<table style="border: none; font-size:12px; color: #5b5b5b;width: 550px;margin: 0px 0 0 0;">
<tr>
<td width="15%">หัวข้อข่าว</td>
<td width="15%"><input type="text" name="n_news" id="textfield" />
</td>
</tr>
<tr>
<td width="15%">วันที่</td>
<td width="15%">
<input type="text" id="datepicker-th-1" name="date1" value="<?=$today;?>"> </td>
</tr>
<tr>
<td width="15%">รายละเอียด</td>
<td width="15%"> <label>
<textarea name="detail" id="textarea" cols="45" rows="5"></textarea>
</label></td>
</tr>
<tr>
<td width="15%">รูปภาพประกอบข่าว</td>
<td width="15%"><label>
<br>
<input type="file" name="files" id="files">
<br></label>
</td>
</tr>
<p> </p>
</tr>
</table>
<br>
<center><label style="font-size:11px;">
<input type="submit" name="button2" id="button2" class="button" value="ตกลง" />
</form>
</div>
<!-- end -->
//ส่วนที่แสดงออกมา
<div class="input-data-star">รายการข่าว</div>
<br><br><br><br><br><br>
<img src="img/icon/16/config.png"> แก้ไข | <img src="img/icon/delete_16.png">ลบข้อมูลข่าว
<?
$i=1;
$strSQL10 = "SELECT * FROM news";
$objQuery10 = mysql_query($strSQL10) or die ("Error Query [".$strSQL10."]");
?>
<table class="data1">
<tr class="data1">
<th class="data1" width="5%">ลำดับ</th>
<th class="data1" width="25%">หัวข้อข่าว</th>
<th class="data1" width="15%">วันที่</th>
<th class="data1" width="25%">รายละเอียด</th>
<th class="data1" width="15%">ภาพประกอบข่าว</th>
<th class="data1" width="8%">แก้ไขข่าว</th>
<th class="data1" width="8%">ลบข่าว</th>
</tr>
<?
while($objResult10 = mysql_fetch_array($objQuery10))
{
?>
<tr class="data1">
<td class="data1" width="5%"><?= $i++?></td>
<td class="data1" width="25%"><?= $objResult10["head_news"];?></td>
<td class="data1" width="10%"><?= Datethai($objResult10["date_news"]);?></td>
<td class="data1" width="25%"><?= $objResult10["detail_news"];?></td>
<td class="data1" width="15%"><?= $objResult10["pic_news"];?></td>
<td class="data1" width="5%">
<a href="update_news.php?id_news=<?=$objResult10["id_news"]?>)"><img src="img/icon/config_32.png" /></a>
</td>
<td class="data1" width="5%">
<a href="delete_news.php?id_news=<?=$objResult10["id_news"]?>"><img src="img/icon/delete.png" /></a>
</td>
</tr>
<? } ?>
</table>
<div class="clear"></div>
<div id="footer">
<? include("footer.php");?>
</div>
</div>
</div>
</div>
</body>
</html>
เมื่อคลิกแก้ไขให้ขึ้นpopup แบบนี้ (รูปนี้เป็นการเพิ่มค่ะ)
แต่แก้ไขมันไม่ขึ้น popup ค่ะ แต่มันไปหน้าที่ทำฟอร์มแก้ไขไว้
Code (PHP)
update_news.php
Code (PHP)
<? session_start();
/*if($_SESSION['member_id'] == "")
{
header("Location: index.php");
}*/
error_reporting(0);
?>
<? include("f_thaidate.php");?>
<? include("datepick/datepick.php"); ?>
<html>
<head>
<title>Reservations Meeting</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="input-box" class="login-popup">
<a href="#" class="close"><img src="img/icon/delete.png" class="btn_close" title="ปิดหน้าต่างนี้" alt="Close" /></a>
<form id="form1" method="post" enctype="multipart/form-data" action="update_newssave.php?id_news=<?=$_GET["id_news"];?> " >
<?
include ("connectdb.php");
$strSQL = "SELECT * FROM news WHERE id_news = '".$_GET["id_news"]."' ";
$objQuery = mysql_query($strSQL);
$objResult = mysql_fetch_array($objQuery);
if(!$objResult)
{
echo "Not found id_news =".$_GET["id_news"];
}
else
{
?>
<table width="600" border="1">
<tr>
<th width="91"> <div align="center">หัวข้อข่าว </div></th>
<th width="160"> <div align="center">วันที่ </div></th>
<th width="198"> <div align="center">รายละเอียดข่าว </div></th>
<th width="97"> <div align="center">รูป</div></th>
</tr>
<tr>
<td><div align="center"><input type="text" name="txtCustomerID" size="5" value="<?=$objResult["head_news"];?>"></div></td>
<td><input type="text" name="txtName" size="20" value="<?=$objResult["date_news"];?>"></td>
<td><input type="text" name="txtEmail" size="20" value="<?=$objResult["detail_news"];?>"></td>
<td><div align="center"><input type="text" name="txtCountryCode" size="2" value="<?=$objResult["pic_news"];?>"></div></td>
</tr>
</table>
<input type="submit" name="submit" value="submit">
<?
}
mysql_close($objConnect);
?>
</form>
</div>
</body>
</html>
update_newssave.php
Code (PHP)
<? session_start();
error_reporting(0);
?>
<html>
<head>
<title>Artificial Grass Football Field</title>
<meta HTTP-EQUIV="Refresh" CONTENT="1;URL=news.php" charset="utf-8">
<link rel="shortcut icon" href="stylesheet/img/devil-icon.png"> <!--Pemanggilan gambar favicon-->
<link rel="stylesheet" type="text/css" href="mos-css/mos-style.css"> <!--pemanggilan file css-->
</head>
<body>
<div id="header">
<div class="inHeaderLogin"></div>
</div>
<div id="errorForm"><br><br>
<div class="informasi">
<?
include ("connectdb.php");
$strSQL = "UPDATE news SET ";
$strSQL .=",id_news = '".$_POST["id_news"]."' ";
$strSQL .=",head_news = '".$_POST["n_news"]."' ";
$strSQL .=",date_news = '".$_POST["date1"]."' ";
$strSQL .=",detail_news = '".$_POST["detail"]."' ";
$strSQL .=",pic_news = '".$_POST["files"]."' ";
$strSQL .="WHERE id_news = '".$_GET["id_news "]."' ";
$objQuery = mysql_query($strSQL);
if($objQuery)
{
echo "<center>Save Done.</center>";
}
else
{
echo "<center>Error Save [".$strSQL."]</center>";
}
mysql_close($objConnect);
?>
</div>
</div>
</body>
</html>
ช่วยทีนะค่ะ ติดมาหลายวันแล้ว TT TT จะเป็นพระคุณอย่างสูงค่าาาาา TT^TT
Tag : PHP, MySQL, JavaScript, Ajax, jQuery
|
|
|
|
|
|
Date :
2013-06-28 07:46:12 |
By :
เจนน้อย |
View :
2044 |
Reply :
6 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ดูจาก code ต้องเพิ่ม class ให้กับ tag a ด้วยครับ จากนั้นก็ไปเรียกใช้งานใน javascript ลองดูครับ
Code (PHP)
<? session_start();
/*if($_SESSION['member_id'] == "")
{
header("Location: index.php");
}*/
error_reporting(0);
?>
<? include("f_thaidate.php");?>
<? include("datepick/datepick.php"); ?>
<html>
<head>
<title>Reservations Meeting</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="stylesheet/img/devil-icon.png"> <!--Pemanggilan gambar favicon-->
<link rel="stylesheet" type="text/css" href="mos-css/mos-style.css"> <!--pemanggilan file css-->
<script type="text/jscript">
$(document).ready(function() {
$('a.button1, a.button2').click(function() {
//Getting the variable's value from a link
var loginBox = $(this).attr('href');
//Fade in the Popup
$(loginBox).fadeIn(300);
//Set the center alignment padding + border see css style
var popMargTop = ($(loginBox).height() + 24) / 2;
var popMargLeft = ($(loginBox).width() + 24) / 2;
$(loginBox).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
// Add the mask to body
$('body').append('<div id="mask"></div>');
$('#mask').fadeIn(300);
return false;
});
// When clicking on the button close or the mask layer the popup closed
$('a.close, #mask').live('click', function() {
$('#mask , .login-popup').fadeOut(300 , function() {
$('#mask').remove();
});
return false;
});
});
</script>
<script language="JavaScript">
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 = 'data_post.php';
var pmeters = "myRoom=" + encodeURI( document.getElementById("txtRoom").value) +
"&myDate1=" + encodeURI( document.getElementById("datepicker-th-1").value ) +
"&myDate2=" + encodeURI( document.getElementById("datepicker-th-2").value ) +
"&myHour1=" + encodeURI( document.getElementById("hour1").value ) +
"&myHour2=" + encodeURI( document.getElementById("hour2").value ) +
"&myMin1=" + encodeURI( document.getElementById("min1").value ) +
"&myMin2=" + encodeURI( document.getElementById("min2").value ) ;
//var pmeters = 'myName='+document.getElementById("txtName").value+'&my2='; // 2 Parameters
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;
}
}
/*
HttPRequest.onreadystatechange = call function .... // Call other function
*/
}
</script>
</head>
<body>
<div id="header2">
<div class="inHeader">
<div class="mosAdmin">
ยินดีต้อนรับ
<a href=""> <?=$_SESSION["member_name"];?> </a>
<img src="mos-css/img/Administrator.png">
</div>
<div class="clear"></div>
</div>
</div>
<div id="wrapper">
<div id="leftBar">
<ul>
<li><a href="home.php">หน้าแรก</a></li>
<li><a href="logout.php">ออกจากระบบ</a></li>
</ul>
</div>
<div id="rightContent">
<? include("menu_center.php");?>
<div class="clear"></div>
<h3><img src="img/icon/conference.png"></h3>
<div class="clear"></div>
<!-- per page -->
<? include("connectdb.php");
$today = date("Y-m-d");
?>
<!-- ui-dialog -->
<a href="#input-box" class="button1">เพิ่มข่าว</a>
<div id="input-box" class="login-popup">
<a href="#" class="close"><img src="img/icon/delete.png" class="btn_close" title="ปิดหน้าต่างนี้" alt="Close" /></a>
<form id="form1" method="post" enctype="multipart/form-data" action="add_news.php" >
<table style="border: none; font-size:12px; color: #5b5b5b;width: 550px;margin: 0px 0 0 0;">
<tr>
<td width="15%">หัวข้อข่าว</td>
<td width="15%"><input type="text" name="n_news" id="textfield" />
</td>
</tr>
<tr>
<td width="15%">วันที่</td>
<td width="15%">
<input type="text" id="datepicker-th-1" name="date1" value="<?=$today;?>"> </td>
</tr>
<tr>
<td width="15%">รายละเอียด</td>
<td width="15%"> <label>
<textarea name="detail" id="textarea" cols="45" rows="5"></textarea>
</label></td>
</tr>
<tr>
<td width="15%">รูปภาพประกอบข่าว</td>
<td width="15%"><label>
<br>
<input type="file" name="files" id="files">
<br></label>
</td>
</tr>
<p> </p>
</tr>
</table>
<br>
<center><label style="font-size:11px;">
<input type="submit" name="button2" id="button2" class="button" value="ตกลง" />
</form>
</div>
<!-- end -->
//ส่วนที่แสดงออกมา
<div class="input-data-star">รายการข่าว</div>
<br><br><br><br><br><br>
<img src="img/icon/16/config.png"> แก้ไข | <img src="img/icon/delete_16.png">ลบข้อมูลข่าว
<?
$i=1;
$strSQL10 = "SELECT * FROM news";
$objQuery10 = mysql_query($strSQL10) or die ("Error Query [".$strSQL10."]");
?>
<table class="data1">
<tr class="data1">
<th class="data1" width="5%">ลำดับ</th>
<th class="data1" width="25%">หัวข้อข่าว</th>
<th class="data1" width="15%">วันที่</th>
<th class="data1" width="25%">รายละเอียด</th>
<th class="data1" width="15%">ภาพประกอบข่าว</th>
<th class="data1" width="8%">แก้ไขข่าว</th>
<th class="data1" width="8%">ลบข่าว</th>
</tr>
<?
while($objResult10 = mysql_fetch_array($objQuery10))
{
?>
<tr class="data1">
<td class="data1" width="5%"><?= $i++?></td>
<td class="data1" width="25%"><?= $objResult10['head_news'];?></td>
<td class="data1" width="10%"><?= Datethai($objResult10['date_news']);?></td>
<td class="data1" width="25%"><?= $objResult10['detail_news'];?></td>
<td class="data1" width="15%"><?= $objResult10['pic_news'];?></td>
<td class="data1" width="5%">
<a href="update_news.php?id_news=<?=$objResult10['id_news']?>" class="button2"><img src="img/icon/config_32.png" /></a>
</td>
<td class="data1" width="5%">
<a href="delete_news.php?id_news=<?=$objResult10['id_news']?>"><img src="img/icon/delete.png" /></a>
</td>
</tr>
<? } ?>
</table>
<div class="clear"></div>
<div id="footer">
<? include("footer.php");?>
</div>
</div>
</div>
</div>
</body>
</html>
|
|
|
|
|
Date :
2013-06-28 08:15:33 |
By :
Manussawin |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณมากนะค่ะ
T T แต่ มันเป็นเหมือนเดิมเลยค่ะ
ต้องทำยังงัยค่ะ (ป.ล. โค้ดหนูอาจจะมั่วไปหน่อย เพิ่งหัดเขียนค่ะ)
|
|
|
|
|
Date :
2013-06-28 08:24:41 |
By :
janeiiz |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
โค้ดคุ้นๆ นะครับ ฮิฮิ (แต่อีเมลล์ไม่ใช่)
ตรงรูปที่กดแก้ไข <a href="#input-box<?=$objResult10["id_news"]?>">แก้ไขข่าว</a>
ตรงที่จะให้ป๊อปอัพขึ้นมา <div id="input-box<?=$i;?>" class="login-popup1">
ใบ้ๆ ให้ ลองนำไปประยุกต์ดูครับ
|
|
|
|
|
Date :
2013-06-28 08:44:27 |
By :
nutsuanplu |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
แหะๆ อันนี้ใช้ plugin ligthbox ตัวไหนครับ ดูแล้วไม่เห็นมีเรียกใช้ ไฟล์ .js หรือ .css plugin อะไรเลยครับ ตอนกดเพิ่ม มัน popup ขึ้นมาจริงๆหรือครับ?
|
|
|
|
|
Date :
2013-06-28 08:44:30 |
By :
Manussawin |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ใช่ค่า มันขึ้น TT TT
|
|
|
|
|
Date :
2013-06-28 09:13:46 |
By :
janeiiz |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 01
|