Показать сообщение отдельно
  #20 (permalink)  
Старый 03.04.2016, 14:04
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

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>
Ответить с цитированием