假设我想在网上创建一个调查页面,我希望每个页面都包含多个问题,但我有问题。 我不想创建大约3或4个单独的页面,并使用下一步按钮 href 另一页。 我对如何实现它的想法已经不多了。
<pre> <!doctype html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"> </script>
<script>
$(document).ready(function(){
jQuery(document).ready(function(){
jQuery('#hideshow').live('click', function(event) {
jQuery('#content').toggle('show');
});
})
});
</script>
</head>
<body>
<script>
function show() {
if(document.getElementById('benefits').style.display=='none') {
document.getElementById('benefits').style.display='block';
}
return false;
}
function hide() {
if(document.getElementById('benefits').style.display=='block') {
document.getElementById('benefits').style.display='none';
}
return false;
}
</script>
<div id="opener"><a href="#1" name="1" onclick="return show();">click here</a></div>
<div id="benefits" style="display:none;">some input in here plus the close button
<div id="upbutton"><a onclick="return hide();">click here</a></div>
</div>
</body>
</html> <code>
答案 0 :(得分:0)
您可以考虑使用像mySQL这样的数据库和问题表,这样您就可以动态地将它们加载到页面中。这样您就可以制作页面模板,只需从问题表中动态请求页面ID,即可加载属于该“页面”的所有问题。
如果你无法访问php或mysql,并且想要坚持使用jquery / javascript,你可以考虑设置一个json数据库并只使用ajax加载问题。