Нужно сделать особую форму, подскажите как? [РЕШЕНО]

[buster]

Хочу создать форму в WYSIWYG Web Builder примерно вот такого толка:

http://keep4u.ru/full/726530a60aa4ddd83 ... 66de8.html

Смысл таков: при выборе пункта из выпадающего списка и нажатия на кнопку меняется картинка и текст, к каждому пункту - своя картинка и свой текст.

На одном форуме предложили сделать через jQuery, но это не подходит, поскольку пунктов будет много.

Что можете посоветовать в этой ситуации?

[Alex]

jQuery конечно самый нормальный выход и настройками богат , есть ещё Combobox - раскрывающийся список (то что ты показал в примере) , но с ним пока не разбирался, можно сделать свой инструмент , с помощью этой утилиты
кстати на сколько большой будет выпадающий список ?

Я задание выполнил , не знаю на какой балл потянет по степени корявости исполнения , думал мало , первое что пришло на ум , щас оформлю пример )))

[buster]

jQuery согласен, вариант хороший, но вкладки на экране не поместятся, их будет до 50, поэтому "на глаз" лучшим вариантом будет Combobox, так же?

Попробовал ту утилиту, а она не запускается, выдает ошибку, мол, эта версия программы не может запустится на данном компьютере, у меня win xp.

[Alex]

Щас я тебе покажу и расскажу как я сделал , погоди - минут через 5 доделаю...

[buster]

Спасибо, буду рад!

[Alex]

Что то типа такого , если подходит , то расскажу как воплотить )))

[buster]

Да, это приблизительно то, что нужно! Жду инструкций!

[Alex]

Делаем основную страницу , на ней располагаем - Меню перехода (в инструментах навигации) и Встроенный фрейм (в стандартных инструментах)
Теперь мы имеем меню для выбора куда перейти и окно встроенного фрейма где будут показываться страницы перехода .
Допустим фрейм имеет размеры 300 на 200 , создаём нужное нам кол-во страниц (кол-во переходов) с таким размером , чтоб они точно вписывались в наш фрейм , не забываем , что Встроенный фрейм показывает страницы с левого верхнего угла .




В Меню перехода :
Добавляем страницы перехода и указываем , что открывать их надо в нашем Встроенном фрейме.



Встроенный фрейм :
Страница page3 что указана здесь, может быть пустая страница или как в примере с текстом , она будет показываться дефолтно - когда ещё не сделан выбор , обязательно должна быть - иначе будем иметь табличку о неправильном URL.



В итоги что имеем : одно окно в котором можно просмотреть какое угодно кол-во страниц . Размеры все настраиваются кому как угодно .

Пример
Исходник


Урок сохранён в Исходниках

[dimm]

Здрасте. Вот у меня вопрос по этой теме . А как сделать ссылку , что бы кликая на картинку которая во фрейме , новая страница открывалась вся, как и положено целиком а не в окне фрейма?

[dimm]

Все разобрался, нужно ссылку указать что бы открывалась в новом окне.

[mephistop]

Нужно чтобы combobox-ов было не 2 a 4 или 5.
Вот код:

Вот пример этого кода. http://www.wysiwygwebbuilder.com/suppor ... combo.html

<script type="text/javascript">
function fillSecondCombo()
{
var combo1 = document.getElementById('Combobox1');
var combo2 = document.getElementById('Combobox2');
var selected = combo1.options[combo1.options.selectedIndex].value;
if (selected == 1)
{
combo2.options.length = 6;
combo2.options[0] = new Option("Вакансии", "1");
combo2.options[1] = new Option("Ищут работу", "2");
combo2.options[2] = new Option("Курсы, образование", "3");
combo2.options[3] = new Option("Электротехника", "4");
combo2.options[4] = new Option("Переводы текстов", "5");
combo2.options[5] = new Option("Разное", "6");
}
else
if (selected == 2)
{
combo2.options.length = 3;
combo2.options[0] = new Option("Item 4", "4");
combo2.options[1] = new Option("Item 5", "5");
combo2.options[2] = new Option("Item 6", "6");
}
else
if (selected == 3)
{
combo2.options.length = 4;
combo2.options[0] = new Option("Item 7", "7");
combo2.options[1] = new Option("Item 8", "8");
combo2.options[2] = new Option("Item 9", "9");
combo2.options[3] = new Option("Item 10", "10");
}
else
{
combo2.options.length = 0;
}
}
</script>

[koldmigen]

<script type="text/javascript">
function fillSecondCombo()
{
var combo1 = document.getElementById('Combobox1');
var combo2 = document.getElementById('Combobox2');
var selected = combo1.options[combo1.options.selectedIndex].value;
if (selected == 1)
{
combo2.options.length = 6;
combo2.options[0] = new Option("Вакансии", "1");
combo2.options[1] = new Option("Ищут работу", "2");
combo2.options[2] = new Option("Курсы, образование", "3");
combo2.options[3] = new Option("Электротехника", "4");
combo2.options[4] = new Option("Переводы текстов", "5");
combo2.options[5] = new Option("Разное", "6");
}
else
if (selected == 2)
{
combo2.options.length = 3;
combo2.options[0] = new Option("Item 4", "4");
combo2.options[1] = new Option("Item 5", "5");
combo2.options[2] = new Option("Item 6", "6");
}
else
if (selected == 3)
{
combo2.options.length = 4;
combo2.options[0] = new Option("Item 7", "7");
combo2.options[1] = new Option("Item 8", "8");
combo2.options[2] = new Option("Item 9", "9");
combo2.options[3] = new Option("Item 10", "10");
}
else
{
combo2.options.length = 0;
}
}
</script>

Для меня это то что нужно!
Но как получить результат, куда это вставлять?

[Alex]

А ни куда не вставлять, всё делается стандартными инструментами в самой программе.

[koldmigen]

Расскажите пожалуйста, как сделать так же, как в этом примере. http://www.wysiwygwebbuilder.com/suppor ... combo.html

[TOMA3AK]

А ни куда не вставлять, всё делается стандартными инструментами в самой программе.

Подскажите как сделать стандартными инструментами в самой программе? Я понимаю что я не опытный новичок, но найти как делать от А до Я данную задачу нигде не могу. Учиться как то надо все таки у опытных...