| |
|
|
| | Народ с явой скрипт дружу как трезвый с унитазом )) Натолкните на мысль как сделать динамические списки . Например первое выпадающей меню 1,2,3,4 относительно от того что выбрали (в гашем случае выбираем 1) подгружаеться 1а,1б,1в,1г и т д
корочк все надо делать на яве скрипт тобишь чтобы все происходило без перезагрузки страницы | |
| |
|
|
| |
|
|
| |
для: ReZiStOr
(08.08.2007 в 22:58)
| | | Это делается аяксом и это не очень просто. Я видел на англоязычных сайтах готовые скрипты для скачивания, но с ними людям приходилось ещё долбаться, чтоб нормально работали. короче говоря, чтобы понять, как это делается, изучите аякс. Да: и еще DOM - обязательно. | |
| |
|
|
| |
|
|
| |
для: coloboc66
(08.08.2007 в 23:03)
| | | даак мороки не мало лано спасибо будем учить подскажите если знаете где скачать хорошие книги о аяксу и дом у | |
| |
|
|
| |
|
|
| |
для: ReZiStOr
(08.08.2007 в 22:58)
| | | Если списки не очень большие (и их не очень много), то тогда вполне можно обойтись и без AJAX.
Можно сразу поместить на HTML-странице основной список 0, 1, 2, 3 и все 4 подварианта списков.
Задать в коде всем подвариантным спискам уникальные ID и работать с одним единственным свойством стиля display этих подвариантных списков.
Т.е. если выбрали в основном списке пункт 2, то подвариантные списки 0, 1 и 3 делаете невидимыми, ну а список 2 - видимым...
Пример:
<script>
function mFunc (x) {for (var j = 0; j < 4; j++) document.getElementById ('sel' + j).style.display = (j == x) ? 'inline' : 'none'}
</script>
<table cellpadding="5"><caption>Выбери нужное</caption><tr>
<td>
<select onchange="mFunc (this.selectedIndex)">
<option>Машины</option><option>Фильмы</option><option>Девушки</option><option>Собаки</option>
</select>
</td>
<td>
<select id="sel0" style="width: 120px">
<option>Жигули</option><option>Москвич</option><option>Форд</option><option>Тойота</option>
</select>
<select id="sel1" style="width: 120px; display: none">
<option>Триллеры</option><option>Ужасы</option><option>Комедии</option>
</select>
<select id="sel2" style="width: 120px; display: none">
<option>Брюнетки</option><option>Блондинки</option><option>Рыжие</option>
</select>
<select id="sel3" style="width: 120px; display: none">
<option>Овчарки</option><option>Болонки</option><option>Пудели</option>
</select>
</td>
</tr></table>
|
| |
| |
|
|
