https://ec.artnature.co.jp/js/modal_inner.js

1(function(jQuery) {
2	jQuery(function(){
3		jQuery.extend({
4			modal: function(obj) {
5				if(!jQuery("#glayLayer").length) {
6					jQuery("body").append("<div id='glayLayer'></div><div id='overLayer'></div>")
7				}
8				jQuery("#modalInner li>input").unbind();
9				jQuery(document)
10					.on("mouseover", "#modalInner li>a>img,#modalInner li>input",function(){
11						jQuery(this).css("opacity","0.6");
12					})
13					.on("mouseout", "#modalInner li>a>img,#modalInner li>input",function(){
14							jQuery(this).css("opacity","1.0");
15					})
16
17				//show
18				jQuery("#glayLayer")
19					.css("height",jQuery(document).height())
20					.show();
21				jQuery("#overLayer")
22					.fadeIn().html(jQuery("#modalInner").css("display","block")).css({
23						marginTop:"-"+jQuery("#overLayer").height()/2+"px",
24						marginLeft:"-"+jQuery("#overLayer").width()/2+"px"
25					});
26
27				//hide
28				jQuery("#glayLayer,#modalBack").bind("click",function(){
29					jQuery("#glayLayer,#overLayer,#ieFrame")
30						.hide();
31						return false;
32				});
33			}
34		});
35	})
36})(jQuery);
37
38
39
40function ShowModal() {
41	//モーダルウィンドウの表示
42	if (jQuery("input:checked[name=method]").val() == "N" || jQuery("input:checked[name=method]").val() == "L"){
43		event.preventDefault();
44		jQuery.modal(jQuery(this));
45		jQuery(document).on("click", "#modalNext", function () {
46			jQuery('<input />').attr('type', 'hidden')
47				.attr('name', 'submit.x')
48				.attr('value', 'True')
49				.appendTo('form');
50			jQuery("form").submit();
51		})
52	}
53}
54