VPF::Как добавить пункт в дропдаун меню?

gryg

Дата 1.8.2006, 21:35 (ссылка)

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

Загрузка ...

Новичок

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

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

Есть HTML документ, в нем форма 1 с дропдоун меню, возле дропдаун меню кнопка при нажатии на которую открывается всплывающее окно, в котором форма 2 с елементом инпут - тип текст и кнопка "добавить".
Нужно написать скрипт, который будет при нажатии на кнопку формы 2 добавлять еще один элемент в дропдаун меню формы 1, в другом окне браузера.

ХЛП ПЛЗ!!!

Sardar

Дата 1.8.2006, 23:00 (ссылка)

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

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Скидывай вёрстку окон, селектбокса и прочее, поможем дописать скрипты.

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

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

gryg

Дата 2.8.2006, 00:05 (ссылка)

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

Загрузка ...

Новичок

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

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

файл index.html

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script language="JavaScript" type="text/javascript">
<!--
function open_dialog(div_id){
    window.open("/new_category.html", "new_category", 300, 300);
}
-->
</script>
</head>
<body>
<form method=post action="">
<table cellpadding="1" cellspacing="0" border="0">
    <tr>
        <td bgcolor="#111111">
            <table cellpadding="5" cellspacing="0" border="0">
                <tr>
                    <td bgcolor="#ffffff" align="left" colspan="2">
                        Статья | <input type="submit" value="V Сохранить"> <input type="reset" value="X Отменить">
                    </td>
                </tr>
                <tr>
                    <td bgcolor="#ffffff">
                        <div style="position: relative; top: 10px; left: 10px; background-color: #ffffff; width: 50px;">Автор:</div>
                        <div style="border-width: 1px; border-color: #111111; border-style: solid; padding: 10px; text-align: right;">
                            Фамилия: <input type="text" name=""><br>
                            Имя: <input type="text" name="" style="width: 180px;"><br>
                            Отчество: <input type="text" name="">
                        </div>
                    </td>
                    <td bgcolor="#ffffff" valign="top">
                        <div style="position: relative; top: 10px; left: 10px; background-color: #ffffff; width: 50px;">Параметры:</div>
                        <div style="border-width: 1px; border-color: #111111; border-style: solid; padding: 10px; text-align: right;">
                            Категория:<select name="111" style="width: 137px;">
                                <option value="1">Категория №1</option>
                                <option value="2">Категория №2</option>
                                <option value="3">Категория №3</option>
                                <option value="4">Категория №4</option>
                                <option value="5">Категория №5</option>
                                <option value="6">Категория №6</option>
                                <option value="7">Категория №7</option>
                                <option value="8">Категория №8</option>
                                <option value="9">Категория №9</option>
                                <option value="10">Категория №10</option>
                            </select><input type="button" value="Добавить" onclick="open_dialog();"><br>
                            Дата публикации: <input type="text" name="" style="width: 180px;">
                        </div>
                    </td>
                </tr>
                <tr>
                    <td bgcolor="#ffffff" valign="top" colspan="2">
                        <div style="border-width: 1px; border-color: #111111; border-style: solid; padding: 5px; text-align: right;">
                            <table cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <td valign="top">Заголовок:</td>
                                    <td><textarea cols="58" rows="2"></textarea></td>
                                </tr>
                            </table>
                            <table cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <td valign="top">Текст:</td>
                                    <td><textarea cols="62" rows="10"></textarea></td>
                                </tr>
                            </table>
                        </div>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</form>
</body>
</html>

файл new_category.html

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Новая категория</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script language="JavaScript" type="text/javascript">
<!--
function add_category(){
    alert("Как реализовать эту функцию?");
}
-->
</script>
</head>

<body>
<form method="post" action="/index.html" target="main">
Ведите название новой категории<br>
<input type="text" name="new_category"><br>
<input type="button" onclick="add_category(); window.close();" value="Создать" name="go">&nbsp;<input type="button" value="Отменить" onclick="window.close();">
</form>
</body>
</html>

Это сообщение отредактировал(а) gryg - 2.8.2006, 00:25

gryg

Дата 2.8.2006, 11:30 (ссылка)

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

Загрузка ...

Новичок

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

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

Может я что то не правильно объяснил, или эта задача не решаема?

Sardar

Дата 2.8.2006, 12:43 (ссылка)

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

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

gryg, всё что тебе нужно это в add_category() достать селект: window.opener.document.getElementById(<ид селекта>), затем к селекту добавляем опцию либо DOM'ом, либо расширениями для HTML: select.options.add(new Option("текст", "значение опции"));
Код должен получиться максимум в 4 строчки.

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

gryg

Дата 2.8.2006, 13:18 (ссылка)

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

Загрузка ...

Новичок

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

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

Цитата

window.opener.document.getElementById

Если я правильно понимаю, то opener это имя окна браузера с файлом index.html? Если это так, то тогда вопрос, как задать это имя окну браузера при его открытии. Прошу поправить меня если я что-то не правильно понимаю.

Sardar

Дата 2.8.2006, 15:38 (ссылка)

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

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Цитата(gryg @ 2.8.2006, 12:18

)

Если я правильно понимаю, то opener это имя окна браузера с файлом index.html?

Нет, это ссылка на окно которое открыло текукщее окно. Тебе нужно достать от туда селект, ведь в него опции добавляем.

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

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