Advertisement
tmc_angel

Popup

Sep 19th, 2012
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. //подгружаем jquery, jqueryui и стили
  2. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
  3. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
  4. <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/ui-lightness/jquery-ui.css" type="text/css" media="all" />
  5.  
  6. <script>
  7. $(function() {
  8.     $('body').append('<div id="block-popup"></div>'); //создаем пустой popup
  9.     $('#block-popup').append($('#block-new2').css('position', 'static')); //засовываем в него форму. id будет отличаться для каждой страницы
  10.     $('#block-popup').append($('#block-new3').css('position', 'static')); //переносим кнопку в попап
  11.     $('#block-popup').hide(); //скрываем попап
  12.     $('#block-new1 a').click(function() {  //обработчик клика на кнопку. id тоже будет меняться
  13.         $("#block-popup" ).dialog({ //инит диалога
  14.             height: 200, modal: true
  15.         });
  16.         return false; // не даем кнопке сработать как ссылке
  17.     });
  18. })
  19. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement