Форум

Batyabest · #11 (**permalink**) 30.03.2016, 20:18

Никто не подскажет?

рони · #12 (**permalink**) 30.03.2016, 20:22

Batyabest,
видимо ваш вопрос непонятен

Batyabest · #13 (**permalink**) 03.04.2016, 09:19

Вот часто верстки

<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, то сделать то и то))

рони · #14 (**permalink**) 03.04.2016, 10:44

Batyabest,
не понятно в чём проблема?

Batyabest · #15 (**permalink**) 03.04.2016, 11:40

проблема как мне получить к примеру то что действия производятся именно в нужном мне табе? я так думаю, получать значение скрытого инпута но как? Или путь не туда?

рони · #16 (**permalink**) 03.04.2016, 11:57

Batyabest,
если вы как-то управляите показом табов, наверно тогда и возможно получить значение нужного таба.

Batyabest · #17 (**permalink**) 03.04.2016, 12:03

Табы просто на css

рони · #18 (**permalink**) 03.04.2016, 12:24

Batyabest,
если id="tab_1" checked мы в 1 табе иначе во втором

Batyabest · #19 (**permalink**) 03.04.2016, 13:10

У меня в верстке изначально забито что checked первый таб, если вообще убрать - то они не появляются почему то вообще. И при выборе разных табов так и остается первый checked.

рони · #20 (**permalink**) 03.04.2016, 14:04

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>

Форум

Справочник

Discord чат

Курсы javascript