Передать id в модальное окно

@sending · Регистрация: 03.11.2012

Студворк — интернет-сервис помощи студентам

В общем вопрос мой не новый и уже открывался даже на этом форуме, однако знаний в java не хватает понять до конца.

Задача.
Есть ссылка вида:

HTML5
1
<a href="#!" onclick="getElementById('idItem').value='3';" rel="openOrder" class="lbOn btn_edit">Открыть</a>

Эта ссылка открывает модальное окно куда надо передать значение value='3'

Собственно скрипт модального окна выкладывать не буду, вот html:

HTML5
1
2
3
4
5
<div id="openOrder" class="leightbox modal_large">
    <div class="modal">
        <Input type="text" id="idItem" value="0">
    </div>
</div>

Не могу понять, почему значение не передается в модальное окно. Если написать такой код:

HTML5
1
2
<a href="#!" onclick="getElementById('idItem').value='3';">Открыть</a>
<Input type="text" id="idItem" value="0">

Все работает, но в модальное окно значение не передается.

Вопрос.
Как добиться того, чтобы при открытии модального окна, в теге input сменилось значение? Я в java профан, поэтому буду рад какому-нибудь рабочему примеру и, если можно, комментариям к нему.

@vooduq · 28.11.2013, 20:21

Модальное окно или новое окно? Просто если новое, то там новая среда. И получается что среда в основном окне это одна среда, а новая - совсем другая.

Добавлено через 26 секунд
Просто если модальное, то все должно работать нормально.

Добавлено через 6 минут
Модальное это вида: alert(), prompt(), confirm().
Новое окно это методом open() или showModalDialog().

@sending · 28.11.2013, 20:51 **[ТС]**

Вот: http://www.particletree.com/examples/lightbox/
Полагаю showModalDialog(). Как быть в таком случае?vooduq, подскажите?

@vooduq · 28.11.2013, 21:03

Так это вообще AJAX запрос на сервер.
Тебе нужно просто окно открыть на странице?

@sending · 28.11.2013, 22:00 **[ТС]**

vooduq, не, модальное окно открывается вот этим

HTML5
1
rel="openOrder" class="lbOn"

А уже в открытое окно, в тег input, мне надо передать значение

HTML5
1
value='3'

Добавлено через 8 минут
vooduq, может в самом модальном окне нужно скрипт прописать, чтобы получить значение из тега <a> ?

Добавлено через 20 минут
Может есть смысл сделать так:

HTML5
1
2
<a href="#!" onclick="getElementById('idItem').value='3';">Открыть</a>
<Input type="hidden" id="idItem" value="0">

То есть записать сначала значение в скрытое поле, а потом, открыв модальное окно, взять скриптом значение из скрытого поля?

Добавлено через 12 минут
В общем так не получилось. Суть в том, что если открывается модальное окно, то при такой конструкции:

HTML5
1
2
<a href="#!" onclick="getElementById('idItem').value='3';">Открыть</a>
<Input type="hidden" id="idItem" value="0">

значение value='3' в текстовое поле попросту не передается, соответственно и из модального окна взять это значение неоткуда.

Help! Как решить эту задачу?

Добавлено через 12 минут
НО! Если здесь изначально поставить значение 10:

HTML5
1
2
<a href="#!" onclick="getElementById('idItem').value='3';">Открыть</a>
<Input type="hidden" id="idItem" value="[I]10[/I]">

То в модальном окне появляется значение из вышеуказанного <input>.

Поэтому суть проблемы свелась к тому, что после нажатия на ссылку <a> и до открытия модального окна, значение из <a> не заносится в <input>

@vooduq · 28.11.2013, 22:03

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

@sending · 28.11.2013, 22:29 **[ТС]**

Короче я уже не знаю, что делать. Не знаю как это исправить

@vooduq · 28.11.2013, 22:41

Скажи что нужно сделать вообще, и я тебе постараюсь помочь.

@sending · 28.11.2013, 23:01 **[ТС]**

vooduq, у меня есть некая страница администратора и там есть раздел "Мои товары". В этом разделе товары выводятся в обычной таблице и напротив каждой позиции есть две гиперссылки - "Редактировать" и "Удалить". Нажав на ссылку "Редактировать", открывается модальное окно с формой для редактирования выбранной позиции. Данные для редактирования берутся из БД по id, соответственно мне нужно в модальное окно каким-то образом передать этот id выбранного товара, чтобы потом вывести из БД информацию.

Добавлено через 7 минут
Может есть возможность передать id через GET? Но если я дописываю к ссылке ?id=3, то в адресную строку это все равно не попадает.

@vooduq · 28.11.2013, 23:31

Тебе нужно после получения ответа обработать ответ.
В этом случае используй такую функцию

JavaScript
1
2
3
"переменная с запросом".onload = function(){
    getElementById('idItem').value='3';
};

переменная с запросом обычно вида:

JavaScript
1
var "переменная с запросом" = new XMLHttpRequest();

это уже ищи в коде

@sending · 29.11.2013, 00:51 **[ТС]**

vooduq, к сожалению я в javascript совсем нуб, поэтому мало понял о чем речь. Я вот еще о чем подумал, можно же как-то средствами javascript добавить параметр GET без обновления страницы? Тогда я бы просто его взял и уже работал с ним.

Добавлено через 43 минуты
Вот нашел сайт с этими окнами: http://www.eight.nl/static/files/leightbox/

Вот как в то окно передать через ссылку нужное мне значение?

@vooduq · 29.11.2013, 00:55

Ну да, это он и есть.
Только я думал что это он у тебя готовый уже был:

JavaScript
1
2
3
4
5
6
7
8
var getValue = new XMLHttpRequest(); // создать объект запроса
getValue.post('GET','адрес для получения ответа'); // задать тип запроса
getValue.send(); // отправить запрос
 
getValue.onload = function(){ // как только ответ будет получен
    var answer = getValue.responseText; // тело ответа
    getElementById('idItem').value= answer; // задаем значение = тело ответа ( или getElementById('idItem').value= 3; )
};

Новые блоги и статьи Все статьи Все блоги /
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .

@vooduq 69 / 69 / 22 Регистрация: 06.06.2013 Сообщений: 404
	28.11.2013, 20:21
	Модальное окно или новое окно? Просто если новое, то там новая среда. И получается что среда в основном окне это одна среда, а новая - совсем другая. Добавлено через 26 секунд Просто если модальное, то все должно работать нормально. Добавлено через 6 минут Модальное это вида: alert(), prompt(), confirm(). Новое окно это методом open() или showModalDialog(). 0

@sending 64 / 22 / 9 Регистрация: 03.11.2012 Сообщений: 327
	28.11.2013, 20:51 [ТС]
	Вот: http://www.particletree.com/examples/lightbox/ Полагаю showModalDialog(). Как быть в таком случае?vooduq, подскажите? 0

@vooduq 69 / 69 / 22 Регистрация: 06.06.2013 Сообщений: 404
	28.11.2013, 21:03
	Так это вообще AJAX запрос на сервер. Тебе нужно просто окно открыть на странице? 0

@vooduq 69 / 69 / 22 Регистрация: 06.06.2013 Сообщений: 404
	28.11.2013, 22:03
	Проблема в том, что модальное окно сначала отправляет запрос на сервер, потом получает ответ, который уже как я понял нужно отредактировать. У тебя же сначала редактирование, потом запрос, после ответ. 0

@sending 64 / 22 / 9 Регистрация: 03.11.2012 Сообщений: 327
	28.11.2013, 22:29 [ТС]
	Короче я уже не знаю, что делать. Не знаю как это исправить 0

@vooduq 69 / 69 / 22 Регистрация: 06.06.2013 Сообщений: 404
	28.11.2013, 22:41
	Скажи что нужно сделать вообще, и я тебе постараюсь помочь. 0

@sending 64 / 22 / 9 Регистрация: 03.11.2012 Сообщений: 327
	28.11.2013, 23:01 [ТС]
	vooduq, у меня есть некая страница администратора и там есть раздел "Мои товары". В этом разделе товары выводятся в обычной таблице и напротив каждой позиции есть две гиперссылки - "Редактировать" и "Удалить". Нажав на ссылку "Редактировать", открывается модальное окно с формой для редактирования выбранной позиции. Данные для редактирования берутся из БД по id, соответственно мне нужно в модальное окно каким-то образом передать этот id выбранного товара, чтобы потом вывести из БД информацию. Добавлено через 7 минут Может есть возможность передать id через GET? Но если я дописываю к ссылке ?id=3, то в адресную строку это все равно не попадает. 0

@sending 64 / 22 / 9 Регистрация: 03.11.2012 Сообщений: 327
	29.11.2013, 00:51 [ТС]
	vooduq, к сожалению я в javascript совсем нуб, поэтому мало понял о чем речь. Я вот еще о чем подумал, можно же как-то средствами javascript добавить параметр GET без обновления страницы? Тогда я бы просто его взял и уже работал с ним. Добавлено через 43 минуты Вот нашел сайт с этими окнами: http://www.eight.nl/static/files/leightbox/ Вот как в то окно передать через ссылку нужное мне значение? 0