CODE (html):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <?xml version="1.0" encoding="UTF-8"?>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
- <html>
- <head>
- <title>Exit Pop Demo</title>
- <script type="text/javascript" src="jquery13.js"></script>
- <script src="fancybox/jquery.fancybox-1.3.1.pack.js" type="text/javascript"></script>
- <link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen"/>
- <script type="text/javascript">
- function PopIt() {
- $("a#trigger").trigger('click');
- window.onbeforeunload = UnPopIt;
- return "Would you like to join our mailing list for other offers?";
- }
- function UnPopIt() { /* nothing to return */ }
- $(document).ready(function() {
- window.onbeforeunload = PopIt;
- $("a#trigger").fancybox({
- 'frameWidth': 600,
- 'frameHeight': 400,
- 'hideOnContentClick': false,
- 'showCloseButton': false
- });
- $("a[id!=trigger]").click(function(){ window.onbeforeunload = UnPopIt; });
- });
- </script>
- </head>
- <body>
- <p>This page is an exit-pop demostration.</p>
- <div style="display: none;">
- <a id="trigger" href="#popup"> </a>
- <div id="popup" style="width: 250px; height: 400px;">
- <p>This would be an aweber form.</p>
- </div>
- </div>
- </body>
- </html>