Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #21 (permalink)  
Старый 31.08.2012, 13:50
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

вот так должно получиться
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Поиск дешевых авиабилетов</title>
  <link href="style_poisk.css" media="screen" rel="stylesheet" type="text/css" />
  <script src="http://nano.aviasales.ru/assets/autocomplete_places_ru.js?1.85.0" type="text/javascript"></script>
  <script>
    //<![CDATA[
      var LOCALE = "ru";
    //]]>
  </script>
  <script src="http://yandex.st/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://nano.aviasales.ru/assets/nano_ui/partners/classic_search_form_ru-2b45bd63de343458c02714e0b887b537.js" type="text/javascript"></script>
</head>
<body>
  <div id="aviasales_page-wrapper">
  <form accept-charset="UTF-8" action="http://nano.aviasales.ru/searches/new" data-uniform="" data-validator="true" data-widget="nano_search_form" id="aviasales_new_search" method="get" target="_blank"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div>
    <div id="aviasales_form_contents">
	<input id="11468" name="marker" type="hidden" value="inline-form-test-marker">
      <input id="with_request" name="with_request" type="hidden" value="true" />
      <input id="currency" name="currency" type="hidden" />
      <div class="aviasales_form_line_wrapper">
        <div class="aviasales_form_input_unit aviasales_origin">
          <label for="search_params_attributes_origin_name"></label>
          <input data-clearable="require" data-validate="require" data-widget="places_autocomplete" id="search_params_attributes_origin_name" name="origin" type="text" onfocus="if(this.value=='Город вылета') this.value='';" onblur="if(this.value=='') this.value='Город вылета';" value="Город вылета" />
          <input id="origin_iata" name="origin_iata" type="hidden" />
        </div>
        <div id="aviasales_change_places">
          <div id="aviasales_change_places_bg" class="trigger" data-method="swap_places" data-swaper-to="destination,destination_iata" data-swaper-from="origin,origin_iata" data-widget="swaper"></div>
        </div>
        <div class="aviasales_form_input_unit aviasales_destination">
          <label for="search_params_attributes_destination_name"></label>
          <input data-clearable="require" data-validate="require" data-widget="places_autocomplete" id="search_params_attributes_destination_name" name="destination" type="text" onfocus="if(this.value=='Город прилета') this.value='';" onblur="if(this.value=='') this.value='Город прилета';" value="Город прилета" />
          <input id="destination_iata" name="destination_iata" type="hidden" />
        </div>
      </div>

      <div class="aviasales_form_line_wrapper">
        <div class="aviasales_form_input_unit aviasales_direct">
          <label for="search_params_attributes_depart_date"></label>
          <input data-datepicker_layout_class="small_calendar" data-datepicker_number_of_months="2" data-validate="date require" data-widget="datepicker" id="search_params_attributes_depart_date" type="text" onfocus="if(this.value=='Дата вылета') this.value='';" onblur="if(this.value=='') this.value='Дата вылета';" value="Дата вылета" style="margin-top: 18px;"/>
          <div class="aviasales_range">
		    <label for="aviasales_not_strict_dates_checkbox">± 3 дня</label>
            <input id="aviasales_not_strict_dates_checkbox" name="range" type="checkbox" value="1" />
          </div>
        </div>
        <div class="aviasales_form_input_unit aviasales_return">
          <div class="aviasales_is-direct">
		    <label for="aviasales_one_way_checkbox">Хочу обратно</label>
            <input id="aviasales_one_way_checkbox" name="oneway" type="checkbox" value="1" data-widget-disable="#search_params_attributes_return_date" />
          </div>
          <div>
            <input data-datepicker_layout_class="small_calendar" data-datepicker_number_of_months="2" data-validate="date" data-widget="datepicker" id="search_params_attributes_return_date" type="text" onfocus="if(this.value=='Обратный рейс') this.value='';" onblur="if(this.value=='') this.value='Обратный рейс';" value="Обратный рейс" />
          </div>
        </div>
      </div>

      <div class="aviasales_form_line_wrapper aviasales_count_params">
        <div class="aviasales_form_input_unit aviasales_short_labeled_select">
          <label for="adults" class="aviasales_adults_label" title="Взрослый (&gt; 12)">
            <div class="aviasales_passenger_ico">Взрослый</div>
          </label>
          <select id="search_params_attributes_adults" name="adults"><option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option></select>
        </div>
        <div class="aviasales_form_input_unit aviasales_short_labeled_select">
          <label for="children" class="aviasales_children_label" title="Ребенок (&lt; 12)" >
            <div class="aviasales_passenger_ico" style="margin-left:12px">Ребенок</div>
          </label>
          <select id="search_params_attributes_children" name="children"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option></select>
        </div>
        <div class="aviasales_form_input_unit aviasales_short_labeled_select">
          <label for="infants" class="aviasales_infants_label" title="Младенец (&lt; 2)" >
            <div class="aviasales_passenger_ico">Младенец</div>
          </label>
          <select id="search_params_attributes_infants" name="infants"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
        </div>
<div class="aviasales_form_input_unit aviasales_long_labeled_select">
<p style="position:absolute;right:90px;color:#fff;margin:5px 0;font-weight:bold;font-size: 12px;">Класс</p>
<select id="search_params_attributes_trip_class" name="trip_class"><option value="0">Эконом</option>
<option value="1">Бизнес</option>
<option value="2">Первый</option></select>
        </div>
      </div>

      <div class="input_wrapper submit">
        <input class="test" id="search_submit" name="commit" type="submit" value="Найти" />
      </div>

    </div>
  </div>
</form>

<script>
window.onload = function () {
	var inp = document.getElementById('search_params_attributes_return_date');
	var ch = document.getElementById('aviasales_one_way_checkbox');
	inp.setAttribute('disabled', 'disabled');
	inp.style.background = 'white';
	
	document.body.onclick = function (e) {
		e = e || event;
		var target = e.target || e.srcElement;
		if (target.id == 'aviasales_one_way_checkbox') {
			if (target.checked == true) {
				inp.removeAttribute('disabled');
				inp.style.background = 'lightgray';
			} else {
				inp.setAttribute('disabled', 'disabled');
				inp.style.background = 'white';
			}
		}
	}
	
}
</script>
</body>
</html>
Ответить с цитированием
  #22 (permalink)  
Старый 31.08.2012, 15:40
Аспирант
Отправить личное сообщение для ireznik Посмотреть профиль Найти все сообщения от ireznik
 
Регистрация: 30.08.2012
Сообщений: 34

хех к сожалению все так же и когда стоит галочка в строке ничего все ранво нельзя менять...сори если вас достал с этой формой, просто хочется сделать красиво) с цсс разобрался, а вот жс не идет..

Последний раз редактировалось ireznik, 01.09.2012 в 18:09.
Ответить с цитированием
  #23 (permalink)  
Старый 31.08.2012, 16:13
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

первый вариант тоже не работает?
Ответить с цитированием
  #24 (permalink)  
Старый 31.08.2012, 21:26
Аспирант
Отправить личное сообщение для ireznik Посмотреть профиль Найти все сообщения от ireznik
 
Регистрация: 30.08.2012
Сообщений: 34

<script>
window.onload = function () {
	var inp = document.getElementById('search_params_attributes_return_date');
	var ch = document.getElementById('aviasales_one_way_checkbox');
	inp.setAttribute('disabled', 'disabled');
	inp.style.background = 'white';
	
	document.body.onclick = function (e) {
		e = e || event;
		var target = e.target || e.srcElement;
		if (target.id == 'aviasales_one_way_checkbox') {
			if (target.checked == true) {
				inp.removeAttribute('disabled');
				inp.style.background = 'lightgray';
			} else {
				inp.setAttribute('disabled', 'disabled');
				inp.style.background = 'white';
			}
		}
	}
	
}
</script>


если вы за это, то оно так же...работал ваш самый первый варинат в том, что вы потом сказали обернуть...и все больше пока ничего не работало...но там проблема с стилями стили пробовал перезадавать несовсем то выходило..хотлось бы что бы если галки нет применялся стиль дисаблед, а если есть то все как обычно....прсото если не трудно покаите код и скажите куда вы стили прописываете, а я буду химичить)
Ответить с цитированием
  #25 (permalink)  
Старый 31.08.2012, 21:27
Аспирант
Отправить личное сообщение для ireznik Посмотреть профиль Найти все сообщения от ireznik
 
Регистрация: 30.08.2012
Сообщений: 34

да кст в этом коде импуты я не ставил или их надо было куда то дописать? ну что перед скриптом?
Ответить с цитированием
  #26 (permalink)  
Старый 31.08.2012, 21:45
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

ну раз первый скрипт рабочий, его и используйте, как поменять background у инпутов я показал во втором варианте
PS: пациент оказался лечимым по фото
Ответить с цитированием
  #27 (permalink)  
Старый 31.08.2012, 22:05
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

bes,
сасем Замучили , ireznik,
попробуйте в конец страницы
<style type="text/css">
div.disabled #search_params_attributes_return_date{
 background: #D3D3D3!important;
}
</style>
<script>
window.onload = function () {
setTimeout(function(){//
  var a=$("#search_params_attributes_return_date");
  a.attr("disabled","disabled");
  a.parent().addClass("disabled")

},200);
  $("#aviasales_one_way_checkbox").change(function(){
setTimeout(function(){
  if($("#aviasales_one_way_checkbox:checked").length){
	var a=$("#search_params_attributes_return_date");
	a.removeAttr("disabled");  a.parent().removeClass("disabled")
  }
},20);
setTimeout(function(){
  if($("#aviasales_one_way_checkbox:not(:checked)").length){
	var a=$("#search_params_attributes_return_date");
	a.attr("disabled","disabled");
	a.parent().addClass("disabled")
  }
},20);
  }); 
}
</script>

Последний раз редактировалось Deff, 31.08.2012 в 23:10.
Ответить с цитированием
  #28 (permalink)  
Старый 31.08.2012, 22:29
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Deff, с $(document).ready можно и не в конец (хотя когда добавили window.onload необходимость в этом также отпала)
Ответить с цитированием
  #29 (permalink)  
Старый 31.08.2012, 22:32
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

bes,
У мну в Опере window.onload в jQuery для данного сайта виснет - не стал даж боротся,

Чуть поправил в связи с замечанием bes,

Последний раз редактировалось Deff, 31.08.2012 в 22:50.
Ответить с цитированием
  #30 (permalink)  
Старый 31.08.2012, 23:20
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

вы(именно с маленькой буквы) долбоёбы рамсы не попутали случайно взломщики? человек защитил свою работу-хочет этот скрипт -пусть связываться с Разработчиком его и оплачивает его или чего там разработчик захочет

Последний раз редактировалось dmitriymar, 31.08.2012 в 23:27.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите разобраться со скриптом jQuery emere jQuery 13 08.10.2011 09:46
Подсчёт дней до конца акции - помогите разобраться со скриптом Chataine Общие вопросы Javascript 0 24.07.2011 14:48
Помогите с скриптом... cosonic Общие вопросы Javascript 6 03.07.2010 01:19
помогите с скриптом $12ANDRE12$ Firefox/Mozilla 2 12.05.2009 21:46
Помогите со скриптом Pilageen Общие вопросы Javascript 5 13.04.2009 14:13