Guest User

Untitled

a guest
Jul 21st, 2018
93
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.00 KB | None | 0 0
  1. $$('a.popup').each(function(el){
  2.  
  3. el.addEvent('click', function(e){
  4.  
  5. var href = el.href.toString();
  6. href += href.contains("?") ? '&ajax' : '?ajax';
  7. if ($('popup')){
  8. $('popup').destroy();
  9. }
  10. var popup = new Element('div', {'id': 'popup'});
  11. var popupInner = new Element('div', {'id': 'popupInner'}).inject(popup);
  12. var closeBtn = new Element('a', {'id': 'closeBtn', 'style': 'cursor: pointer'}).inject(popup, 'top');
  13. var myFx = new Fx.Morph(popup, {'duration': 600});
  14. if (el.rel){
  15. rel = el.rel.toString();
  16. xPos = rel.split(",")[0];
  17. yPos = rel.split(",")[1];
  18. myFx.set({'left': xPos, 'top': yPos});
  19. }
  20. myFx.set({'opacity': 0});
  21. closeBtn.addEvent('click', function(e){
  22. myFx.start({'opacity': 0});
  23. var e = new Event(e).stop();
  24. });
  25. popup.inject(el.getParent());
  26. // Fetch popup content
  27. var req = new Request.HTML({
  28. method: 'get',
  29. url: href,
  30. data: {},
  31. update: $('popupInner'),
  32. onComplete: function(response) {
  33. myFx.start({'opacity': 1});
  34. }
  35. }).send();
  36. var e = new Event(e).stop();
  37. });
  38. });
  39.  
  40. $content = array();
  41. $content['popup_content'] = $this->load->view('popupVehicle',array(), TRUE);
  42. $this->load->view(*your view*, $content);
  43.  
  44. <script type='text/javascript'>
  45. /*Place your popup-showing logic here
  46. you need to show $('#popup') element*/
  47. </script>
  48. <div id='popup'><? echo $popup_content?></div>
Add Comment
Please, Sign In to add comment