Передача параметра в модальное окно 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. |