Вопрос вот какой. Есть выпадающий список , где забиты названия картинок(*.gif) Как сделать так, чтобы при выборе картинке из списка,-он прорисовывался слева от списка, без перезагрузки страницы. Я работаю с PHP. думаю что это возможно на Jave. А в ней я профан. ПОМОГИТЕ!!! Очень нужно.

привет. Первое: Java и JavaScript не одно и тоже!

Второе: решение твоей проблемы - просто:

Код

<HTML> <HEAD> <title>Тест</title> <script type="text/javascript"> function change_image(chooser) { var elem = document.getElementById("picture"); var db = chooser.options[chooser.selectedIndex].value; if (db !== "") {   elem.src = db; } } </script> </HEAD> <BODY> <form name="f1" action=""> <select name="s1" onchange="change_image(this)">  <option name="pict" value="">Выбирите картинку</option>  <option name="pict" value="pict1.gif">Первая</option>  <option name="pict" value="pict2.gif">Вторая</option> </select> </form> <div id="block" style="border: 1px solid red"> <IMG src="" id="picture"> </div> </BODY> </HTML>

Это сообщение отредактировал(а) Aliance - 27.2.2005, 20:52

Спасибо огромное, всё заработало. А можно сделать вот что:
есть выпадающий список, где забиты категории. Например:Внешняя ссылка - ссылки - галлерея и т.д. Нужно чтобы при выборе Внешняя ссылка - прорисовать два поля типа INPUT. Помогите пожалуйста, PHP навигации скрипт стоит из-за этого.

Можно канечно. Уточняю: тебе нужно чтобы было так:
первый селекс с названиями, скажем, классов.
второй с названиями букв классов, генерируемый в зависимости от выбора в первом
ну и третий...так?

Немного не так. Есть только один select . В нём забиты названия, одно из которых "Внешняя ссылка". При выборе её интерактивно должно появиться два пустых поля ввода типа INPUT

например такой список:

Цитата

<form name="f1" action=""> <select name="s1" onchange="change_modul(this)"> <option name="mod" value="0">.........</option> <option name="mod" value="1">Внешняя ссылка</option> <option name="mod" value="2">Файлы</option> <option name="mod" value="3">ССылки</option> </select> </form>

При выборе "Внешняя ссылка" появляются два поля ввода

Цитата

<input type="text" name="ssylka" size="20"> <input type="text" name="ssylka" size="20">

Просто появляться 2 поля? Пустые?
ЗЫ: как разбита?
Так:

Код

<form name="f1" action=""> <select name="s1" onchange="change_image(this)"> <option name="pict" value="">Выбирите картинку</option> <option name="pict" value="pict1.gif">Первая</option> <option name="pict" value="pict2.gif">Вторая</option> </select> </form>

Да, два пустых поля
разбита так :

Цитата

<form name="f1" action=""> <select name="s1" onchange="change_modul(this)"> <option name="mod" value="0">.........</option> <option name="mod" value="1">Внешняя ссылка</option> <option name="mod" value="2">Файлы</option> <option name="mod" value="3">ССылки</option> </select> </form>

Код

<HTML> <HEAD> <title>Тест</title> <script type="text/javascript"> function create_inputs(chooser) { var elem = document.getElementById("block"); var db = chooser.options[chooser.selectedIndex].value;   if (db = "1") {      // если выбрана ВНЕШНЯЯ ССЫЛКА - будет вставка, иначе ничего не произойдет      elem.innerHTML = '<INPUT type="text"><BR><INPUT type="text">';   } } </script> </HEAD> <BODY> <form name="f1" action=""> <select name="s1" onchange="create_inputs(this)"> <option name="mod" value="">выберете категорию</option> <option name="mod" value="1">Внешняя ссылка</option> <option name="mod" value="2">Файлы</option> <option name="mod" value="3">ССылки</option> </select> </form> <div id="block" style="border: 1px solid red"> </div> </BODY> </HTML>

Это сообщение отредактировал(а) Aliance - 27.2.2005, 20:32

Немного не так, input появляются если выбрана только "Внешняя ссылка", на другие категории они не появляются

Так и есть... только если сначало выберут внешнюю ссылку, а потом что-то другое - то поля остануться, но это легко исправить:

Код

<HTML> <HEAD> <title>Тест</title> <script type="text/javascript"> function create_inputs(chooser) { var elem = document.getElementById("block"); var db = chooser.options[chooser.selectedIndex].value;  if (db = "1") {     // если выбрана ВНЕШНЯЯ ССЫЛКА - будет вставка, иначе ничего не произойдет     elem.innerHTML = '<INPUT type="text"><BR><INPUT type="text">';  } else {     elem.innerHTML = '';  } } </script> </HEAD> <BODY> <form name="f1" action=""> <select name="s1" onchange="create_inputs(this)"> <option name="mod" value="">выберете категорию</option> <option name="mod" value="1">Внешняя ссылка</option> <option name="mod" value="2">Файлы</option> <option name="mod" value="3">ССылки</option> </select> </form> <div id="block" style="border: 1px solid red"> </div> </BODY> </HTML>

Добавлено @ 20:33

Ещё можно не вставлять их, а играть с их видимостью/невидимостью, но даже невидимые они будут учавствовать в твоих коллекциях формы (JS), так что если есть таковые скрипты - лучше не юзать Если нужно - напишу ...

Всё равно не работает input появляются независимо от того какую категорию я выбрал.

НАШЁЛ трабл !!!!!!!!!!!!!!!!!

Цитата

if (db = "1") {

а надо

Цитата

if (db == "1") {

В PHP идентичность показывается "=="
Спасибо тебе огромное!!!!!!!!!!!!!!!!!!!!!!!!!УРА!!!!!!!!!!!!!

Незачто :-) Молодец что заметил сам мою опечатку =)
Добавлено @ 20:53

Зарегистрируйся на нашем форуме - и ты всегда сможешь получать и давать ответы :-)
Всегда причтно общаться с человеком, когда знаешь кто он :-)

А как можно сделать, чтобы при открытии страницы и уже выделенном елементе списка отображалась картинка. Потому что она показывается при выборе елементе вручную, а я ставлю свойство selected через php.


Это сообщение отредактировал(а) CoderUA - 25.3.2006, 17:33

Вопрос по интерактивной замене картинок: так как у меня значение value="pict2.gif генерируется динамически, как можно сделать так , чтобы в <IMG src="вот сюда" id="picture"> вставлялось значение из первой строки select, в данном случае pict1.gif?
 

givi, не понятно, где "в моей".
Не стоит поднимать давние темы, напиши в своей новой теме свой вопрос с приложенным кодом.