| Код |
<html>
<head>
<style>
form{display:none}
#frm1{display:block}
</style>
</head>
<body>
<form id="frm1" action="qq.html?1" method="post">
<input type="text" value="1"><input type="submit" name="f1">
</form>
<form id="frm2" action="qq.html?2" method="post">
<input type="text" value="2"><input type="submit" name="f2">
</form>
<form id="frm3" action="qq.html?3" method="post">
<input type="text" value="3"><input type="submit" name="f3">
</form>
<form id="frm4" action="qq.html?4" method="post">
<input type="text" value="4"><input type="submit" name="f4">
</form>
<a href="#" onclick="make(1)">отобразить1</a><br>
<a href="#" onclick="make(2)">отобразить2</a><br>
<a href="#" onclick="make(3)">отобразить3</a><br>
<a href="#" onclick="make(4)">отобразить4</a><br>
<script>
var make=function(par)
{
var formsAr=document.getElementsByTagName("form");
for(var i=0;i<formsAr.length;i++)
{
formsAr[i].style.display="none";
}
try{document.getElementById("frm"+par).style.display="block";}
catch(e){document.getElementById("frm1").style.display="block";}
return false;
}
make(location.search.replace('?',''))//вот здесь славое место, сразу оговорюсь, здесь следует использовать регулярку
</script>
</body>
</html>
|
и прицеплять к ?show=число, а лучше всего логику отображения делать на серваке
на клиенте может быть много всяких НО, которые создадут проблемки |