Public paste
Undefined
By: Guest | Date: Feb 16 2010 13:48 | Format: None | Expires: never | Size: 6.96 KB | Hits: 493

  1. <!-- start partial: PID: PRODUCT_ITEM_INDEX_GALLERY -->
  2.                                                                                                                                                                 <div class="ui-productitem ui-productitem-gallery">
  3.                                                                                                                                                                         <!-- start partial: PID: TABLEWRAPPER -->
  4.                                                                                                                                                                         <table width="100%" cellspacing="0" cellpadding="0" summary="0" class="">
  5.                                                                                                                                                                                 <tr>
  6.                                                                                                                                                                                         <td class="ui-innertable ui-widget ui-helper-reset">
  7.                                                                                                                                                                                                 <div class="primary">
  8.                                                                                                                                                                                                         <div class="ui-innertable-header ui-helper-reset ui-widget-content ui-corner-top ui-innertable-content-active"></div>
  9.                                                                                                                                                                                                         <div class="ui-innertable-content ui-helper-reset ui-widget-content ui-innertable-content-active">
  10.                                                                                                                                                                                                                 <table width="100%" cellspacing="0" cellpadding="0" summary="">
  11.                                                                                                                                                                                                                         <tr>
  12.                                                                                                                                                                                                                                 <td align="center">
  13.                                                                                                                                                                                                                                         <h3 class="ui-helper-reset">
  14.                                                                                                                                                                                                                                                 <span>Name</span>
  15.                                                                                                                                                                                                                                         </h3>
  16.                                                                                                                                                                                                                                 </td>
  17.                                                                                                                                                                                                                         </tr>
  18.                                                                                                                                                                                                                         <tr><td>&nbsp;</td></tr>
  19.                                                                                                                                                                                                                         <tr>
  20.                                                                                                                                                                                                                                 <td valign="center" style="height: 150px" align="center">
  21.                                                                                                                                                                                                                                        
  22.                                                                                                                                                                                                                                         <div class="imageButton ui-corner-all" style="border: 1px solid #AAACC0; width: 140px; height: 140px; overflow: hidden;">
  23.                                                                                                                                                                                                                                                 <a href="#saleImage"><img class="imageSrc" src="<?=ROOT?>1.jpg" style="width: 140px; height: 140px;" /></a>
  24.                                                                                                                                                                                                                                                 <div class="ui-corner-all resizeButton" style="display: none; background: #fff; border: 1px solid #000; width: 30px; height: 30px; margin-top: 105px; margin-left: 104px;"></div>
  25.                                                                                                                                                                                                                                         </div>
  26.                                                                                                                                                                                                                                 </td>
  27.                                                                                                                                                                                                                         </tr>
  28.                                                                                                                                                                                                                         <!--
  29.                                                                                                                                                                                                                         <tr><td>&nbsp;</td></tr>
  30.                                                                                                                                                                                                                         <tr>
  31.                                                                                                                                                                                                                                 <td valign="top" align="left">
  32.                                                                                                                                                                                                                                         <div class="description">
  33.                                                                                                                                                                                                                                                 25 Liter, für Katzen ungeeignet
  34.                                                                                                                                                                                                                                         </div>
  35.                                                                                                                                                                                                                                 </td>
  36.                                                                                                                                                                                                                         </tr>-->
  37.                                                                                                                                                                                                                         <tr><td>&nbsp;</td></tr>
  38.                                                                                                                                                                                                                         <tr>
  39.                                                                                                                                                                                                                                 <td align="right">
  40.                                                                                                                                                                                                                                         <h3 class="ui-helper-reset">
  41.                                                                                                                                                                                                                                                 <span>fruffl</span>
  42.                                                                                                                                                                                                                                         </h3>
  43.                                                                                                                                                                                                                                 </td>
  44.                                                                                                                                                                                                                         </tr>
  45.                                                                                                                                                                                                                 </table>
  46.                                                                                                                                                                                                         </div>
  47.                                                                                                                                                                                                 </div>
  48.                                                                                                                                                                                                 <div class="secondary">
  49.                                                                                                                                                                                                         <div class="ui-innertable-content ui-helper-reset ui-widget-content ui-innertable-content-active">
  50.                                                                                                                                                                                                                 <table width="100%" cellspacing="0" cellpadding="0" summary="">
  51.                                        
  52.                                                                                                                                                                                                                         <tr>
  53.                                                                                                                                                                                                                                 <td valign="top" align="center" class="detailButton"><a href="#detailLink">{detail}</a></td>
  54.                                                                                                                                                                                                                                 <td valign="top" align="center" class="saleButton">
  55.                                                                                                                                                                                                                                         <a href="#saleLink">
  56.                                                                                                                                                                                                                                                 <span>gut finden</span>
  57.                                                                                                                                                                                                                                         </a>
  58.                                                                                                                                                                                                                                 </td>
  59.                                                                                                                                                                                                                         </tr>
  60.                                                                                                                                                                                                                 </table>                                                       
  61.                                                                                                                                                                                                         </div>
  62.                                                                                                                                                                                                         <div class="ui-innertable-footer ui-helper-reset ui-widget-content ui-corner-bottom ui-innertable-content-active"></div>
  63.                                                                                                                                                                                                 </div>
  64.                                                                                                                                                                                         </td>
  65.                                                                                                                                                                                 </tr>
  66.                                                                                                                                                                         </table>
  67.                                                                                                                                                                         <!-- end partial: PID: TABLEWRAPPER -->
  68.                                                                                                                                                                 </div>
  69.                                                                                                                                                                 <!-- end partial: PID: PRODUCT_ITEM_INDEX_GALLERY -->
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80.  
  81.  
  82.  
  83.  
  84. ============================================= jquery:
  85.  
  86.                                 // not in IE6
  87.                                 if(!(jQuery.browser.msie && jQuery.browser.version < 7))
  88.                                 {
  89.                                
  90.                                         $("img.imageSrc").hide();
  91.                                        
  92.                                         $('div.ui-productitem-gallery table tr td div.primary').each(function()
  93.                                         {
  94.                                                
  95.                                                                                                
  96.                                                
  97.                                                 $(this).find("div.imageButton").css
  98.                                                 (
  99.                                                         {
  100.                                                                 'background-image': 'url('+$(this).find("div.imageButton").find("img.imageSrc").attr('src')+')',
  101.                                                                 'background-position': '50% 50%'
  102.                                                         }
  103.                                                 );
  104.                                                
  105.                                                 $(this).mouseover
  106.                                                 (      
  107.                                                         function()
  108.                                                         {
  109.                                                                 $(this).addClass('mouse_pointer');
  110.                                                                 $(this).find("div.ui-innertable-header").addClass('ui-state-hover');
  111.                                                                 $(this).find("div.ui-innertable-content").addClass('ui-state-hover');
  112.                                                                
  113.                                                                 $(this).find("div.imageButton").mouseover
  114.                                                                 (
  115.                                                                         function()
  116.                                                                         {
  117.                                                                                 // yayaa this is NOT flash *stfu*
  118.                                                                                 $(this).find("div.resizeButton").fadeIn().mouseover
  119.                                                                                 (
  120.                                                                                         function()
  121.                                                                                         {
  122.                                                                                                 $(this).stop(true).css({'background-color':'#f00'});
  123.                                                                                         }
  124.                                                                                 ).click
  125.                                                                                 (
  126.                                                                                         function()
  127.                                                                                         {
  128.                                                                                                 location.href = $(this).parent().find('a').attr('href');
  129.                                                                                                 return false;
  130.                                                                                         }
  131.                                                                                 );
  132.                                                                         }
  133.                                                                 );
  134.                                                                
  135.                 ;
  136.                                                         }
  137.                                                 ).mouseout
  138.                                                 (      
  139.                                                         function()
  140.                                                         {
  141.                                                                 $(this).removeClass('mouse_pointer');
  142.                                                                 $(this).find("div.ui-innertable-header").removeClass('ui-state-hover');
  143.                                                                 $(this).find("div.ui-innertable-content").removeClass('ui-state-hover');
  144.                                                                 $(this).find("div.imageButton").mouseout
  145.                                                                 (
  146.                                                                         function()
  147.                                                                         {
  148.                                                                                 $(this).find("div.resizeButton").fadeOut().mouseout
  149.                                                                                 (
  150.                                                                                         function()
  151.                                                                                         {
  152.                                                                                                 $(this).stop(true).css({'background-color':'#fff'});
  153.                                                                                         }
  154.                                                                                 );
  155.                                                                         }
  156.                                                                 );
  157.                                                         }
  158.                                                 ).click
  159.                                                 (      
  160.                                                         function()
  161.                                                         {
  162.                                                                 location.href = $(this).parent().parent().find("td.detailButton a").attr('href');
  163.                                                                 return false;
  164.                                                         }
  165.                                                 );
  166.  
  167.                                         });
  168.                                        
  169.                                        
  170.                                         $('div.ui-productitem-gallery table tr td div.secondary').each(function()
  171.                                         {
  172.                                                 $(this).find('td.detailButton').hide();
  173.                                                
  174.                                                 $(this).mouseover
  175.                                                 (      
  176.                                                         function()
  177.                                                         {
  178.                                                                 $(this).addClass('mouse_pointer');
  179.                                                                 $(this).find("div.ui-innertable-content").addClass('ui-state-hover');
  180.                                                                 $(this).find("div.ui-innertable-footer").addClass('ui-state-hover');
  181.                                                                
  182.                                                         }
  183.                                                 ).mouseout
  184.                                                 (      
  185.                                                         function()
  186.                                                         {
  187.                                                                 $(this).removeClass('mouse_pointer');
  188.                                                                 $(this).find("div.ui-innertable-content").removeClass('ui-state-hover');
  189.                                                                 $(this).find("div.ui-innertable-footer").removeClass('ui-state-hover');
  190.                                                         }
  191.                                                 ).click
  192.                                                 (      
  193.                                                         function()
  194.                                                         {
  195.                                                                 location.href = $(this).find("td.saleButton a").attr('href');
  196.                                                                 return false;
  197.                                                         }
  198.                                                 );     
  199.                                         });                    
  200.                                 }