| |
|
|
| | Здравствуйте,
у меня меню с ссылками, при нажатии на какую-либо из них, становится виден <div>
сделано это так:
<div id="mydiv" style="display:none">Этот текст не видать!</div>
…и хотите, чтобы при нажатии на ссылку, этот DIV стал видимым:
<a href="javascript:void(0)" onClick="document.getElementById('mydiv').style.display = 'block'">Покажи!</a>.
а как теперь отключить видимость предыдущего <div>, если если я кликнула на следующую ссылку? нужно, чтоб они при клике на другую ссылку исчезали,заменяли друг друга, а они просто все становятся видимыми, все, на кого кликнула,
помогите пожалуйста. | |
| |
|
|
| |
|
|
| |
для: Natalie
(11.08.2006 в 18:21)
| | | надо id грамотно задавать. вот схожий пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
</head>
<body>
<script type="text/javascript">
var total=3;
function show(par){
for(i=1;i<=total;i++){
if(i==par){
document.getElementById('f'+i).style.display="";
}else{
document.getElementById('f'+i).style.display="none"
}
}
}
</script>
<a href="#" onClick="show(1); return false">форма1</a><br>
<a href="#" onClick="show(2); return false">форма2</a><br>
<a href="#" onClick="show(3); return false">форма3</a>
<form id="f1">
<input type="text">
</form>
<form id="f2" style="display:none">
<input type="text"><br>
<input type="text">
</form>
<form id="f3" style="display:none">
<input type="text"><br>
<input type="text"><br>
<input type="text">
</form>
</body>
</html>
|
| |
| |
|
|
