Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Добавление окна при выборе из списка (https://javascript.ru/forum/dom-window/44557-dobavlenie-okna-pri-vybore-iz-spiska.html)

Bra4o 24.01.2014 12:54

Добавление окна при выборе из списка
 
Добрый день! Помогите добавить поле ввода текста, при выборе из списка "Организация"
<script>
$(function() {
$(".bsel1 div").click(function () {
$(".bsel1 div").removeClass('active');
$(this).addClass('active');
$(".bselect1").html($(this).html());
$("#bsel1").val($(this).html());
$(".bsel1").css("display", "none");
$(".bsel1").removeClass('active');
}); 

$(".bselect1").click(function () {
if($(".bsel1").hasClass('active')){
$(".bsel1").css("display", "none");
$(".bsel1").removeClass('active');
} else { 
$(".bsel1").css("display", "block");
$(".bsel1").addClass('active');
}
}); 

}); 
</script>
 
<script>
$(function() {
$(".bsel2 div").click(function () {
$(".bsel2 div").removeClass('active');
$(this).addClass('active');
$(".bselect2").html($(this).html());
$("#bsel2").val($(this).html());
$(".bsel2").css("display", "none");
$(".bsel2").removeClass('active');
}); 

$(".bselect2").click(function () {
if($(".bsel2").hasClass('active')){
$(".bsel2").css("display", "none");
$(".bsel2").removeClass('active');
} else { 
$(".bsel2").css("display", "block");
$(".bsel2").addClass('active');
}
}); 

}); 
</script>
 
<script>
$(function() {
$(".bsel3 div").click(function () {
$(".bsel3 div").removeClass('active');
$(this).addClass('active');
$(".bselect3").html($(this).html());
$("#bsel3").val($(this).html());
$(".bsel3").css("display", "none");
$(".bsel3").removeClass('active');
}); 

$(".bselect3").click(function () {
if($(".bsel3").hasClass('active')){
$(".bsel3").css("display", "none");
$(".bsel3").removeClass('active');
} else { 
$(".bsel3").css("display", "block");
$(".bsel3").addClass('active');
}
}); 

}); 
</script>
 <form method="POST" action="" class="booktour"> Заказчик экскурсии &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
  <div class="bselect3">Выбрать из списка
    <br />
  </div>
 
  <br />
 
  <div class="bsel3"> 
    <div class="active">Частное лицо</div>
   
    <div>Организация</div>
   </div>
 <input type="hidden" id="bsel3" value="Частное лицо" name="bsel3" /> 
  <div class="clear" style="height: 15px;"></div>
 
  <div class="heading">1. Ваши контактные данные</div>
 <input type="text" name="name" class="binp1" onfocus="if(this.value=='Ваше имя') this.value='';" onblur="if(this.value=='') this.value='Ваше имя';" value="Ваше имя" /> <input type="text" name="phone" class="binp1" onfocus="if(this.value=='Телефон') this.value='';" onblur="if(this.value=='') this.value='Телефон';" value="Телефон" /> <input type="text" name="email" class="binp1" onfocus="if(this.value=='E-mail') this.value='';" onblur="if(this.value=='') this.value='E-mail';" value="E-mail" /> 
  <div class="heading">2. Какую экскурсию хотите заказать:</div>
 Дата <input type="text" name="time1" class="binp2" onfocus="if(this.value=='ДД') this.value='';" onblur="if(this.value=='') this.value='ДД';" value="ДД" />:<input type="text" name="time2" class="binp2" onfocus="if(this.value=='ММ') this.value='';" onblur="if(this.value=='') this.value='ММ';" value="ММ" />:<input type="text" name="time3" class="binp2" onfocus="if(this.value=='ГГ') this.value='';" onblur="if(this.value=='') this.value='ГГ';" value="ГГ" /> и время <input type="text" name="time4" class="binp2" onfocus="if(this.value=='ЧЧ') this.value='';" onblur="if(this.value=='') this.value='ЧЧ';" value="ЧЧ" />:<input type="text" name="time5" class="binp2" onfocus="if(this.value=='ММ') this.value='';" onblur="if(this.value=='') this.value='ММ';" value="ММ" /> начала экскурсии 
  <br />
 
  <div class="clear" style="height: 15px;"></div>
 Место проведения экскурсии 
  <div class="bselect1">Здание-шлем</div>
 
  <br />
 
  <div class="bsel1"> 
    <div class="active">Здание-шлем</div>
   
    <div>Здание в Кремле</div>
   </div>
 <input type="hidden" id="bsel1" value="Здание &laquo;Шлем&raquo;" name="bsel1" /> 
  <div class="clear" style="height: 15px;"></div>
 Язык, на котором будет вестись экскурсия: 
  <div class="bselect2">русский</div>
 
  <br />
 
  <div class="bsel2"> 
    <div class="active">русский</div>
   
    <div>английский</div>
   </div>
 <input type="hidden" id="bsel2" value="русский" name="bsel2" /> 
  <div class="clear" style="height: 15px;"></div>
 Количество человек в группе <input type="text" name="qua" class="binp2" onfocus="if(this.value=='01') this.value='';" onblur="if(this.value=='') this.value='01';" value="01" /> 
  <br />
 <textarea onfocus="if(this.innerHTML=='Дополнительные пожелания и комментарии') this.innerHTML='';" onblur="if(this.innerHTML=='') this.innerHTML='Дополнительные пожелания и комментарии';" name="comments">Дополнительные пожелания и комментарии</textarea> <input type="submit" value="заказать" /> </form>

ksa 24.01.2014 15:04

Bra4o, ты бы примерчик-то вменяемый сделал, а не такую страсть-мордасть... :blink:

danik.js 24.01.2014 15:12

Цитата:

Сообщение от ksa
страсть-мордасть

Нашел к чему придраться... :(

Bra4o 24.01.2014 15:16

Не я делал, мне просто добавить надо

ksa 24.01.2014 15:30

Цитата:

Сообщение от Bra4o
Не я делал, мне просто добавить надо

Вот пусть кто делал - тот и добавляет... :D

Цитата:

Сообщение от danik.js
Нашел к чему придраться...

Я не минусовал. :D

Bra4o 24.01.2014 15:57

Тот кто делал, контакты пропали, вот по-этому и обратился на форум.

ksa 24.01.2014 15:59

Цитата:

Сообщение от Bra4o
Тот кто делал, контакты пропали

1000р в час и я готов помогать тебе. :yes:

Bra4o 24.01.2014 16:14

Для знающего человека, там делов на десяток минут

danik.js 24.01.2014 16:36

Цитата:

Сообщение от Bra4o
при выборе из списка "Организация"

Не вижу чета никакого списка "Организация"
Цитата:

Сообщение от Bra4o
Помогите добавить поле ввода текста

Добавь <input type="text" name="blabla" />

Bra4o 24.01.2014 17:27

<form method="POST" action="" class="booktour"> Заказчик экскурсии &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
073 <div class="bselect3">Выбрать из списка
074 <br />
075 </div>
076
077 <br />
078
079 <div class="bsel3">
080 <div class="active">Частное лицо</div>
081
082 <div>Организация</div>
083 </div>
084 <input type="hidden" id="bsel3" value="Частное лицо" name="bsel3" />
085 <div class="clear" style="height: 15px;"></div>


Часовой пояс GMT +3, время: 14:37.