tmc_angel

Popup

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