Страница 2 из 2 < 1 2
Показывать 40 сообщений этой темы на одной странице

Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Передача параметра в модальное окно fancybox (https://javascript.ru/forum/jquery/43056-peredacha-parametra-v-modalnoe-okno-fancybox.html)

рони 04.04.2014 16:50
cript,
<!DOCTYPE HTML>
<meta charset="utf-8">
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>
<link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
<script type='text/javascript' src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<div id="inline">
<h3>Системное сообщение</h3>
<form name="delete" action="#" method="post">
<p>Текст</p>
<input  id="abc" name="abcid">
<input type="submit" name="del" id="send" value="Да">

</form>
</div>
<script type="text/javascript">
$(document).ready(function() {
$(".modalbox").fancybox({
'afterLoad': function() {
id = $(this.element).attr('rel');
$("#abc").val(id);
}
});
});
</script>
<a class="modalbox" href="#inline" rel="9">Popup</a>

cript 04.04.2014 17:02
рони,
Вот вы сейчас написали все заработало! )

cript 06.04.2014 15:13
Появился еще один вопрос по теме.
Нужно эту переменную записать не в инпут а сделать ее частью картинки, например:
<img src="http://.../id">

рони 06.04.2014 15:41
cript,
$('img')[0].src="http://.../"+id;

cript 06.04.2014 16:24
Цитата:
Сообщение от рони (Сообщение 306406)
cript,
$('img')[0].src="http://.../"+id;
Не совсем понимаю, вот примерная ссылка:
<a href="#dialog" rel="img.gif" onclick="javascript: popup();">Клик</a>
Code:
$(document).ready(function () {
id = $(this.element).attr('rel'); 
$('img')[0].src="http://site.net/"+id;    
});

А картинку как вставлять?
<div id="dialog">
<img src="">
</div>

рони 06.04.2014 16:41
cript,
<!DOCTYPE HTML>
<meta charset="utf-8">
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>
<link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
<script type='text/javascript' src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<div id="inline" style=" display: none">
<h3>Системное сообщение</h3>
<form name="delete" action="#" method="post">
<p>Текст</p>
<input  id="abc" name="abcid">
<input type="submit" name="del" id="send" value="Да">
<img src="">
</form>
</div>
<script type="text/javascript">
$(document).ready(function() {
$(".modalbox").fancybox({
'afterLoad': function() {
id = $(this.element).attr('rel');
$('img')[0].src="http://javascript.ru/forum/images/ca_serenity/misc/"+id;
}
});
});
</script>
<a class="modalbox" href="#inline" rel="logo.gif">Popup</a>

cript 06.04.2014 17:37
Может не совсем в тему, но 
id = $(this.element).attr('rel');
$('img')[0].src="http://site.net/"+id;

сработает без fancybox?

рони 06.04.2014 17:58
cript,
сработает если $(this.element) это указать правильно
$('.modalbox') например

cript 06.04.2014 18:15
рони,
Цитата:
Сообщение от рони
$(this.element) это указать правильно
Ну вот например у меня такой код 
$(document).ready(function () {
id = $('#dialog-box').attr('rel');
$('img')[0].src="http://site.net/"+id;
});


<div id="dialog-box2">
<div class="dialog-content">
<div id="dialog-message" align="center">
<img src="">
</div>
</div>
</div>
<a href="#dialog-box2" rel="img.gif" onclick="javascript:popup2();">Link</a>

Но не получается..

maksbazhin 22.07.2014 23:54
Вопрос: как id передать в div в виде переменной PHP, которую можно использовать в запросе к базе и частичному заполнению окна. Пробовал методом GET, но модальное окно сразу закрывается, в POST пустота.
Заранее спасибо.


Часовой пояс GMT +3, время: 09:56.
Страница 2 из 2 < 1 2
Показывать 40 сообщений этой темы на одной странице