Здравствуйте, помогите немощу!
Вот скачал такой вот код модального окна
// Nikita Lebedev's blog, nazz.me/simple-jquery-popup
(function($) {
$.fn.simplePopup = function() {
var simplePopup = {
// Events
initialize: function(self) {
var popup = $(".js__popup");
var body = $(".js__p_body");
var close = $(".js__p_close");
var hash = "#/popup";
var string = self[0].className;
var name = string.replace("js__p_", "");
// We redefine the variables if there is an additional popap
if ( !(name === "start") ) {
name = name.replace("_start", "_popup");
popup = $(".js__" + name);
name = name.replace("_", "-");
hash = "#/" + name;
};
// Call when have click
self.on("click", function() {
simplePopup.show(popup, body, hash);
return false;
});
$(window).on("load", function() {
simplePopup.hash(popup, body, hash);
});
// Close
body.on("click", function() {
simplePopup.hide(popup, body);
});
close.on("click", function() {
simplePopup.hide(popup, body);
return false;
});
// Closure of the button "esc"
$(window).keyup(function(e) {
if (e.keyCode === 27) {
simplePopup.hide(popup, body);
}
});
},
// Centering method
centering: function(self) {
var marginLeft = -self.width()/2;
return self.css("margin-left", marginLeft);
},
// The overall function of the show
show: function(popup, body, hash) {
simplePopup.centering(popup);
body.removeClass("js__fadeout");
popup.removeClass("js__slide_top");
window.location.hash = hash;
},
// The overall function of the hide
hide: function(popup, body) {
popup.addClass("js__slide_top");
body.addClass("js__fadeout");
window.location.hash = "#/";
},
// Watch hash in URL
hash: function(popup, body, hash) {
if (window.location.hash === hash) {
simplePopup.show(popup, body, hash);
}
}
};
// In loop looking for what is called
return this.each(function() {
var self = $(this);
simplePopup.initialize(self);
});
};
})(jQuery);
И вот есть такая к примеру страница.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Демо. Простое всплывающее окно на transition и jquery | Блог Никиты Лебедева</title>
<link rel="stylesheet" href="css/jquery.popup.css" type="text/css">
<script type="text/javascript" src="js/jquery-1.7.min.js"></script>
<script type="text/javascript" src="js/jquery.popup.js"></script>
<script type="text/javascript">
$(function() {
$(".js__p_start, .js__p_another_start").simplePopup();
});
</script>
</head>
<body>
<div class="p_anch">
<a href="#?ass=1" class="js__p_start">Нажмите,</a> чтобы вызвать всплывающее окно
</div>
<div class="p_anch">
<a href="#" class="js__p_another_start">Нажмите,</a> чтобы вызвать еще одно всплывающее окно
</div>
<div class="p_anch p_anch_bottom">
<a href="#" class="js__p_start">Нажмите,</a> чтобы вызвать нижнее всплывающее окно
</div>
<div class="p_body js__p_body js__fadeout"></div>
<div class="popup js__popup js__slide_top">
<a href="#" class="p_close js__p_close" title="Закрыть"></a>
<div class="p_content" align="center">Оформить кредит yf какихто условиях вы сможете без проблем .
выберите подходящий вариант рассрочки ниже
заполните соответствующие поля<?php echo $_GET['ass']; echo "werwer"; ?>
<div style="border: solid 1px; width: 620px; height: 100%; margin-top: 20px;">
<table width='100%' height='100%' border=1><tr>
<td><form action="http://localhost/inteline/index.php?p=2&id=56118&view=item">Условия 1 <br><input type="submit" /></form></td>
<td><form>Условия 2 <br><input type="submit" /></form></td>
<td><form>Условия 3 <br><input type="submit" /></form></td>
</tr></table>
</div>
</div>
</div>
<div class="popup js__another_popup js__slide_top">
<a href="#" class="p_close js__p_close" title="Закрыть"></a>
<div class="p_content">Это уже другое всплывающее окно</div>
</div>
<a href="https://github.com/nazz-nazz/simple_jquery_popup" class="github" title="Github репозиторий"></a>
</body>
</html>
Мне нужно с этой страницы передать в модальное окно переменную (ид товара ) что бы потом их можно было обработать PHP скриптами.
Как это сделать?
Пробовал дописывать к ссылке (вызова окна) параметры ГЕТ но они не вызываются в модальном окне через PHP.