我正在研究一个项目,一切正常,CRUD功能都正常工作。我有一个class.user.php,viewsample.php和next.php的页面。现在,我的问题是我只想在viewsample.php中添加一个下一个按钮,如果我点击特定的记录或id,它将在viewsample.php中显示该人或id的记录。在viewsample.php里面我想添加一个下一个按钮,因为一个id或者有很多细节不能只适合单个窗口所以,我想在它上面添加一个下一个按钮。所以当用户点击它时下一个按钮它将显示该特定人或id.i不希望发生的其他细节是当我点击下一个按钮它将转到下一个ID ..我想要的是留在当前的ID并显示其他详细信息那个身份或者是谁...请帮助我吗?
class.user.php
<?php
include_once 'dbconfig.php';
$username = isset($_GET['username']) ? $_GET['username'] : '';
$password = isset($_GET['password']) ? $_GET['password'] : '';
$province = isset($_GET['province']) ? $_GET['province'] : '';
if(isset($_GET['user_id']))
{
$user_id = $_GET['user_id'];
extract($crud->getID($user_id));
}
?>
<body>
<a href="NEXT.php?user_id=id FROM login">Next</a>
<br />
<br />
<div id="Survey-view">
<div id="header">
</div>
<p><strong>INFORMATION</strong></p>
<hr />
<div id="main-frame">
<table id="information-content" cellspacing="0">
<thead>
<tr>
<th>Username</th>
<th>Password</th>
<th>Province</th>
</tr>
<tbody>
<tr>
<td><?php echo $username; ?></td>
<td><?php echo $password; ?></td>
<td><?php echo $province; ?></td>
</tr>
</tbody>
</thead>
</table>
</div>
<br />
<br />
viewsample.php
<?php
include_once 'dbconfig.php';
$username = isset($_GET['username']) ? $_GET['username'] : '';
$password = isset($_GET['password']) ? $_GET['password'] : '';
$province = isset($_GET['province']) ? $_GET['province'] : '';
if(isset($_GET['user_id']))
{
$user_id = $_GET['user_id'];
extract($crud->getID($user_id));
}
?>
<p><strong>INFORMATION</strong></p>
<hr />
<div id="main-frame">
<table id="information-content" cellspacing="0">
<thead>
<tr>
<th>Username</th>
<th>Password</th>
<th>Province</th>
</tr>
<tbody>
<tr>
<td><?php echo $username; ?></td>
<td><?php echo $password; ?></td>
<td><?php echo $province; ?></td>
</tr>
</tbody>
</thead>
</table>
</div>
next.php
setup.sh
答案 0 :(得分:0)
您可能希望使用AJAX
在同一个用户上提取新信息,但根据数据量,您可以一次性渲染所有信息并使用javascript隐藏和显示不同的部分。也许类似于这个(我正在使用jQuery,因为我对javascript的了解甚至低于我有效使用jQuery的能力,而且我敢肯定有人更擅长jQuery / javascript可以做得更好):
DEMO: http://jsfiddle.net/qmzj7tsw/
<强>样式:强>
<style>
.default-show {
display: block !important;
}
.stuff {
display: none;
}
.btn-next {
cursor: pointer;
}
</style>
<强> HTML:强>
<div class="btn-next">NEXT</div>
<ul id="userInfo">
<li class="stuff default-show">Stuff1</li>
<li class="stuff">Stuff2</li>
<li class="stuff">Stuff3</li>
</ul>
<强> jQuery的:强>
<script>
$(document).ready(function() {
$(".btn-next").click(function() {
var curr = $(".default-show");
var next = curr.next();
if(next.attr("class") !== 'stuff') {
var all_btns = $("#userInfo").children("li");
curr.removeClass("default-show");
curr = $(all_btns[0]);
curr.addClass("default-show");
}
else {
curr.removeClass("default-show");
curr.next().addClass("default-show");
}
});
});
</script>