gpt4 book ai didi

php - 如何创建像phpmyadmin中的表一样的动态表?

转载 作者:行者123 更新时间:2023-12-02 19:11:08 24 4
gpt4 key购买 nike

下面的代码可以在单击时编辑单元格值,但是我希望当用户单击“保存”按钮时将新值存储在数据库中。请帮助我

    <?php include"connect.php"; ?>
<html>
<head>
<title>Edit time records</title>
<style>
table{ text-align:justified;}
a {text-decoration:none;
color:black;
}
.replace {display:none;}
</style>
<link rel="stylesheet" type="text/css" href="css/allRecordsStyle.css">
<script type="text/javascript">
/*<![CDATA[*/
function INPUT(id){
var obj=document.getElementById(id),tds=obj.getElementsByTagName('SPAN'),z0=0,ip,html;
for (;z0<tds.length;z0++){
tds[z0].onmouseup=function(){ AddInput(this); }
}
}

function AddInput(td){
var ip=zxcAddField('INPUT','text','');
ip.value=td.innerHTML;
ip.ondblclick = function () { removeInput(ip); };
td.innerHTML='';
td.appendChild(ip);
td.onmouseup=null;
}
function removeInput(input) {
var val = input.value;
var td = input.parentNode;
td.removeChild(td.lastChild);
td.innerHTML = val;
td.onmouseup = function () { AddInput(td); };
}

function zxcAddField(nn,type,nme){
var obj;
try {
obj=document.createElement('<'+nn+' name="'+(nme||'')+'" '+(type?'type="'+type+'" ':'')+' >');
}
catch(error){
obj=document.createElement(nn);
if (type){
obj.type=type;
}
obj.name=nme||'';
}
return obj;
}


/*]]>*/
</script>
<script type="text/javascript">
/*<![CDATA[*/

function Init(){
INPUT('tst');
}

if (window.addEventListener){
window.addEventListener('load',Init, false);
}
else if (window.attachEvent){
window.attachEvent('onload',Init);
}

/*]]>*/
</script>
</head>
<body>
<a href="admin.php">back</a>
<?php



echo "<table border=1 id='tst' class='tab'>";
echo "<tr><th class='data' rowspan='2' ><strong>EMPLOYEE</strong></th>";
echo "<th class='data' rowspan='2'>DATE</th>
<th colspan='2'>AM</th>
<th colspan='2'>PM</th>
<th colspan='2'>OVERTIME</th></tr>";
echo "<tr>
<th>Arrival</th>
<th>Departure</th>
<th>Arrival</th>
<th>Departure</th>
<th>In</th>
<th>Out</th>
</tr>";


$query="SELECT
employee_detail.employee_code,
employee_detail.lname,
employee_detail.fname,
employee_detail.mname,
employee_record.date,
employee_record.am_in,
employee_record.am_out,
employee_record.pm_in,
employee_record.pm_out,
employee_record.over_in,
employee_record.over_out
FROM employee_detail INNER JOIN employee_record ON employee_record.employee_code=employee_detail.employee_code ORDER BY id DESC ";

$result=mysql_query($query);
$affected=mysql_affected_rows();

while($affected>=1&&$row=mysql_fetch_array($result))
{

echo '<tr><td>';
echo $row['lname'].",&nbsp";
echo $row['fname']."&nbsp";
echo $row['mname']."</td>";
echo '<td>'.$row['date'].'</td>';
echo '<td><span name="am_in">'.$row['am_in'].'</span></td>';
echo '<td><span name="am_out">'.$row['am_out'].'</span></td>';
echo '<td><span name="pm_in">'.$row['pm_in'].'</span></td>';
echo '<td><span name="pm_out">'.$row['pm_out'].'</span></td>';
echo '<td><span name="over_in">'.$row['over_in'].'</span></td>';
echo '<td><span name="over_out">'.$row['over_out'].'</span></td></tr>';
$affected--;

}?>
<input id="save" type="submit" value="Save Changes" onclick=""/>


</body>
</html>

最佳答案

我看不懂这个。我已经尝试了 15 分钟。

要保存到数据库,您需要对服务器进行 AJAX 调用,这可能意味着,在您的情况下,您将为此目的制作另一个 php 脚本,或者将您的脚本分成多个文件...

但是您最终将在此“保存按钮”上附加一个点击事件,然后执行以下操作:

var xhr = makeXmlObject();
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
alert("saved...hopefully...");
}
}
xhr.open("POST", "myscript.php", true);
xhr.send("name=cheese");

您还需要将 header 设置为表单编码,并制作其他脚本...并制作 makeXmlObject 函数...但这应该会让您走上正轨。

或者你可以使用一个库,其中大部分都会为你抽象出来,这样你的一切就不再那么神秘......这就是我不久前所做的,现在不记得如何使用直接的 xmlhttprequest 对象...

无论如何,祝你好运。

关于php - 如何创建像phpmyadmin中的表一样的动态表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13695011/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com