VPF::Отображение картинки по выбору имени из селекта

XClan

Дата 21.11.2006, 15:03 (ссылка)

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

Загрузка ...

Опытный

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

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

Мне бы пример кода динамического отображения картинки при выборе из комбобокса..
То есть реагирующий на сообытие onСhange в комбобоксе!

То есть выбрал 2 из листа - получаем id и отображаем картинку равное этому id рядом с комбобоксом!
Я просто тут искал и не нашел! Видимо надо как то по другому сформулировать тему для поиска...
спасибо

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

rm -rf /bin/laden

skyboy

Дата 21.11.2006, 15:24 (ссылка)

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

Загрузка ...

неОпытный

Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

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

Код


<img id="my_image">
<select onchange='document.getElementById("my_image").src="img/"+this.value;'>
<option value="1.gif">1</option>
<option value="2.gif">2</option>
<option value="3.gif">3</option>
<option value="4.gif">4</option>
</select>

XClan

Дата 21.11.2006, 16:18 (ссылка)

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

Загрузка ...

Опытный

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

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

Спасибо! Очень даже приятный и короткий код!
Было бы еще интереснее мне узнать можно ли там 2 сначения помимо картинки загрузить? Например текст - описалово под картинкой?
Как я понял, тут два значения в onChange не пропихнешь!!!!

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

rm -rf /bin/laden

S.A.P.

Дата 21.11.2006, 16:46 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 2664
Регистрация: 11.6.2004

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

Примерно так:

Код


<img id="my_image" />
<span id="descr"></span>
<select onchange='var data = eval(this.value); document.getElementById("my_image").src=data[0]; document.getElementById("descr").innerHTML=data[1];'>
<option value="['1.gif', 'opweweiwe']">1</option>
<option value="['2.gif', 'dfkjdhfsdfsd']">2</option>
<option value="['3.gif', 'ldkfsdfsd']">3</option>
<option value="['4.gif', 'sdoifsdufsd']">4</option>
</select>

XClan

Дата 21.11.2006, 17:18 (ссылка)

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

Загрузка ...

Опытный

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

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

Вообще супер пупер! Только вот innerHTML на что нужно заменить, чтобы получить линк на файл с текстом, который потом хорошо бы пропихнуть в include?

Что-то типа этого получить можно?? Или это не реально?
<? include id="descr"; ?>

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

rm -rf /bin/laden

S.A.P.

Дата 21.11.2006, 17:34 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 2664
Регистрация: 11.6.2004

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

Если брать из файлов, тогда только запросами

Код


<script type="text/javascript">
<!--
function include(url)
{
    var http = window.XMLHttpRequest ?
        new XMLHttpRequest() :
        new ActiveXObject("Microsoft.XMLHTTP");
        
    http.open('GET', url, false);
    http.send(null);
    return http.responseText;
}
-->
</script>

<img id="my_image" />
<span id="descr"></span>
<select onchange='var data = eval(this.value); document.getElementById("my_image").src=data[0]; document.getElementById("descr").innerHTML=include(data[1]);'>
<option value="['1.gif', 'aaa.html']">1</option>
<option value="['2.gif', 'bbb.html']">2</option>
<option value="['3.gif', 'ccc.html']">3</option>
<option value="['4.gif', 'ddd.html']">4</option>
</select>

12345c

Дата 21.11.2006, 17:36 (ссылка)

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

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

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

С машиной времени возможно. include делается на сервере, а потом JS на клиенте.

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