Модальное окно

JoyStick · January 4, 2012

Короче говоря, нашол в интернете модальное окно, то которое мне нужно... все туда свое повставлял но есть проблема....Нужно, что бы если человек его закрыл, то оно больше не появлялось...Ну и скажем оно появилось там например через неделю... И нашол еще одно окно, и суть его в том что оно запускается когда человек отводит мышку с границ страницы...

Люди добрые помогите сделать так что бы оно сохраняло куки и выскакивало тогда когда человек отводит мышку с границ страницы....

Собственно мое модальное окно


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Демо</title>
<style>
body {
font-family:verdana;
font-size:15px;
}

a {color:#333; text-decoration:none}
a:hover {color:#ccc; text-decoration:none}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#aaaaaa;
  display:none;
}

#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog2 {
  background:url(images/notice.png) no-repeat 0 0 transparent; 
  width:450px; 
  height:350px;
  padding:50px 0 20px 0;
}
</style>

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.simplemodal.js"></script>
<script>

$(document).ready(function() {	

	//select all the a tag with name equal to modal
	$('a[name=modal]').click(function(e) {
		//Cancel the link behavior
		e.preventDefault();
		//Get the A tag
		var id = $(this).attr('href');

		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();

		//Set heigth and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});

		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	

		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();

		//Set the popup window to center
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);

		//transition effect
		$(id).fadeIn(2000); 

	});

	//if close button is clicked
	$('.window .close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		$('#mask, .window').hide();
	});		

	//if mask is clicked
	$('#mask').click(function () {
		$(this).hide();
		$('.window').hide();
	});			

});



</script>


</head>

<body>
<ul>
<li><a href="#dialog2" name="modal">Модальное окно</a></li>
</ul>


<div id="boxes">

<!-- Начало красивого стикера -->
<div id="dialog2" class="window">
<input type="image" src="images/x.png" value="Закрыть окно" class="close" style="float: right;  margin: -17px 30px 0 0;"/>
<center>
       А Вы не забыли получить простую и <br>быструю технику устранения страхов<br> 
	   и других психологических проблем<br> в благодарность за подписку на любую<br> из рассылок?<br><br>

       <a href="maillist.php" class="link">узнать о рассылках</a><br>      
       <a href="bonus.php" class="link">узнать о бонусе</a><br>






<!-- Макска, которая затемняет весь экран -->
  <div id="mask"></div>

</div></body>
</html>

И код вызова, что бы оно выскакивало по отведению мышки...

$(document).ready(function() {
$(document).mousemove(function(e) {
if(e.pageY <= 5)
{
// Launch MODAL BOX
$('#exit_content').modal({onOpen: modalOpen, onClose: simplemodal_close});
}
});
});
function modalOpen (dialog) {
	dialog.overlay.fadeIn('fast', function () {
		dialog.container.fadeIn('fast', function () {
			dialog.data.hide().slideDown('fast');
		});
	});
}
function simplemodal_close (dialog) {
	dialog.data.fadeOut('fast', function () {
		dialog.container.hide('fast', function () {
			dialog.overlay.slideUp('fast', function () {
				$.modal.close();
			});
		});
	});
}

Пробовал сам связать, но увы не получилось из-за не знания jquery.

За ранее благодарен....

JoyStick · January 6, 2012

Ни кто не может помочь???

Veseloff · January 6, 2012

Да что за такое-то? Ну выложите хотя бы на какой-нибудь narod.ru или на jsfiddle. И при чём тут PHP?

Sign In

Модальное окно

Question

JoyStick

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

JoyStick

Link to comment

Share on other sites

Veseloff

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information