powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / List/menu и картинка
3 сообщений из 3, страница 1 из 1
List/menu и картинка
    #36150925
R4z0R
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
в какую сторону смотреть чтобы сделать такой эффект - в зависимости от того что выбрано в list/menu, в определенном месте экрана показывалась соответствующая картинка?
...
Рейтинг: 0 / 0
List/menu и картинка
    #36151219
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Смотри в код ...

Хотя совершенно непонятно, что это за элементы - "list" и "menu", но попытаюсь угадать, что при выборе определенного своего элемента делать определенные действия. Очень советую реализовывать событийную модель ... На практике создаем кастомные события и привязываем к элементу (если это, к примеру, не стандартный выбор в селекте - onchange), а также делаем обработчики, которым передаем нужные параметры и обрабатываем на свое усмотрение.

Как и везде, основываясь на собственном опыте, советую пользоваться фреймворками. К примеру, в jQuery кастомные события реализуются предельно просто - вызов функцией trigger(), обработчик - bind(). Передача параметров в комплекте. Но можно помучаться и стандартной реализацией, но надо помнить о кроссбраузерности, - там много подводных камней.

Как вариант - навешивать на onclick дополнительные проверки и вызов нужной функции с передачей параметров. Но это хотя и будет/может работать нормально, но как практически, так и идеологически, не совсем профессионально.
...
Рейтинг: 0 / 0
List/menu и картинка
    #36151992
R4z0R
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
требуется примерно вот что:
Код: 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.
<SCRIPT LANGUAGE="JavaScript">

<!-- start
function previewPic(sel) {
document.previewpic.src = "" + sel.options[sel.selectedIndex].value;
}
function showPic(sel) {
images = new Array();
images[ 1 ] = "img/001.jpg";
images[ 2 ] = "img/002.jpg";
images[ 3 ] = "img/003.jpg";
images[ 4 ] = "img/004.jpg";
window.location.href = images[sel.selectedIndex+ 1 ];
}
//  End -->
</script>

<form name=picform>
<select name=selbox size= 1  onChange="previewPic(this)">
<option value="img/001.jpg">Image  1 
<option value="img/002.jpg">Image  2 
<option value="img/003.jpg">Image  3 
<option value="img/004.jpg">Image  4 
</select>

<img name="previewpic" src="img/001.jpg"  class="picture">

Но загвоздка вот в чем, в форме picform раньше передавалась инфа о выбранном пункте:
Код: plaintext
1.
2.
3.
4.
5.
6.
<form name=picform>
<select name=selbox size= 1  onChange="previewPic(this)">
<option value="Обои">Image  1 
<option value="Плитка">Image  2 
<option value="Клей">Image  3 
<option value="Краска">Image  4 
</select>
Как передать выбранный пункт и оставить вывод картинки - не знаю :(
...
Рейтинг: 0 / 0
3 сообщений из 3, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / List/menu и картинка
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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