добрый вечер! появился сл вопрос, как реализовать следующее,
посетитель выбирает из списка число от 1 до 4, и получает соответствующуюю картинку на экране, то 1 сооветствует квадрат, 2 ромб и т.д., помогите плииз советом, с чего начать и как сделать на странице, то есть как еще определить область страницы где будет появлсяться картинка
спасибо

Всё просто...
Определяешь список:

Код

<form>     <select size=3 onChange=MyFunc(this)>     <option selected value=1>Фича - 1</option>     <option selected value=2>Фича - 2</option>     <option selected value=3>Фича - 3</option>     </select> </form>

ниже вставляешь картинку:
<img name=MyIMG src='yes.gif' width=20 height=20>
если начальная картинка не нужна, то не указывай путь и поставь ей CSS-свойство display:none (потом в обработчике этому свойству просто присвоишь пустое значение).

Ну и обработчик:

Код

<script language="JavaScript"> function MyFunc(obj) { var selectedIndex = obj.selectedIndex         // выбранная опция (индексация в массиве опций идёт от нуля) var selectedOption = obj.item(selectedIndex)  // ссылка на объект соответствующий индексу "selectedIndex" var num = parseInt(selectedOption.value)   switch (num) {     case 1:       MyIMG.src = 'biggrin.gif'       break     case 2:       MyIMG.src = 'blink.gif'       break     case 3:       MyIMG.src = 'huh.gif'       break   } } </script>

ЗЫ: Смотри рабочий пример в аттаче...

Присоединённый файл ( Кол-во скачиваний: 4 )
 temp.zip

Лучше не пользоваться таким обращением к картинки, испольеум по id -

Код

document.getElementById('id_картинки');

Ciber SLasH еще замечания: оборачивай содержимое аттрибутов в кавычки, value лучше сразу прописать пути, только один option может быть selected

Код

<span style="border: 1px solid black"><img id="testimg" style="visibility: hidden;" /></span> <form>     <select onchange="changeImage(this.options[this.selectedIndex].value);">     <option value="./images/img1.gif">Фича - 1</option>     <option value="./images/img2.gif">Фича - 2</option>     <option value="./images/img3.gif">Фича - 3</option>     </select> </form> <script type="text/javascript"> <!-- function changeImage(src) {   var i=document.getElementById("testimg");   i.src=src;   i.style.visibility="visible"; } //--> </script>

2Aliance:

Цитата

Лучше не пользоваться таким обращением к картинки, испольеум по id

Почему, зато так не надо вызывать лишний метод.
2Sardar:

Цитата

оборачивай содержимое аттрибутов в кавычки

Зачем, и без них усё работает... вот если есть пробелы в содержимом аттрибута, то конечно оборачивать надо, а если нет... К тому же размер страницы несколько уменьшается

Цитата

value лучше сразу прописать пути, только один option может быть selected

Да, я чуток перестарался. Спасибо за совет.

Цитата(Ciber @ 1.5.2005, 04:48)

Почему, зато так не надо вызывать лишний метод

Проффесиональный программист пишет используя международные стандарты и под все браузеры. В данном случае это W3C DОМ Не под ИЕ твой метод не сработает.

Цитата(Ciber @ 1.5.2005, 04:48)

Зачем, и без них усё работает...

Ciber SLasH есть понятие стандарты, есть такая фича как XHTML Сам всё поймёшь когда придётся парсить документ самому, и круто материть верстальщика, что стандартный XML'овский парсер взять не можешь.