Показать сообщение отдельно
  #3 (permalink)  
Старый 01.12.2014, 14:50
Аспирант
Отправить личное сообщение для mixnet Посмотреть профиль Найти все сообщения от mixnet
 
Регистрация: 15.03.2014
Сообщений: 34

все есть вот выбор

function show_country(){
 var selected_country = document.getElementById("counts").value;

document.getElementById("q1").style.display = 'none';
document.getElementById("q2").style.display = 'none';


	if (selected_country == '1') {
		document.getElementById("q1").style.display = 'block';
	}
	if (selected_country == '2') {
		document.getElementById("q2").style.display = 'block';
	}
}


плагин jQuery.Color()

http://www.xiper.net/examples/js-plu...query.color.js

а вот jQuery цвета

<script>
	// Rainbow animation
(function animate() {
    var block = $('#c1');
    block.animate({backgroundColor: $.Color(block.css('backgroundColor')).hue('+=179')}, 9000, animate);
})();
</script>


вот сам html чтоб было наглядней


<div class="row">
<label for="name">Описание ссылки:<span class="req">*</span></label>
<input type="text" name="text" id="text" class="txt" tabindex="1"  placeholder="" required>
</div>
<div class="row">
<label for="name">Количество дней:<span class="req">*</span></label>
<input type="text" name="tarif" id="text" class="txt" onChange="tarif_oplati();" onKeyUp="tarif_oplati();" placeholder="" required>
</div>
<div class="row">
<label for="name">выделить ссылку<br>цветом?<span class="req">*</span></label>
<select  class="styled-select" id="counts" onChange="show_country();">
<option value="0" selected disable>Нет</option>
<option value="1">Да</option>
</select>
</div>


<span id="q1" style="display: none">
<div  id="c1">
<label for="email">выберите цвет<br>для ссылки<span class="req">*</span></label>
<select class="styled-select" name="colors" onchange="this.style.backgroundColor=this.value"> 
  <option style="background-color:#cccccc" value="#cccccc">Серый</option>  
  <option style="background-color:#ffff00" value="#ffff00">Желтый</option>  
  <option style="background-color:#ff0000" value="#ff0000">Красный</option>  
  <option style="background-color:#8099E8" value="#8099E8">Голубой</option>  
</select></div>
</span>

<div class="row">
<label for="name">выделить описание<br>цветом?<span class="req">*</span></label>
<select  class="styled-select" id="counts" onChange="show_country();">
<option value="0" selected disable>Нет</option>
<option value="1">Да</option>
</select>
</div>


<span id="q2" style="display: none">
<div class="row">
<label for="email">выберите цвет<br>для описания<span class="req">*</span></label>
<select class="styled-select" name="colors" onchange="this.style.backgroundColor=this.value"> 
  <option style="background-color:#cccccc" value="#cccccc">Серый</option>  
  <option style="background-color:#ffff00" value="#ffff00">Желтый</option>  
  <option style="background-color:#ff0000" value="#ff0000">Красный</option>  
  <option style="background-color:#8099E8" value="#8099E8">Голубой</option>  
</select></div>
</span>

Последний раз редактировалось mixnet, 01.12.2014 в 14:52.
Ответить с цитированием