Advertisement
Guest User

Untitled

a guest
Feb 9th, 2016
51
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.10 KB | None | 0 0
  1. <div data-dialog="somedialog" class="trigger" >1</div><br>
  2. <div data-dialog="somedialog" class="trigger" >2</div><br>
  3. <div data-dialog="somedialog" class="trigger" >3</div><br>
  4. <div data-dialog="somedialog" class="trigger" >4</div><br>
  5. <div data-dialog="somedialog" class="trigger" >5</div><br>
  6.  
  7. <div id="somedialog" class="dialog">
  8. <div class="dialog__overlay"></div>
  9. <div class="dialog__content">
  10. Диалоговое окно<div><button class="action" data-dialog-close>Close</button></div>
  11. </div>
  12. </div>
  13.  
  14. window.dlgtrigger = document.querySelector('[data-dialog]'),
  15. window.somedialog = document.getElementById(window.dlgtrigger.getAttribute('data-dialog')),
  16. window.dlg = new DialogFx(window.somedialog);
  17.  
  18. window.dlgtrigger.addEventListener('click', window.dlg.toggle.bind(window.dlg));
  19.  
  20. $(".trigger").click(function() {
  21.  
  22. dlg.toggle.bind(dlg)();
  23.  
  24.  
  25. });
  26.  
  27. window.dlgtrigger.addEventListener('click', window.dlg.toggle.bind(window.dlg));
  28.  
  29. $(".trigger").click(function() {
  30. dlg.toggle.bind(dlg)();
  31. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement