Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.72/58: Рейтинг темы: голосов - 58, средняя оценка - 4.72
64 / 22 / 9
Регистрация: 03.11.2012
Сообщений: 327

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

28.11.2013, 19:03. Показов 11565. Ответов 11
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
В общем вопрос мой не новый и уже открывался даже на этом форуме, однако знаний в 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 профан, поэтому буду рад какому-нибудь рабочему примеру и, если можно, комментариям к нему.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
28.11.2013, 19:03
Ответы с готовыми решениями:

Передать данные в модальное окно
Всем хорошего дня! Помогите пожалуйста в решении задачи. Есть на сайте выведенные flex новостные сообщения (на главной выводим только...

Как передать данные в модальное окно
В основном окне у меня есть var tur = oImg.src; Я открываю модальное окно showModalDialog('html/formAddPic.php','',status=no;'); ...

Передать ID в модальное окно
Здравствуйте. У меня имеется такой код в цикле &lt;button type='submit' class='litle' style='border: 0; background: transparent' ...

11
69 / 69 / 22
Регистрация: 06.06.2013
Сообщений: 404
28.11.2013, 20:21
Модальное окно или новое окно? Просто если новое, то там новая среда. И получается что среда в основном окне это одна среда, а новая - совсем другая.

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

Добавлено через 6 минут
Модальное это вида: alert(), prompt(), confirm().
Новое окно это методом open() или showModalDialog().
0
64 / 22 / 9
Регистрация: 03.11.2012
Сообщений: 327
28.11.2013, 20:51  [ТС]
Вот: http://www.particletree.com/examples/lightbox/
Полагаю showModalDialog(). Как быть в таком случае?vooduq, подскажите?
0
69 / 69 / 22
Регистрация: 06.06.2013
Сообщений: 404
28.11.2013, 21:03
Так это вообще AJAX запрос на сервер.
Тебе нужно просто окно открыть на странице?
0
64 / 22 / 9
Регистрация: 03.11.2012
Сообщений: 327
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>
0
69 / 69 / 22
Регистрация: 06.06.2013
Сообщений: 404
28.11.2013, 22:03
Проблема в том, что модальное окно сначала отправляет запрос на сервер, потом получает ответ, который уже как я понял нужно отредактировать.
У тебя же сначала редактирование, потом запрос, после ответ.
0
64 / 22 / 9
Регистрация: 03.11.2012
Сообщений: 327
28.11.2013, 22:29  [ТС]
Короче я уже не знаю, что делать. Не знаю как это исправить
0
69 / 69 / 22
Регистрация: 06.06.2013
Сообщений: 404
28.11.2013, 22:41
Скажи что нужно сделать вообще, и я тебе постараюсь помочь.
0
64 / 22 / 9
Регистрация: 03.11.2012
Сообщений: 327
28.11.2013, 23:01  [ТС]
vooduq, у меня есть некая страница администратора и там есть раздел "Мои товары". В этом разделе товары выводятся в обычной таблице и напротив каждой позиции есть две гиперссылки - "Редактировать" и "Удалить". Нажав на ссылку "Редактировать", открывается модальное окно с формой для редактирования выбранной позиции. Данные для редактирования берутся из БД по id, соответственно мне нужно в модальное окно каким-то образом передать этот id выбранного товара, чтобы потом вывести из БД информацию.

Добавлено через 7 минут
Может есть возможность передать id через GET? Но если я дописываю к ссылке ?id=3, то в адресную строку это все равно не попадает.
0
69 / 69 / 22
Регистрация: 06.06.2013
Сообщений: 404
28.11.2013, 23:31
Тебе нужно после получения ответа обработать ответ.
В этом случае используй такую функцию
JavaScript
1
2
3
"переменная с запросом".onload = function(){
    getElementById('idItem').value='3';
};
переменная с запросом обычно вида:
JavaScript
1
var "переменная с запросом" = new XMLHttpRequest();
это уже ищи в коде
0
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
69 / 69 / 22
Регистрация: 06.06.2013
Сообщений: 404
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; )
};
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
29.11.2013, 00:55
Помогаю со студенческими работами здесь

Не могу передать переменную в модальное окно?
Добрый день, Перерыл весь интернет, но решение так и не нашел. Задача в модальное окно вывести выборку по id из базы данных для...

Передать значения чекбоксов в модальное окно
Всем привет Есть некий код для вывода кол-ва отмеченных чекбоксов $(document).ready(function(){ $(':checkbox').on('change',...

Модальное окно, сделать загрузку в окно по ссылке
Привет всем нашел в интернете скрипт модального окна. Очень он мне подходит но есть одно но я хочу использовать несколько модальных окон...

Как создать окно в окне (модальное окно)?
Подскажите новичку, как создать на сайте в родительском окне небольшое окошко поверх него для ввода некоторой информации.

Передать id в модальное окно bootstrap
Имеется в базе картинки, и у каждой картинки есть свой id. Я вывел все эти картинки на страницу, и мне нужно сделать так, чтоб при нажатии...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
12
Ответ Создать тему
Новые блоги и статьи
Кому нужен AOT?
DevAlt 26.03.2026
Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при изменении наименования справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .
модель ЗдравоСохранения 5. Меньше увольнений- больше дохода!
anaschu 24.03.2026
Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .
Midnight Chicago Blues
kumehtar 24.03.2026
Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .
SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++
8Observer8 24.03.2026
Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip
Жизнь в неопределённости
kumehtar 23.03.2026
Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .
Модель здравоСохранения: работники работают быстрее после её введения.
anaschu 23.03.2026
geJalZw1fLo Корпорация до введения программа здравоохранения имела много невыполненных работниками заданий, после введения программы количество заданий выросло. Но на выплатах по больничным это. . .
Контроль уникальности заводского номера
Maks 23.03.2026
Алгоритм контроля уникальности заводского (или серийного) номера на примере нетипового документа выдачи шин для спецтехники с табличной частью, разработанного в конфигурации КА2. Номеклатура. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru