Никто не подскажет?
|
Batyabest,
видимо ваш вопрос непонятен |
Вот часто верстки
<section class="tabs">
<input id="tab_1" type="radio" name="tab" checked="checked" />
<input id="tab_2" type="radio" name="tab" />
<label for="tab_1" id="tab_l1">Клиентам</label>
<label for="tab_2" id="tab_l2">Партнерам</label>
<div style="clear:both"></div>
<div class="tabs_cont">
<div id="tab_c1">
<div class="reservation-form-shadow">
<form action="#" method="post" name="car-select-form" id="car-select-form">
<input type="hidden" name="partners" value="Клиентам"/>
</form>
</div></div>
<div id="tab_c2">
<div class="reservation-form-shadow">
<form action="#" method="post" name="car-select-form" id="car-select-form">
<input type="hidden" name="partners" value="Партнерам"/>
</form>
</div>
</div>
</div>
</section>
То есть у меня в различных табах отображается разная форма, и мне необходимо в зависимости от таба выполнить действие посредством JS. Интересует даже по идее таб 2, то есть если пользователь меняет информацию в одном из input в форме, производятся действия разные и мне нужно сделать так, чтобы если выбран таб 2, то сделать то и то)) |
Batyabest,
не понятно в чём проблема? |
проблема как мне получить к примеру то что действия производятся именно в нужном мне табе? я так думаю, получать значение скрытого инпута но как? Или путь не туда?
|
Batyabest,
если вы как-то управляите показом табов, наверно тогда и возможно получить значение нужного таба. |
Табы просто на css
|
Batyabest,
если id="tab_1" checked мы в 1 табе иначе во втором |
У меня в верстке изначально забито что checked первый таб, если вообще убрать - то они не появляются почему то вообще. И при выборе разных табов так и остается первый checked.
|
Batyabest, при вводе вам покажут для кого информация
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#tab_1:checked ~ .tabs_cont #tab_c1, #tab_2:checked ~ .tabs_cont #tab_c2{
display: block;
}
#tab_c1, #tab_c2{
display: none;
}
p{
color: #FF0000;
}
</style>
<script>
window.addEventListener('DOMContentLoaded', function() {
var p = document.querySelector('p'),
inp = document.querySelectorAll('form input');
[].forEach.call(inp, function(item) {
item.addEventListener('input', function() {
var check = document.querySelector('#tab_1').checked;
p.innerHTML = "информация для " + (check ? "клиентов" : "партнёров")
});
});
});
</script>
</head>
<body> <p></p>
<section class="tabs">
<input id="tab_1" type="radio" name="tab" checked="checked" />
<input id="tab_2" type="radio" name="tab" />
<label for="tab_1" id="tab_l1">Клиентам</label>
<label for="tab_2" id="tab_l2">Партнерам</label>
<div style="clear:both"></div>
<div class="tabs_cont">
<div id="tab_c1">
<div class="reservation-form-shadow">
<form action="#" method="post" name="car-select-form" id="car-select-form">
<input> Клиентам
</form>
</div></div>
<div id="tab_c2">
<div class="reservation-form-shadow">
<form action="#" method="post" name="car-select-form" id="car-select-form">
<input/> Партнерам
</form>
</div>
</div>
</div>
</section>
</body>
</html>
|
| Часовой пояс GMT +3, время: 16:49. |