|
|
|
สอบถามการซ่อนตารางด้วย ajax หน่อยครับสั่้งให้มันลบได้แล้วแต่ไม่ยอมซ่อนตารางให้ครับช่วยดูโค๊ดด้วยครับ |
|
|
|
|
|
|
|
โค๊ด หน้าแรกครับ
<?
session_start();
?>
<!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=tis-620"/>
<title>Untitled Document</title>
<!-- คำสั่งเปิดการใช้งาน function -->
<script src="ajax/ajax_framework.js"></script>
<script type="text/javascript">
function DeleteOk(confirm_delete)
{
document.getElementById('message').innerHTML=' '+confirm_delete+' ';
document.getElementById('submit').disabled=false;
document.getElementById('form_deleteuser').reset();
return true;
}
function deleteNews(id_activity){
if(!confirm('Delete News Activity?')) {
return;
}
var URL = "DeleteAtivityiport.php";
var data = "id_activity="+ id_activity;
ajaxLoad('post', URL, data, '');
}
</script>
<!-- คำสั่งปิดการใช้งาน function -->
<!-- คำสั่งเปิดการใช้งาน style css -->
<style type="text/css">
body {
margin-left: 100px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(images/bg_main.gif);
font-size: 16px; font-family:Verdana, Arial, Helvetica, sans-serif ;
}
text {
color: #333;
}
.text {
color: #333;
font-weight: bold;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
}
.front {
font-size: medium;
}
front {
font-size: x-small;
}
.front2 {
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
}
front_contact {
font-weight: bold;
}
.contact {
font-weight: bold;
color: #09F;
}
.front_mess {
color: #FFF;
}
.date{
color:#FFFFFF;
}
.text_head_table{
color:#FFFFFF; text-align:center; background-color:#333;
}
.text_inbody_table{
font-size: 16px; color:#FFFFFF;
}
img.img {
padding:0px;
border: outset 0px #666666;
}
a:link {
text-decoration: none; font-weight: underline; color: #FFFFFF;
}
a:visited {
text-decoration: none; font-weight: underline; color: #FFFFFF;
}
a:hover {
text-decoration: none; font-weight: underline; Color: #000099;
}
a:active {
text-decoration: none; font-weight: underline; color: #333333;
}
A.Class3:link{text-decoration: none; font-weight: underline; color: #333333;}
A.Class3:visited{text-decoration: none; font-weight: underline; Color: #333333;}
A.Class3:hover {text-decoration: none; font-weight: underline; Color: #cc3300; }
A.Class3:active{text-decoration: none; font-weight: underline; color:#999999;}
}
</style></head>
<!-- คำสั่งปิดการใช้งาน style css -->
<body>
<!--เริ่มใช้งาน phpและตรวจสอบค่าตัวแปร log_name ว่ามีค่าหรือยัง//-->
<?
if(!isset($_SESSION["logname"]))
{
?>
<script>
window.location="iport.php"; /*กรณีที่ไม่มีค่าให้ไปล็อกอินอีกครั้ง*/
</script>
<?
exit();
} //กรณีมีการล็อกอินแล้วให้เปิดฐานข้อมูลและทำขั้นตอนต่อไป//
include "config.inc.php";
$sql = "select * from dbpersonal where id = ".$_SESSION["id"];
//mysql_query("set NAMES utf8");
mysql_query("set character_set_result=tis620");
mysql_query("set character_set_client=tis620");
mysql_query("set character_set_connection=tis620");
$result = mysql_db_query($dbname,$sql) or die ('รถ database ำงานในขะน');
$NRow = mysql_num_rows($result);
$arr = mysql_fetch_row( $result );
$path = 'upload_images/';
?>
<table width="818" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="91" align="center" valign="top" bgcolor="#666666"><table width="817" border="0" align="left" cellpadding="0" cellspacing="0">
<!-- <hr align ="center" width="97%" color="red" noshade> วิธีทำเส้นเป็นสีต่างๆ -->
<tr>
<td height="7" colspan="6" valign="top" bgcolor="#666666"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="21%" rowspan="5" valign="top" bgcolor="#f4c100"><table width="87%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="79%"><img src="<? echo $path.$arr[17];?>" align="top" class="img"/></td>
<td width="2%" bgcolor="#666666"> </td>
<td> </td>
</tr>
<tr>
<td height="24" colspan="2" valign="bottom" background="images/bg_works.gif"><div align="center">[<?echo "$arr[3] ";?>] </div></td>
<td width="19%"> </td>
</tr>
</table></td>
<td width="2%" align="center"> </td>
<td width="58%" align="center"><img src="images/admin.gif" width="210" height="22" /></td>
<td width="19%"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td height="32"><img src="images/delete_news.gif" width="160" height="22" /></td>
<td> </td>
</tr>
<!-- เลือกข้อมูลจากฐานข้อมูลกิจกรรมขึ้นมาแสดง -->
<? $sql = "select * , DATE_FORMAT(date_activity,'%d-%m-%Y') AS dt from dbactivity";
//mysql_query("set NAMES utf8"); คำสั่งกำหนดใช้ภาษาไทย
mysql_query("set character_set_result=tis620");
mysql_query("set character_set_client=tis620");
mysql_query("set character_set_connection=tis620");
$result = mysql_db_query($dbname,$sql) or die ('ไม่สามารถสั่งให้ database ทำงานได้ในขณะนี้');
$NRow = mysql_num_rows($result);
$arr = mysql_fetch_row( $result );
?>
<tr> <!--ส่วนหัวของตารางกิจกรรม-->
<td> </td>
<td height="31" valign="top"><table width="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"><table width="600" border="1" cellspacing="0" cellpadding="3" >
<tr class="text_head_table">
<td width="20">ID</td>
<td width="130">Head</td>
<td width="200">Activity</td>
<td width="80">Name</td>
<td width="100">Date Activity</td>
<td width="70">Delete</td>
</tr>
<!-- ทำการวนข้อมูลในตารางกิจกรรมขึ้นมาแสดง -->
<?
$i= 0;
while ($ati = mysql_fetch_array($result)) {
$i++;
?>
<tr id="row_$ati['id_activity']"align="left" valign="top" class="text_inbody_table">
<td><? echo $i?></td>
<td align="left"><?echo $ati['head'] ?></td><td><?echo $ati['activity']?></td><td ><? echo $ati['name']?></td><td><?echo $ati['date_activity']?></td>
<td align="center"><button onclick = "deleteNews(<? echo $ati['id_activity']?>)">Delete</button></td>
</td>
</tr>
<?
}
echo"</table>";
?>
<!-- จบการทำงานการนำข้อมูลขึ้นมาแสดง -->
</td>
</tr>
<tr>
<td> </td>
<td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="24%"> </td>
<td width="30%" valign="bottom"></td>
<td width="46%" valign="bottom"> </td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
<td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="38%"><span class="date">[ <a href="admin.php" target="_self">Home Admin</a> ] </span></td>
<td width="31%"><span class="date">[ <a href="add_user.php" target="_self">Add User </a>] </span></td>
<td width="31%"><span class="date">[ <a href="delete_user.php" target="_self">Delete User</a> ] </span></td>
</tr>
</table></td>
</tr>
</table></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td width="198" height="7" bgcolor="#f4c100"></td>
<td width="4" align="left" valign="top" bgcolor="#f4c100"></td>
<td width="192" align="right" valign="top" bgcolor="#f4c100"></td>
<td width="170" align="right" bgcolor="#f4c100"></td>
<td width="253" colspan="2" align="left" valign="top" bgcolor="#f4c100"></td>
</tr>
<tr>
<td height="21" bgcolor="#333333"> </td>
<td align="left" valign="top" bgcolor="#333333"> </td>
<td colspan="2" align="right" valign="top" bgcolor="#333333"><p align="right" class="front_mess"><span id="message"></span></p></td>
<td colspan="2" align="right" valign="middle" bgcolor="#333333" class="date"><? $today = date(" h:i:s a"); echo "ขณะนี้เวลา $today."; ?></td>
</tr>
</table></td>
</table>
</form>
</body>
</html>
อันนี้เป็นโค๊ดฐานข้อมูลครับ
<?ob_start();?>
<?php
header("content-type: text/javascript; charset=tis-620");
$id_activity = $_POST['id_activity'];
include "config.inc.php";
$sql = "DELETE FROM dbactivity WHERE id_activity = ".$id_activity;
mysql_query("set character_set_result=tis620");
mysql_query("set character_set_client=tis620");
mysql_query("set character_set_connection=tis620");
mysql_query( "SET NAMES TIS620" ) ;
$sqlquery=mysql_db_query($dbname,$sql);
if(mysql_affected_rows($connection)==0) {
echo "alert('ไม่สามารถลบข้อมูลได้');";
}
else {
echo "alert('สามารถลบข้อมูลได้');";
echo "document.getElementById('row_$id_activity') .style.display='none';";
header("content-type: text/javascript; charset=tis-620");
}
mysql_close();
Tag : PHP
|
|
|
|
|
|
Date :
2011-01-11 15:44:02 |
By :
น้องใหม่ |
View :
1665 |
Reply :
6 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
echo "document.getElementById('row_$id_activity') .style.display='none';";
มันเป็นคำสั่ง java ครับ ไม่ใช่ php นี้ครับ
ต้องสั่ง print แบบนี้ครับถ้าเป็น java
echo "<script>document.getElementById('row_$id_activity') .style.display='none';</script>";
ปล.
ผมดูผ่านๆๆนะครับ
|
|
|
|
|
Date :
2011-01-11 16:36:56 |
By :
kaos |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
บวก 1 ครับขอบคุณคุณ Kaos มากครับเดี๋ยวลองดูก่อนครับ
|
|
|
|
|
Date :
2011-01-12 09:03:23 |
By :
น้องใหม่ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เปลี่ยนตามที่บอกแล้วยังไม่ได้ครับพอมีวิธีมั้ยครับ
|
|
|
|
|
Date :
2011-01-12 10:08:12 |
By :
น้องใหม่ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
มันไม่ได้อยู่แล้ว ครับ
คุณ ใช้ ajax ไม่ใช่ หรอตอนคุณ return ค่ากลับมาอ่ะครับ เป็นยังไง
ผมเห็นแค่ ajaxLoad('post', URL, data, '');
ซึ่งไม่เห็น ว่า return ค่ากลับมาแสดงผลยังไงเลยอะครับ
ทางที่ดีผมขอดู code function ajaxLoad() นี้หน่อยอ่ะครับ
|
|
|
|
|
Date :
2011-01-12 16:23:54 |
By :
kaos |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณครับ
อันนี้เป็นฟังชั่น ajaxLoad ครับ มันเป็นไฟล์แยกต่่างหากครับ ชื่อไฟล์ ajax_framework.js
อันนี้เป็นโ๊ค๊ดครับ
function ajaxLoad(method, URL, data, displayId, displayPic) {
var ajax = null;
if(window.ActiveXObject) {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest) {
ajax = new XMLHttpRequest();
}
else {
alert("Your browser doesn't support Ajax");
return;
}
method = method.toLowerCase();
URL += "?dummy=" + (new Date()).getTime();
if(method.toLowerCase()=="get") {
URL += "&" + data;
data = null;
}
ajax.open(method, URL,true);
//ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=tis-620");
if(method.toLowerCase()=="post") {
ajax.setRequestHeader(
"Content-Type","application/x-www-form-urlencoded");
}
ajax.onreadystatechange = function() {
if(ajax.readyState==4 && ajax.status==200) {
var ctype = ajax.getResponseHeader("Content-Type");
ctype = ctype.toLowerCase();
ajaxCallback(ctype, displayId, ajax.responseText, displayPic);
delete ajax;
ajax = null;
}
}
ajax.send(data);
}
function ajaxCallback(contentType, displayId, responseText, displayPic) {
if(contentType.match("text/javascript")) {
/* var el1 = document.getElementById(displayPic);
el1.style.display = 'none'; */
eval(responseText);
}
else {
var el1 = document.getElementById(displayPic);
el1.style.display = 'none';
var el = document.getElementById(displayId);
el.innerHTML = responseText;
}
}
function getFormData(form_name_or_id) {
var frm = document.forms[form_name_or_id];
if(frm==null) {
alert("form not found!");
return;
}
var data = "";
var num_el = frm.elements.length;
for(i=0; i<num_el; i++) {
var el = frm.elements[i];
if(el.name=="" && el.id=="") {
continue;
}
var param_name = "";
if(el.name!="") {
//data += el.name;
param_name = el.name;
}
else if(el.id!="") {
//data += el.id;
param_name = el.id;
}
var t = frm.elements[i].type;
var value = "";
if(t=="text"||t=="password"||t=="hidden"||t=="textarea") {
value = encodeURI(el.value);
//value = el.value;
}
else if(t=="radio"||t=="checkbox") {
if(el.checked) {
value = encodeURI(el.value);
//value = el.value;
}
else {
continue;
}
}
else if(t=="select-one") {
value = encodeURI(el.options[el.selectedIndex].value);
//value = el.options[el.selectedIndex].value;
}
else if(t=="select-multiple") {
for(j=0; j<el.length; j++) {
if(el.options[j].selected) {
if(data!="") {
data += "&";
}
data += param_name + "=";
data += encodeURI(el.options[j].value);
//data += el.options[j].value;
}
}
continue;
}
//ËÒ¡ÁÕ¢éÍÁÙÅÍÂÙè¡è͹áÅéÇ ãËé¤Ñè¹´éÇÂà¤Ã×èͧËÁÒ "&"
if(data!="") {
data += "&";
}
data += param_name + "=" + value;
}
return data;
}
|
|
|
|
|
Date :
2011-01-12 16:39:55 |
By :
น้องใหม่ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
มันคืน ค่ามาแสดงเป็น innerHTML
var el = document.getElementById(displayId);
el.innerHTML = responseText;
มันไม่สามารถทำแบบที่คุณต้องการได้อ่ะ ถ้าจะทำ module อื่นที่คุณเรียกใช้ ฟังก์ชั่นนี้อาจทำงานผิดได้
ถ้าจะลองเปลี่ยนก็
var el = document.getElementById(displayId);
el..style.display = responseText;
แล้ว ตอน echo บรรทัดนี้ echo "<script>document.getElementById('row_$id_activity') .style.display='none';</script>";
เปลี่ยนเป็น echo "none";
|
|
|
|
|
Date :
2011-01-12 18:13:17 |
By :
kaos |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 02
|