Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: вопрос по JS
 
 автор: DMN   (05.08.2006 в 10:16)   письмо автору
 
 

привет всем!
нужна помощь по JS...
есть выпадающее меню, с тремя пунктами, есть три формы. вопрос, как сделать так, чтоб при выборе одного пункта, загружалась одна форма, при выборе другого, другая и т.д...?

   
 
 автор: AlexSol   (05.08.2006 в 10:31)   письмо автору
 
   для: DMN   (05.08.2006 в 10:16)
 

например так:

<!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>

   
 
 автор: DMN   (05.08.2006 в 11:37)   письмо автору
 
   для: AlexSol   (05.08.2006 в 10:31)
 

сойдет...

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования