Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Apr 30th, 2012  |  syntax: None  |  size: 1.54 KB  |  hits: 22  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Efficent function replaceWith for multiple classes
  2. <script type="text/javascript">
  3.  
  4.     $(window).load(function(){
  5.  
  6.         $('a.pow').live("click",function(e) {
  7.  
  8.             webgl = $('<iframe src="http://s..."> </iframe>');
  9.             e.preventDefault();    
  10.             $('#slider-wrapper').replaceWith(webgl);
  11.         });
  12.  
  13.         $('a.biff').live("click",function(e) {
  14.  
  15.             video = $('<iframe src="http://s..."> </iframe>');
  16.             e.preventDefault();
  17.             $('#slider-wrapper').replaceWith(video);    
  18.         });
  19.     });
  20.  
  21. </script>
  22.        
  23. <div id="slider-wrapper">
  24.     <div>
  25.         <a class="pow" href="">
  26.         </a>
  27.     </div>
  28.     <div>
  29.         <a class="biff" href="">
  30.         </a>
  31.     </div>
  32.        
  33. <div>
  34.         <a class="batman" href="">
  35.         </a>
  36.     </div>
  37. </div><-- close slider wrapper -->
  38.        
  39. <div id="slider-wrapper">
  40.     <div>
  41.         <a class="link" href="" data-desc="pow">
  42.         </a>
  43.     <div>
  44.     <div>
  45.         <a class="link" href="" data-desc="biff">
  46.         </a>
  47.     <div>
  48.     <div>
  49.         <a class="link" href="" data-desc="batman">
  50.         </a>
  51.     <div>
  52. </div>
  53.        
  54. <script type="text/javascript">
  55.  
  56.     var desc_url_map = {
  57.         "pow" : "http://s...",
  58.         "biff" : "http://s...",
  59.         "batman" : "http://s..."
  60.     };
  61.  
  62.     $(window).load(function () {
  63.         $('a.link').live('click', function(evt) {
  64.             item = $('<iframe src="' + desc_url_map[this.dataset.desc] + '"></iframe>');
  65.             $('#slider-wrapper').replaceWith(item);
  66.             evt.preventDefault();
  67.         });
  68.     });
  69.  
  70. </script>
create a new version of this paste RAW Paste Data