X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Переключение блоков
lon92
lon92
Topic Starter сообщение 2.7.2013, 13:56; Ответить: lon92
Сообщение #1


Добрый день, помогите пожалуйста, как попроще реализовать переключение блоков с помощью радиокнопки? То есть, при выборе кнопки "1" виден один блок, при клике на вторую-второй(первый скрывается). Так же очень нужна помощь в следующем: в выпадающем меню выбираются числа (1-4). Какое число выбрано, столько одинаковых блоков видно. Очень надеюсь на вашу помощь, и заранее спасибо[IMG]http://javascript.ru/forum/images/smilies/smile.gif[/IMG]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<p><input type="radio" name="blocks" value="#1" checked="checked" />
1<br />
<input type="radio" name="blocks" value="#2" />
2</p>

<div id="1" class="blocks"> <fieldset>
<form name="form2" method="post" action="">
<label>
<textarea name="p6" id="p6" cols="57" rows="1"></textarea>
</label>
</form>
</fieldset>
</div>

<div id="2" class="blocks"> <fieldset>
<table width="313" border="0">
<tr>
<td width="180"><ul>
<li>ааа</li>
</ul></td>
<td width="77"><input type="text" name="p5" id="p5" size="5"
></td>
</tr>
<tr>
<td><ul>
<li>ббб</li>
</ul></td>
<td><input type="text" name="p7" id="p7" size="5"
></td>
</tr>
<tr>
<td><ul>
<li>ввв</li>
</ul></td>
<td><input type="text" name="p8" id="p8" size="5"
></td>
</tr>
</table> </fieldset>
</div>

Количество:
<select name="blanks" id="blanks">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>

<div>
<table width="957" border="0">
<tr>
<td width="158">ФИО</td>
<td width="789"><input name="12" type="text" value="" size="35">
<input name="13" type="text" value="" size="40">
<input name="1" type="text" value="" size="40"></td>
</tr>
<tr>
<td><p>Удостоверение личности</p></td>
<td><input name="14" type="text" value="" size="10">
<input name="15" type="text" value="" size="20"></td>
</tr>

</table> </div>

</body>
</html>

</body>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
http://
http://
сообщение 2.7.2013, 20:21; Ответить: http://
Сообщение #2


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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) ПРОЦЕССИНГ НА РУ-КАРТЫ, КИВИ, СИМ С ГАРАНТИЕЙ ОТ БЛОКОВ
 0 Dark_process 1014 7.11.2022, 13:48
автор: Dark_process
Открытая тема (нет новых ответов) Нужен дизайнер для прорисовки блоков на сайте
 3 kolyas 1600 12.5.2020, 21:24
автор: kolyas
Открытая тема (нет новых ответов) Правила обертывание блоков
 1 sergei_burg 5591 17.10.2016, 19:34
автор: -Degradator-
Открытая тема (нет новых ответов) Растягивание блоков ,оцентровка
 2 DONit09 6068 16.5.2016, 17:57
автор: -DONit09-
Открытая тема (нет новых ответов) Как при блочной вёрстке в один из блоков вставить таблицу по центру
 1 benefit 10483 4.4.2013, 23:02
автор: -almac-


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 24.4.2024, 13:48

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet