Передача параметра в модальное окно fancybox
Есть 2 кнопки "купить" по которым появляется модальное окно fancybox в которое нужно передать ID покупаемого товара
<a class="modal" href="#inline" rel="1111">Buy 1111</a> <a class="modal" href="#inline" rel="2222">Buy 2222</a>
$(".modal").fancybox({
'onStart': function() {
var id = $(this).attr('rel');
alert(id);
}
});
Так не пашет! - даёт "undefined" |
GTAlex, Meditate on documentation
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>demo</title>
<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>
<script type='text/javascript'>
$(function()
{
$(".modal").fancybox({
'afterLoad': function() {
var id = $(this.element).attr('rel');
this.content = this.content.html()+'<h1>'+id+'</h1>';
}
});
});
</script>
</head>
<body>
<a class="modal" href="#inline" rel="1111">Buy 1111</a>
<a class="modal" href="#inline" rel="2222">Buy 2222</a>
<div id="inline" style="display: none">
<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" >
</div>
</body>
</html>
|
onStart меняем на afterLoad и всё пашет!
ммда уж ... "Meditate on documentation" и где это написано ? |
GTAlex,
перейдите на страницу http://fancyapps.com/fancybox/ тут пример нахождения атрибута id ◦Based on element ID тут пример добавления своего контента ◦Append custom content |
Рони ответил в ПМ - за что ему ещё раз огромное спасибо!
Для всех - дока тут http://fancyapps.com/fancybox/ Пример с передачей ID тут http://jsfiddle.net/Se8Yu/ |
Приветствую! Такой вопрос, как эту переменную поместить в инпут?
<input type="hidden" value="javascript:document.write(id);" id="abc"> // не работает
<script type="text/javascript">
$(document).ready(function() {
$(".modalbox").fancybox({
'afterLoad': function() {
var id = $(this.element).attr('rel');
this.content = this.content.html()+id;
}
});
});
</script>
Так же пробовал делать так function setVal() { document.getElementById('abc').value = id; } |
cript,
немогу вам помочь ибо вижу пока бред и в коде и в вопросе |
А в чем бред?
Передаем переменную в модальное окно, хотелось бы поместить ее в value инпута, только что-то не выходит.. В документации написано делать так $("#abc").val(id); , но это не работает.. |
cript,
а где код модального окна и всё остальное |
<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 type="hidden" id="abc" name="abcid">
<input type="submit" name="del" id="send" value="Да">
</div>
</form>
</div>
<script type="text/javascript">
$(document).ready(function() {
$(".modalbox").fancybox({
'afterLoad': function() {
id = $(this.element).attr('rel');
}
});
});
</script>
<a class="modalbox" href="#inline" rel="9">Popup</a>
|
| Часовой пояс GMT +3, время: 19:05. |