Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Описания категорий / 7 сообщений из 7, страница 1 из 1
18.04.2009, 12:33
    #35940203
Rollie
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Описания категорий
Необходимо с помощью javascript сделать два поля. Слева в одном поле будут отображаться категории, и в зависимости от выбора категории справа в другом поле будут отображаться описания к каждой категории! Как это можно сделать?
...
Рейтинг: 0 / 0
18.04.2009, 12:47
    #35940209
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Описания категорий
О! Вот и постоянный вопрос для FAQ.
Юзай AJAX.
...
Рейтинг: 0 / 0
18.04.2009, 13:28
    #35940234
Rollie
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Описания категорий
А если нет ьакой возможности? Тогда что?
...
Рейтинг: 0 / 0
18.04.2009, 13:51
    #35940252
Ps-spectre
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Описания категорий
т.е. связь один-к-одному? Одна категория - одно описание?
Как один из вариантов: есть две коллекции (например массив), в одной хранятся названия категорий, в другой соответственно описания. Например м1 = [ к1, к2, ... , кN ], м2 = [ о1, о2, ... ,оN]. При выборе категории i, выбираем описание i. (м1[i], m2[i])
Ну как-то так:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
<html>
<head>
	<title>test</title>
	<script type="text/javascript">
	   var array1 = ["cat1", "cat2", "cat3"];
	   var array2 = ["description1", "description2", "description3"];
	   
		function FillSelect() {
			var oSelect = document.getElementById("select1");			
			for (var i =  0 ; i < array1.length; i++) 
			{
				var oOption = document.createElement("option");				
				oOption.value = i;
				var oTextNode = document.createTextNode(array1[i]);
				oOption.appendChild(oTextNode);
				oSelect.appendChild(oOption);
			}
		}
		function GetDescription() {
		   var oText = document.getElementById("text1");
		   oText.value = array2[document.getElementById("select1").selectedIndex];
		}
	</script>	    
</head>
<body onload="FillSelect();GetDescription();">
	<select id="select1" onchange="GetDescription();">
	</select>
	<input type="text" id="text1" />
</body>
</html>
...
Рейтинг: 0 / 0
18.04.2009, 15:04
    #35940293
Rollie
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Описания категорий
А можно ли первый массив сделать не выпадающим списком, а просто как пунктами меню? И как я вижу описания добавляются в textarea, а там не работаю ссылки. Можно ли как-нибудь второе поле заменить на что-нибудь другое?
...
Рейтинг: 0 / 0
18.04.2009, 15:24
    #35940319
Ps-spectre
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Описания категорий
RollieА можно ли первый массив сделать не выпадающим списком, а просто как пунктами меню? И как я вижу описания добавляются в textarea, а там не работаю ссылки. Можно ли как-нибудь второе поле заменить на что-нибудь другое?
Можно, разрешаю.
У тебя есть DOM (объектная модель документа), делай что хочешь. Ты можешь обращаться к элементам, создавать элементы, и т.д. Есть соответственно события, можешь привязывать свой код к событиям (onclick, onchange, etc.) Возьми и напиши нужный тебе код, хочешь в текстареа вставляй, хочешь просто в див. Все в твоих руках.
w3schools.com -> htmldom
w3schools.com -> javascript
Ознакомься с материалом вначале, будут конкретные вопросы, тогда и задавай. А писать полностью за тебя код - мало пользы.
...
Рейтинг: 0 / 0
18.04.2009, 15:29
    #35940322
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Описания категорий
RollieА если нет ьакой возможности? Тогда что?
Шавермой (или шаурмой) торговать, пока не появится - финкризис, понимаешь...
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Описания категорий / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]