VPF::динамическая страница - Форум программистов

Valeria

Дата 18.12.2006, 15:22 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 277
Регистрация: 16.5.2006
Где: Санкт-Петербург

Репутация: нет
Всего: нет

как сделать динамическую страницу? например,есть список,выбрали один пункт,для него одни поля для заполнения появились,по другому пункту - другие поля. желательно самый примитивный пример.

Nicholas_S

Дата 18.12.2006, 15:37 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 486
Регистрация: 12.10.2006
Где: Санкт-Петербург

Репутация: 5
Всего: 19

Код


<select onchange="showDiv(this.selectedIndex)">
<option>поля 1
<option>поля 2
<option>поля 3
</select>

<div id="div1">тут поля для пункта 1</div>
<div id="div2" style="display:none">тут поля для пункта 2</div>
<div id="div3" style="display:none">тут поля для пункта 3</div>

<script type="text/javascript">
var shownInd=1;

function showDiv(ind)
{
  document.getElementById('div'+shownInd).style.display = 'none';
  document.getElementById('div'+ind).style.display = 'block';
  shownInd = ind;
}
</script>

Это сообщение отредактировал(а) Aliance - 18.12.2006, 16:04

--------------------

...все в мире относительно

Valeria

Дата 18.12.2006, 15:50 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 277
Регистрация: 16.5.2006
Где: Санкт-Петербург

Репутация: нет
Всего: нет

Nicholas_S, работает,только надо +1 написать

Код


showDiv(this.selectedIndex+1)

а если радио то на какое событие вешать функцию?

Aliance

Дата 18.12.2006, 16:05 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

onclick

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Valeria

Дата 18.12.2006, 16:12 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 277
Регистрация: 16.5.2006
Где: Санкт-Петербург

Репутация: нет
Всего: нет

я написала вот так,не работает

Код


<form name = "form" method="post" action="" onclick="showDiv(this.checked+1)">
      <input type="radio" name="url" value = "1" checked="checked" />1<br />
      <input type="radio" name="url" value = "2"  />2<br />
      <input type="radio" name="url" value = "3" />3<br />

    </form>

Nicholas_S

Дата 18.12.2006, 16:15 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 486
Регистрация: 12.10.2006
Где: Санкт-Петербург

Репутация: 5
Всего: 19

а так и не будет... Самый простой вариант:

Код


<form name = "form" method="post" action="">
      <input type="radio" name="url" value = "1" onclick="showDiv(1)" checked="checked" />1<br />
      <input type="radio" name="url" value = "2" onclick="showDiv(2)" />2<br />
      <input type="radio" name="url" value = "3" onclick="showDiv(3)"/>3<br />
</form>

--------------------

...все в мире относительно

Valeria

Дата 18.12.2006, 16:26 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 277
Регистрация: 16.5.2006
Где: Санкт-Петербург

Репутация: нет
Всего: нет

Nicholas_S,

Цитата

а так и не будет...

понятное дело что не будет. раз не работает smile

спасибо большое. заработало smile

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »