при нажатии radio в option нескрывались div
Помогите новичку,что я делаю не так.
Хочу чтоб при нажатии radio в обе стороны когда выбирал в option показывала строки дата, время.Напримере как оно работает в одну сторону.Заранее спасибо:help: =(
<!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=utf-8">
<script type="text/javascript" src="js/new.js"></script>
<title>Документ без названия</title>
</head>
<body>
<h2>Заказать онлайн</h2>
<div>
<input type="radio" id="radio-1" onClick="instruction (1)" checked />В Одну сторону
</div>
<div>
<input type="radio" id="radio-2" onClick="instruction (2)" />В Обе стороны
</div>
</div>
<div id="step_1">
<div class="wrapper"> Ф.И.О:
<div class="bg">
<input type="text" class="input input1" value="Ф.И.О" onBlur="if(this.value=='') this.value='Ф.И.О'" onFocus="if(this.value =='Ф.И.О' ) this.value=''">
</div>
</div>
<div class="wrapper"> Телефон:
<div class="bg">
<input type="text" class="input input1" value="Телефон" onBlur="if(this.value=='') this.value='Телефон'" onFocus="if(this.value =='Телефон' ) this.value=''">
</div>
</div>
<div class="wrapper">Выбор направления
<div class="wrapper">
<select onchange="one(this.value)">
<option>---</option>
<option value="1">Прага--->Аэропорт</option>
<option value="2">Аэропорт--->Прага</option>
</select>
<div id="one1" style="display:none">
<div class="bg">
<input type="text" class="input input1" value="Введите ваш адрес" onBlur="if(this.value=='') this.value='Введите ваш адрес'" onFocus="if(this.value =='Введите ваш адрес' ) this.value=''">
</div>
<div class="bg left">
<input type="text" class="input input2" value="mm/dd/yyyy " onBlur="if(this.value=='') this.value='mm/dd/yyyy '" onFocus="if(this.value =='mm/dd/yyyy ' ) this.value=''">
</div>
<div class="bg right">
<input type="text" class="input input2" value="12:00am" onBlur="if(this.value=='') this.value='12:00am'" onFocus="if(this.value =='12:00am' ) this.value=''">
</div>
</div>
<div id="one2" style="display:none">
<div class="bg">
<input type="text" class="input input1" value="Введите ваш адрес" onBlur="if(this.value=='') this.value='Введите ваш адрес'" onFocus="if(this.value =='Введите ваш адрес' ) this.value=''">
</div>
<div class="bg">
<input type="text" class="input input1" value="Номер рейса" onBlur="if(this.value=='') this.value='Номер рейса'" onFocus="if(this.value =='Номер рейса' ) this.value=''">
</div>
<div class="bg left">
<input type="text" class="input input2" value="mm/dd/yyyy " onBlur="if(this.value=='') this.value='mm/dd/yyyy '" onFocus="if(this.value =='mm/dd/yyyy ' ) this.value=''">
</div>
<div class="bg right">
<input type="text" class="input input2" value="12:00am" onBlur="if(this.value=='') this.value='12:00am'" onFocus="if(this.value =='12:00am' ) this.value=''">
</div>
</div>
</div>
</div>
</div>
<div id="step_2" style="display:none">
<div class="wrapper"> Ф.И.О:
<div class="bg">
<input type="text" class="input input1" value="Ф.И.О" onBlur="if(this.value=='') this.value='Ф.И.О'" onFocus="if(this.value =='Ф.И.О' ) this.value=''">
</div>
</div>
<div class="wrapper"> Телефон:
<div class="bg">
<input type="text" class="input input1" value="Телефон" onBlur="if(this.value=='') this.value='Телефон'" onFocus="if(this.value =='Телефон' ) this.value=''">
</div>
</div>
<div class="wrapper">Выбор направления
<div class="wrapper">
<select onchange="one(this.value)">
<option>---</option>
<option value="1">Прага--->Аэропорт</option>
<option value="2">Аэропорт--->Прага</option>
</select>
<div id="two1" style="display:none">
<input type="text" class="input input1" value="Введите ваш адрес" onBlur="if(this.value=='') this.value='Введите ваш адрес'" onFocus="if(this.value =='Введите ваш адрес' ) this.value=''">
<input type="text" class="input input2" value="mm/dd/yyyy " onBlur="if(this.value=='') this.value='mm/dd/yyyy '" onFocus="if(this.value =='mm/dd/yyyy ' ) this.value=''">
<input type="text" class="input input2" value="12:00am" onBlur="if(this.value=='') this.value='12:00am'" onFocus="if(this.value =='12:00am' ) this.value=''">
<div class="bg">
<input type="text" class="input input1" value="Введите ваш адрес" onBlur="if(this.value=='') this.value='Введите ваш адрес'" onFocus="if(this.value =='Введите ваш адрес' ) this.value=''">
</div>
<div class="bg">
<input type="text" class="input input1" value="Номер рейса" onBlur="if(this.value=='') this.value='Номер рейса'" onFocus="if(this.value =='Номер рейса' ) this.value=''">
</div>
<div class="bg left">
<input type="text" class="input input2" value="mm/dd/yyyy " onBlur="if(this.value=='') this.value='mm/dd/yyyy '" onFocus="if(this.value =='mm/dd/yyyy ' ) this.value=''">
</div>
<div class="bg right">
<input type="text" class="input input2" value="12:00am" onBlur="if(this.value=='') this.value='12:00am'" onFocus="if(this.value =='12:00am' ) this.value=''">
</div>
</div>
<div id="two2" style="display:none">
<div class="bg">
<input type="text" class="input input1" value="Введите ваш адрес" onBlur="if(this.value=='') this.value='Введите ваш адрес'" onFocus="if(this.value =='Введите ваш адрес' ) this.value=''">
</div>
<div class="bg">
<input type="text" class="input input1" value="Номер рейса" onBlur="if(this.value=='') this.value='Номер рейса'" onFocus="if(this.value =='Номер рейса' ) this.value=''">
</div>
<div class="bg left">
<input type="text" class="input input2" value="mm/dd/yyyy " onBlur="if(this.value=='') this.value='mm/dd/yyyy '" onFocus="if(this.value =='mm/dd/yyyy ' ) this.value=''">
</div>
<div class="bg right">
<input type="text" class="input input2" value="12:00am" onBlur="if(this.value=='') this.value='12:00am'" onFocus="if(this.value =='12:00am' ) this.value=''">
</div>
</div>
</div>
</div>
</div>
<script>
function one(m_param){
m_param = parseInt(m_param);
for (var i = 1, e; e = document.getElementById('one' + i); ++i)
e.style.display = i === m_param ? '' : 'none';
}
function show(id){document.getElementById('step_'+id).style .display="block";}
function hide(id){document.getElementById('step_'+id).style .display="none";}
function instruction (ind){
if (ind==1) {
document.getElementById('radio-1').checked = true;
document.getElementById('radio-2').checked = false;
for (var i=1;i<6;i=i+2){
show (i);
hide(i+1);
}
}
else{
document.getElementById('radio-1').checked = false;
document.getElementById('radio-2').checked = true;
for (var i=2;i<7;i=i+2){
show (i);
hide(i-1);
}
}
}
</script>
</body>
</html>
|
| Часовой пояс GMT +3, время: 12:49. |