| |
|
|
| | Для скрытия и отображения блоков через selec использую следующую структуру
<select onchange="Selected(this)" aria-required="true" name="type" onChan>
<option value="" selected="selected">Выберите тип забора</option>
<option value="1">Деревянный забор</option>
<option value="2">3D забор</option>
<option value="3">Поликарбонат</option>
<option value="4">Металлоштакетник</option>
<option value="5">Сетка-рабица</option>
<option value="6">Профнастил</option>
<option value="7">Сетка в рамке</option>
<option value="8">Сварной забор</option>
</select>
|
И яваскрипт, времени вообще нет, заказчик торопит. И написал пока в самом простом варианте, но хочется упросить. А вот на яваскрипт только учусь
function Selected(a) {
var label = a.value;
if (label==1) {
document.getElementById("Block1").style.display='block';
document.getElementById("Block2").style.display='none';
document.getElementById("Block3").style.display='none';
document.getElementById("Block2").style.display='none';
document.getElementById("Block3").style.display='none';
document.getElementById("Block4").style.display='none';
document.getElementById("Block5").style.display='none';
document.getElementById("Block6").style.display='none';
document.getElementById("Block7").style.display='none';
document.getElementById("Block8").style.display='none';
} else if (label==2) {
document.getElementById("Block1").style.display='none';
document.getElementById("Block2").style.display='block';
document.getElementById("Block3").style.display='none';
document.getElementById("Block4").style.display='none';
document.getElementById("Block5").style.display='none';
document.getElementById("Block6").style.display='none';
|
Сам понимаю что это берд. Но если так привыкнуть, то ужас будет. Лучше уж сразу по нормальному делать. | |
| |
|
|
|
| |
|
|
| |
для: Deed
(15.05.2014 в 16:55)
| | | Учите JS, да и поясняйте не знающему, что еще требует ваш код. | |
| |
|
|
| |
|
|
| |
для: immortal727
(15.05.2014 в 16:11)
| | |
<script>
function Selected(a) {
var label = a.value;
var cont_blocks = document.getElementById('blocks');
var blocks = cont_blocks.getElementsByTagName('div');
for (var i = 0; i < blocks.length; i ++) {
blocks[i].style.display = ((label - 1) == i) ? 'block' : 'none';
}
}
</script>
<select onchange="Selected(this)" aria-required="true" name="type">
<option value="" selected="selected">Выберите тип забора</option>
<option value="1">Деревянный забор</option>
<option value="2">3D забор</option>
<option value="3">Поликарбонат</option>
<option value="4">Металлоштакетник</option>
<option value="5">Сетка-рабица</option>
<option value="6">Профнастил</option>
<option value="7">Сетка в рамке</option>
<option value="8">Сварной забор</option>
</select>
<div id="blocks">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
</div>
|
| |
| |
|
|
| |
 1.5 Мб |
|
| |
для: psychomc
(16.05.2014 в 00:21)
| | | Спасибо за код. Но вот при обновлении появляются вообще все блоки.
А вообще создаю конструктор заборов.
Суть в том, что при выборе чекбокса блок с картинкой забора становится активным. Но вот проблема, если не отключить что-нибудь и перейти на другой забор, то все блоки остаются, т.е. происходит наложение слоев. Как это можно исправить?
Для более ясности, высылаю весь архив, то что получилось пока. | |
| |
|
|
| |
2.9 Кб |
|
| |
для: immortal727
(16.05.2014 в 13:31)
| | | Аттач.
Изменен только index.html | |
| |
|
|
| |
|
|
| |
для: Deed
(16.05.2014 в 16:50)
| | | Ничего толком не изменилось. Как была проблема, так и осталась. Как же мне все же сделать обнуление блоков с картинками?
Результат http://kushiy.myjino.ru/konstruktor-zabora | |
| |
|
|
| |
|
|
| |
для: immortal727
(18.05.2014 в 22:55)
| | | Сделать их невидимыми
нет? | |
| |
|
|
