SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Apr 2011
    Posts
    21
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Pop ups not working in IE8

    Hi guys,

    For some reason, in IE8, on product pages (Example) of my ecommerce site, the 'Size Chart' and 'Email to a Friend' popups don't work, and the product image lightbox won't work either. I have turned pop-up blocker off but they still don't work. These popups work in every other browser I have tested in, including IE7. It seems to only be IE8 that is having this problem.

    Upon looking at the page source, one thing I have noticed that both the 'Size Chart' and 'Email to a Friend' buttons have in common, is that the popups seem (I'm far from an expert) to be 'triggered' by a span element (class="more") within the HTML. For example:

    Code:
    <div class="row ">
    
    <label >Size: </label>
    
    <strong class="fl"><select name="size" id="size" onchange="checkstock(this.value)"><option value="">Select Size</option><option value="S">S</option><option value="M">M</option><option value="L">L</option><option value="XL">XL</option><option value="XXL">XXL</option></select></strong> 
    		  
    <span style="text-decoration: underline;" class="size_chart more" title="size_chart1">+ Size Chart</span>
    
    <div style="display: none;" class="size_chart1 hide" > <div class="close"></div>
    
    <img src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/images/size_chart.jpg" alt="" />
    					  
    </div>
    
    <!-- size chart -->
    
    </div>
    Code:
    <ul class="fav_link">
    
    <li class="print"><a href="#" onclick="window.print();return false;">Print</a> </li>
    
    <li class="rss"><a href="http://feeds.feedburner.com/DisobeyClothing">RSS</a> </li>
    		   
    <li class="emailtofriend"><span style="text-decoration: underline;" class="more" title="tellafrnd_div">Email to a   Friend</span> </li>
    
    <li class="blank"><span id="tellafrnd_success_msg_span"></span></li>
    
    <li class="blank"><div style="display: none;" id="tellfrnddiv" class="tellafrnd_div hide"> <iframe src="http://www.projectdisobey.com/disobeyclothing/?page=tellafriend_form&amp;pid=402" style="border: medium none ; width: 547px; height: 558px;" frameborder="0" ></iframe> </div> </li>
    
    <li class="share"> 
    
    <div class="a2a_kit addtoany_list"><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.projectdisobey.com/disobeyclothing/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></div>
    
    <script type="text/javascript"><!--
    var a2a_config = a2a_config || {};
    a2a_config.linkname="Know Your Enemy";
    a2a_config.linkurl="http://www.projectdisobey.com/disobeyclothing/?p=402";
    a2a_config.color_main = "f3f3e7";a2a_config.color_border = "C0C88A";a2a_config.color_link_text = "332402";a2a_config.color_link_text_hover = "332402";a2a_config.color_bg = "7f6f2";
    
    a2a_config.num_services = 14;
    //--></script><script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
    
    </li>
    
    </ul>
    I have no idea what could be stopping the lightbox from working.

    Here is the full page source:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head profile="http://gmpg.org/xfn/11">
    <title>
      Devolution</title>
    
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" type="text/css" href="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/style.css" media="screen" />
    <!--[if IE 9]><link href="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/customIE9.css" rel="stylesheet" type="text/css"/><![endif]-->
    <!--[if IE 8]><link href="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/customIE8.css" rel="stylesheet" type="text/css"/><![endif]-->
    <!--[if IE 7]> <link href="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/customIE7.css" rel="stylesheet" type="text/css"/><![endif]-->
    <!--[if !IE]>--><link href="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/custom.css" rel="stylesheet" type="text/css"/><!--<![endif]-->
    <link href="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/library/css/thickbox.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    	* html #infoHolder { top:335px !important;  }
    </style>
    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://feeds.feedburner.com/DisobeyClothing" />
    
    <link rel="pingback" href="http://www.projectdisobey.com/disobeyclothing/xmlrpc.php" />
    <!--[if IE]>
    <div style="clear: both; width: 960px; height:45px; margin-right:auto; margin-left:auto; position: relative;">
    <a href="http://www.theie7countdown.com/ie-users-info">
    <img src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/images/badge_iecountdown.png" border="0" height="45" width="960" alt="" />
    </a>
    </div>
    <![endif]-->
     <link href="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/library/css/horizontal_menu.css" rel="stylesheet" type="text/css" />
      <link href="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/library/css/vertical_menu.css" rel="stylesheet" type="text/css" />
    <script src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/library/js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/library/js/loopedslider.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/library/js/hoverIntent.js"></script>
    <script type="text/javascript" src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/library/js/superfish.js"></script>
    
    <!-- For Menu -->
    <link rel="alternate" type="application/rss+xml" title="Disobey Clothing &raquo; Devolution Comments Feed" href="http://www.projectdisobey.com/disobeyclothing/?feed=rss2&amp;p=380" />
    
    <script type='text/javascript' src='http://www.projectdisobey.com/disobeyclothing/wp-includes/js/l10n.js?ver=20101110'></script>
    <script type='text/javascript' src='http://www.projectdisobey.com/disobeyclothing/wp-includes/js/swfobject.js?ver=2.2'></script>
    <script type='text/javascript' src='http://www.projectdisobey.com/disobeyclothing/wp-includes/js/comment-reply.js?ver=20090102'></script>
    <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.projectdisobey.com/disobeyclothing/xmlrpc.php?rsd" />
    <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.projectdisobey.com/disobeyclothing/wp-includes/wlwmanifest.xml" /> 
    <link rel='index' title='Disobey Clothing' href='http://www.projectdisobey.com/disobeyclothing' />
    <link rel='start' title='Icke Tick' href='http://www.projectdisobey.com/disobeyclothing/?p=91' />
    <link rel='prev' title='Bill Hicks Live' href='http://www.projectdisobey.com/disobeyclothing/?p=375' />
    <link rel='next' title='Devolution (Alternate)' href='http://www.projectdisobey.com/disobeyclothing/?p=382' />
    <meta name="generator" content="WordPress 3.2.1" />
    <link rel='canonical' href='http://www.projectdisobey.com/disobeyclothing/?p=380' />
    <link href="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/skins/1-default.css" rel="stylesheet" type="text/css" />
    <!-- Vipers Video Quicktags v6.3.0 | http://www.viper007bond.com/wordpress-plugins/vipers-video-quicktags/ -->
    <style type="text/css">
    .vvqbox { display: block; max-width: 100%; visibility: visible !important; margin: 10px auto; } .vvqbox img { max-width: 100%; height: 100%; } .vvqbox object { max-width: 100%; } 
    
    </style>
    <script type="text/javascript">
    // <![CDATA[
    	var vvqflashvars = {};
    	var vvqparams = { wmode: "opaque", allowfullscreen: "true", allowscriptaccess: "always" };
    	var vvqattributes = {};
    	var vvqexpressinstall = "http://www.projectdisobey.com/disobeyclothing/wp-content/plugins/vipers-video-quicktags/resources/expressinstall.swf";
    // ]]>
    </script>
    </head>
    
    <body class="single single-post postid-380 single-format-standard">
    	<div id="wrapper">
    	<div id="header" class="clearfix">
        	
    		<div class="header_left">
    		                <a href="http://www.projectdisobey.com/disobeyclothing/"><img src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/images/logo.png" alt="Disobey Clothing" class="logo"  /></a>             
                                    
              </div>      
                    
                    
                    <div class="header_right">
                    
                    <div class="searchform">
    
      <form method="get" id="searchform" action="http://www.projectdisobey.com/disobeyclothing">
        <input type="text" value="" name="s" id="s" class="s" onfocus="if (this.value == '') {this.value = '';}" onblur="if (this.value == '') {this.value = ';}" />
        <input type="image" class="search_btn" src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/images/trans.png" alt="Submit button" />
      </form>
    </div>
                    	
                     <div class="header_menu">
                     <ul class="menu" >
                              <li class="hometab "><a href="http://www.projectdisobey.com/disobeyclothing/">Home</a></li>
                               														 <li class="page_item page-item-2"><a href="http://www.projectdisobey.com/disobeyclothing/?page_id=2" title="FAQ">FAQ</a></li>
    
                                                          <li>
                                <a href="http://www.projectdisobey.com/disobeyclothing/?page=store">Store</a>
                                </li>
    							<li>
                                <a href="#">Videos/Blog</a>
                                </li>
                               
    													                             <li><a href="http://www.projectdisobey.com/disobeyclothing/?page=login#register">Register</a></li>
    
                               
                                                   </ul>
                        </div>
                                            
                        
                        </div>
                    
        </div> <!-- header #end -->
    <script type="text/javascript"> var closebutton='http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/library/js/closebox.png'; </script>
    <script type="text/javascript" src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/library/js/fancyzoom.js"></script>
    
    <script type="text/javascript" charset="utf-8">
    	$(document).ready(function() {
    		$('div.photo a').fancyZoom({scaleImg: true, closeOnClick: true});
    		$('#medium_box_link').fancyZoom({width:400, height:300});
    		$('#large_box_link').fancyZoom();
    		$('#flash_box_link').fancyZoom();
    	});
    </script>
    
    <script type="text/javascript">
    /* <![CDATA[ */
    $(document).ready(function(){
    
    $('.hide').hide();
    
    $('body').append('<div id="infoBacking"></div><div id="infoHolder" class="large"></div>');
    $('#infoBacking').css({position:'absolute', left:0, top:0, display:'none', textAlign:'center', background:'', zIndex:'600'});
    $('#infoHolder').css({left:0, top:0, display:'none', textAlign:'center', zIndex:'600', position:'fixed'});
    if($.browser.msie){$('#infoHolder').css({position:'absolute'});}
    
    
    $('.more').mouseover(function() {$(this).css({textDecoration:'none'});} );
    $('.more').mouseout(function() {$(this).css({textDecoration:'none'});} );
    
    $('.more').click(function(){
    
    if ($('.' + $(this).attr("title")).length > 0) {
    
    	browserWindow()
    	getScrollXY()
    
    	if (height<totalY) { height=totalY; }
    
    	$('#infoBacking').css({width: totalX + 'px', height: height + 'px', top:'0px', left:scrOfX + 'px', opacity:0.85});
    	$('#infoHolder').css({width: width + 'px', top:scrOfY + 25 + 'px', left:scrOfX + 'px'});
    	source = $(this).attr("title");
    
    	$('#infoHolder').html('<div id="info">' + $('.' + source).html() + '<p class="clear"><span class="close">Close X</span></p></div>');
    
    	$('#infoBacking').css({display:'block'});
    	$('#infoHolder').show();
    	$('#info').fadeIn('slow');
    }
    
    $('.close').click(function(){
    	$('#infoBacking').hide();
    	$('#infoHolder').fadeOut('fast');
    });
    
    });
    
    /* find browser window size */
    function browserWindow () {
    	width = 0
    	height = 0;
    	if (document.documentElement) {
    		width = document.documentElement.offsetWidth;
    		height = document.documentElement.offsetHeight;
    	} else if (window.innerWidth && window.innerHeight) {
    		width = window.innerWidth;
    		height = window.innerHeight;
    	}
    	return [width, height];
    }
    /* find total page height */
    function getScrollXY() {
    	scrOfX = 0; 
    	scrOfY = 0;
    	if( typeof( window.pageYOffset ) == 'number' ) {
    		scrOfY = window.pageYOffset;
    		scrOfX = window.pageXOffset;
    	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    		scrOfY = document.body.scrollTop;
    		scrOfX = document.body.scrollLeft;
    	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    		scrOfY = document.documentElement.scrollTop;
    		scrOfX = document.documentElement.scrollLeft;
    	}
    	totalY = (window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null ? document.body.clientHeight : null);
    
    	totalX = (window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null);
    	
    	return [ scrOfX, scrOfY, totalY, totalX ];
    }
    
    return false;
    				});
    /* ]]> */
    </script>
     <div id="wrapper2">
        <div id="main_top"></div> <!--main top #end -->
        <div id="main_center" class="clearfix">
        
            <div id="content">  
     
     
                	<h1 class="head"><a href="http://www.projectdisobey.com/disobeyclothing/?p=380" rel="bookmark" title="Permanent Link to Devolution">Devolution</a></h1>
                                    <div class="breadcrumb clearfix">
                    	<a href="http://www.projectdisobey.com/disobeyclothing">Home</a> &raquo; <a href="http://www.projectdisobey.com/disobeyclothing/?cat=12" title="View all posts in T-Shirts">T-Shirts</a> &raquo; <a href="http://www.projectdisobey.com/disobeyclothing/?cat=20" title="View all posts in Miscellaneous">Miscellaneous</a> &raquo; Devolution                </div>
    
                                 <div class="product clearfix product_inner">
    	<div  id="photos"  class="pro_img"> 
    	  	  <div class="photo main_photo" > <a href="#productimage"><img src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/thumb.php?src=http://www.disobeyclothing.com/wp-content/themes/eCommerce3/images/tshirts/Devolution-Black.png&amp;w=590&amp;zc=1&amp;q=80&amp;bid=1" alt=""/></a>
    		<div class="zoom"><a href="#productimage"> Zoom </a> </div>
            <div class="pro_thumb_img"> 
    		<div class="photo " ><a href="#productimage1"><img src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/thumb.php?src=http://www.disobeyclothing.com/wp-content/themes/eCommerce3/images/tshirts/Devolution-White.png&amp;w=71&amp;h=66&amp;zc=1&amp;q=80&amp;bid=1" alt=""/></a></div>
    	   					
    	<div style="display: none;" id="productimage" > <img src="http://www.disobeyclothing.com/wp-content/themes/eCommerce3/images/tshirts/Devolution-Black.png" alt="helmet"/> </div>	<div style="display: none;" id="productimage1" > <img src="http://www.disobeyclothing.com/wp-content/themes/eCommerce3/images/tshirts/Devolution-White.png" alt="helmet"/> </div>						</div>
    
    	  </div>
    	  	  
    	 <!-- pro thum img #end -->
    	</div>
    	<div class="product_info">
    	  	  
    			    	   	   <div class="product_details">
    	   
    			
    		
    		<div class="product_extra">
    		
    		 		<div class="row ">
    		  <label >Size: </label>
    
    		  <strong class="fl"><select name="size" id="size" onchange="checkstock(this.value)"><option value="">Select Size</option><option value="S">S</option><option value="M">M</option><option value="L">L</option><option value="XL">XL</option><option value="XXL">XXL</option></select></strong> 
    		  
    		  <span style="text-decoration: underline;" class="size_chart more" title="size_chart1">+ Size Chart</span>
    		  <div style="display: none;" class="size_chart1 hide" > <div class="close"></div>
    						<img src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/images/size_chart.jpg" alt="" />					  </div>
    		  <!-- size chart -->
    
    		</div>
    				<div class="row">
    <label >Color:</label>
    <strong><select name="color" id="color" onchange="checkstock(this.value)"><option value="">Select Color</option><option value="Black">Black</option><option value="White">White</option></select></strong></div>
    
    		
    		</div> <!-- product #extra -->
    		
    		 
    		<div class="product_price">
    				<p><strong>Price: <span class="price"> 10.49 </span></strong></p>
    
    				
    		 		 <script type="text/javascript" >
    /* <![CDATA[ */
     function setAttributeVal()
     {
     	var postformflag = 1;
    	if(eval(document.getElementById('size')))
    	{
    		var size = document.getElementById('size').value;
    		if(size == '')
    		{
    			alert('Please select size');
    			postformflag = 0;
    		}
    	}else
    	{
    		var size = '';
    	}
    	if(postformflag)
    	{
    		if(eval(document.getElementById('color')))
    		{
    			var color = document.getElementById('color').value;
    			if(color == '')
    			{
    				alert('Please select color');
    				postformflag = 0;
    			}
    		}else
    		{
    			var color = 0;
    		}
    	}
    	if(postformflag)
    	{
    		if(eval(document.getElementById('cart_information_span')))
    		{
    			document.getElementById('cart_information_span').innerHTML = '...';
    		}
    		if(eval(document.getElementById('cart_information_header_span')))
    		{
    			document.getElementById('cart_information_header_span').innerHTML = '...';
    		}
    		var attstr = '';
    		if(size != '' && color != '')
    		{
    			attstr = size+', '+color;
    		}else
    		if(size != '' && color == '')
    		{
    			attstr = size;
    		}else
    		if(size == '' && color != '')
    		{
    			attstr = color;
    		}
    		document.getElementById('product_att').value = attstr;
    		postform();
    	}
     }
    
    function postform()
    {
    	dataString = $("#shopingcartfrm").serialize();
    	$.ajax({
    		url: 'http://www.projectdisobey.com/disobeyclothing/?page=cart&'+dataString,
    		type: 'GET',
    		dataType: 'html',
    		timeout: 20000,
    		error: function(){
    			//alert('Error loading cart information');
    		},
    		success: function(html){
    			chekc_stock();
    			if(eval(document.getElementById('cart_content_sidebar')))
    			{
    				refresh_cartinfo_sidebar();
    			}
    			if(eval(document.getElementById('cart_information_span')))
    			{
    				document.getElementById('cart_information_span').innerHTML=html;
    			}
    			if(eval(document.getElementById('cart_information_header_span')))
    			{
    				document.getElementById('cart_information_header_span').innerHTML=html;
    			}	
    			if(eval(document.getElementById('addtocartformspan')))
    			{
    				document.getElementById('addtocartformspan').innerHTML = '<strong>Added To Cart - <a href="http://www.projectdisobey.com/disobeyclothing/?page=cart">View Cart</a></strong>';
    				
    			}
    		}
    	});
    	return false;
    }
    function refresh_cartinfo_sidebar()
    {
    	$.ajax({
    		url: 'http://www.projectdisobey.com/disobeyclothing/?page=cart&cartact=cart_refresh',
    		type: 'GET',
    		dataType: 'html',
    		timeout: 20000,
    		error: function(){
    			//alert('Error loading cart information');
    		},
    		success: function(html){
    			if(eval(document.getElementById('cart_content_sidebar')))
    			{
    				document.getElementById('cart_content_sidebar').innerHTML=html;
    			}
    		}
    	});
    	return false;
    }
    function chekc_stock()
    {
    	dataString = $("#shopingcartfrm").serialize();
    	$.ajax({
    		url: 'http://www.projectdisobey.com/disobeyclothing/?page=cart&pid=380'+dataString+'&cartact=stock_chk',
    		type: 'GET',
    		dataType: 'html',
    		timeout: 20000,
    		error: function(){
    			//alert('Error loading cart information');
    		},
    		success: function(html){
    			if(html=='unlimited')
    			{
    				
    			}else
    			if(html>0)
    			{
    				//alert(html);	
    			}else
    			{
    				document.getElementById('addtocartformspan').innerHTML = html;
    				//window.location.href='/disobeyclothing/?p=380';	
    			}
    		}
    	});
    }
    function checkstock(attval)
    {
    	if(eval('document.getElementById("shoppingcart_button_1")'))
    	{
    		document.getElementById("shoppingcart_button_1").style.display="";
    	}
    	if(eval('document.getElementById("shoppingcart_outofstock_msg1")'))
    	{
    		document.getElementById("shoppingcart_outofstock_msg1").innerHTML="";
    	}
    	if(eval('document.getElementById("shoppingcart_button_2")'))
    	{
    		document.getElementById("shoppingcart_button_2").style.display="";
    	}
    	if(eval('document.getElementById("shoppingcart_outofstock_msg2")'))
    	{
    		document.getElementById("shoppingcart_outofstock_msg2").innerHTML="";
    	}
    	}
    /* ]]> */
    </script>
    
    <form id="shopingcartfrm" name="shopingcartfrm" action="">
      <input type="hidden" name="cartact" value="addtocart" />
      <input type="hidden" name="product_id" id="product_id" value="380" />
       <div class="row">
        <label>Quantity:</label> <input name="product_qty" id="product_qty" type="text" maxlength="4" value="1" class="textbox" onkeypress="return numberonly(event)"  />
      </div>
    
      <input type="hidden" name="product_att" id="product_att" value="" />
      <input type="hidden" name="product_price" id="product_price" value="10.49" />
      <input type="hidden" name="product_istaxable" id="product_istaxable" value="" />
      <input type="hidden" name="product_weight" id="product_weight" value="250" />
      <div class="b_addtocart2" id="shoppingcart_button_1"><a href="javascript:void(0);" onclick="setAttributeVal();"></a> </div>
       <span id="shoppingcart_outofstock_msg1"></span>
    </form><br />
    <span id="addtocartformspan" class="clearfix">
    </span> 				
    		 </div> <!-- product_price #end -->
    
    </div> <!-- product details #end -->
    				
    		<ul class="fav_link">
    		  <li class="print"><a href="#" onclick="window.print();return false;">Print</a> </li>
    		  <li class="rss">  
    		   		    
    			  <a href="http://feeds.feedburner.com/DisobeyClothing">RSS</a>  
    					   </li>
    		   
    
    <li class="emailtofriend"><span style="text-decoration: underline;" class="more" title="tellafrnd_div">Email to a Friend</span> </li>
    
    <li class="blank"><span id="tellafrnd_success_msg_span"></span></li>
    <li class="blank"><div style="display: none;" id="tellfrnddiv" class="tellafrnd_div hide">
      <iframe src="http://www.projectdisobey.com/disobeyclothing/?page=tellafriend_form&amp;pid=380" style="border: medium none ; width: 547px; height: 558px;" frameborder="0" ></iframe>
    </div></li>
                         <li class="share"> <div class="a2a_kit addtoany_list"><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.projectdisobey.com/disobeyclothing/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></div>
    <script type="text/javascript"><!--
    var a2a_config = a2a_config || {};
    a2a_config.linkname="Devolution";
    a2a_config.linkurl="http://www.projectdisobey.com/disobeyclothing/?p=380";
    a2a_config.color_main = "f3f3e7";a2a_config.color_border = "C0C88A";a2a_config.color_link_text = "332402";a2a_config.color_link_text_hover = "332402";a2a_config.color_bg = "7f6f2";
    
    a2a_config.num_services = 14;
    //--></script><script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
    
     </li>
    		</ul>
    
    					  
    										 
    		<div class="fix"></div>
    		
    </div>  <!-- productinfo #end -->
    </div>
    <div class="fix"></div>
     
    <script type="text/javascript">
    /* <![CDATA[ */
    function numberonly(evt) {
        evt = (evt) ? evt : window.event
        var charCode = (evt.which) ? evt.which : evt.keyCode
        if (charCode > 31 && (charCode < 48 || charCode > 57)) {
            status = "This field accepts numbers only."
            return false
        }
        status = ""
        return true
    }
    /* ]]> */
    </script> 			<div class="pagination">
    			
                    						
                </div>
    			
                  
    	     			  </div> <!-- content #end -->
     		 
      <div id="sidebar">
    
      	
        
         <p class="login">
                    	     				<strong>Hello Guest -</strong> <a href="http://www.projectdisobey.com/disobeyclothing/?page=login">Login</a> 
         			 	</p>
                     
                             
                            
                                 
                       
    							                            <div class="cart_section">
                       	 <div class="cart_section_bottom clearfix">      
                                     <h4>Shopping Cart</h4>
                                     <p>
    								                                      You have<a href="http://www.projectdisobey.com/disobeyclothing/?page=cart"><strong> <span id="cart_information_span">0</span></strong></a> item(s) in your cart.</p>
    
                                        									 <a href="http://www.projectdisobey.com/disobeyclothing/?page=cart" class="b_checkout"></a>
    									                                   
                                        
                                        	</div>
                       </div>  
                                                      
                       
                        
       <div class="categories">
     <ul class="sf-menu sf-vertical" > 
      	<li class="cat-item cat-item-13"><a href="http://www.projectdisobey.com/disobeyclothing/?cat=13" title="View all posts filed under Hoodies">Hoodies</a>
    </li>
    	<li class="cat-item cat-item-12"><a href="http://www.projectdisobey.com/disobeyclothing/?cat=12" title="View all posts filed under T-Shirts">T-Shirts</a>
    <ul class='children'>
    	<li class="cat-item cat-item-15"><a href="http://www.projectdisobey.com/disobeyclothing/?cat=15" title="View all posts filed under Bill Hicks">Bill Hicks</a>
    
    </li>
    	<li class="cat-item cat-item-17"><a href="http://www.projectdisobey.com/disobeyclothing/?cat=17" title="View all posts filed under David Icke">David Icke</a>
    </li>
    	<li class="cat-item cat-item-18"><a href="http://www.projectdisobey.com/disobeyclothing/?cat=18" title="View all posts filed under Love Police">Love Police</a>
    </li>
    	<li class="cat-item cat-item-20"><a href="http://www.projectdisobey.com/disobeyclothing/?cat=20" title="View all posts filed under Miscellaneous">Miscellaneous</a>
    </li>
    	<li class="cat-item cat-item-19"><a href="http://www.projectdisobey.com/disobeyclothing/?cat=19" title="View all posts filed under New World Order/Illuminati">New World Order/Illuminati</a>
    </li>
    
    	<li class="cat-item cat-item-16"><a href="http://www.projectdisobey.com/disobeyclothing/?cat=16" title="View all posts filed under TV/Mainstream Media">TV/Mainstream Media</a>
    </li>
    </ul>
    </li>
       </ul>
       
       </div>
       
       
          			
    	<div class="widget subscribe_spacer" >	
        	<div class="subscribe" >
             <h3>Subscribe</h3>
            
    		<p>To stay updated with all of our latest news, please enter your e-mail address here. </p>
    
    		<div class="subform">
            <form  action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow"  onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=DisobeyClothing', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
          <input type="text" class="field" onfocus="if (this.value == '') {this.value = '';}" onblur="if (this.value == '') {this.value = '';}" name="email"/>
          <input type="hidden" value="DisobeyClothing" name="uri"/><input type="hidden" name="loc" value="en_US"/>
           <input type="image" src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/images/none.png"   value="Subscribe" class="replace" />
          
          </form>
          </div>
               
    		</div>	 
     	</div>
    
      
       
        
                                     </div> <!-- siderbar #end -->         </div> <!-- maincenter #end-->
        <div id="main_bottom"></div> 
    </div> <!-- wrapper #end -->
    
     </div> <!-- wrapper #end -->
    <div class="footerimage"></div>
    <script type="text/javascript" src="http://www.projectdisobey.com/disobeyclothing/wp-content/themes/eCommerce3/library/js/superfish.js"></script> 
     <!-- For Menu -->
    
    <script type="text/javascript">
    jQuery(function(){
    	jQuery('ul.sf-menu').superfish();
    });
    
    </script>
    
    </body>
    
    </html>
    Anybody have any suggestions as to what the problem might be (and how I can rectify it)? If you need more info, let me know...

    Thanks!

  2. #2
    SitePoint Member
    Join Date
    Apr 2011
    Posts
    21
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Here is the Javascript:

    Code:
    <script type="text/javascript"> var closebutton='<?php bloginfo('template_directory'); ?>/library/js/closebox.png'; </script>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/library/js/fancyzoom.js"></script>
    
    <script type="text/javascript" charset="utf-8">
    	$(document).ready(function() {
    		$('div.photo a').fancyZoom({scaleImg: true, closeOnClick: true});
    		$('#medium_box_link').fancyZoom({width:400, height:300});
    		$('#large_box_link').fancyZoom();
    		$('#flash_box_link').fancyZoom();
    	});
    </script>
    
    
    <script type="text/javascript">
    /* <![CDATA[ */
    $(document).ready(function(){
    
    $('.hide').hide();
    
    $('body').append('<div id="infoBacking"></div><div id="infoHolder" class="large"></div>');
    $('#infoBacking').css({position:'absolute', left:0, top:0, display:'none', textAlign:'center', background:'', zIndex:'600'});
    $('#infoHolder').css({left:0, top:0, display:'none', textAlign:'center', zIndex:'600', position:'fixed'});
    if($.browser.msie){$('#infoHolder').css({position:'absolute'});}
    
    
    $('.more').mouseover(function() {$(this).css({textDecoration:'none'});} );
    $('.more').mouseout(function() {$(this).css({textDecoration:'none'});} );
    
    $('.more').click(function(){
    
    if ($('.' + $(this).attr("title")).length > 0) {
    
    	browserWindow()
    	getScrollXY()
    
    	if (height<totalY) { height=totalY; }
    
    	$('#infoBacking').css({width: totalX + 'px', height: height + 'px', top:'0px', left:scrOfX + 'px', opacity:0.85});
    	$('#infoHolder').css({width: width + 'px', top:scrOfY + 25 + 'px', left:scrOfX + 'px'});
    	source = $(this).attr("title");
    
    	$('#infoHolder').html('<div id="info">' + $('.' + source).html() + '<p class="clear"><span class="close"><?php _e('Close X');?></span></p></div>');
    
    	$('#infoBacking').css({display:'block'});
    	$('#infoHolder').show();
    	$('#info').fadeIn('slow');
    }
    
    $('.close').click(function(){
    	$('#infoBacking').hide();
    	$('#infoHolder').fadeOut('fast');
    });
    
    });
    
    /* find browser window size */
    function browserWindow () {
    	width = 0
    	height = 0;
    	if (document.documentElement) {
    		width = document.documentElement.offsetWidth;
    		height = document.documentElement.offsetHeight;
    	} else if (window.innerWidth && window.innerHeight) {
    		width = window.innerWidth;
    		height = window.innerHeight;
    	}
    	return [width, height];
    }
    /* find total page height */
    function getScrollXY() {
    	scrOfX = 0; 
    	scrOfY = 0;
    	if( typeof( window.pageYOffset ) == 'number' ) {
    		scrOfY = window.pageYOffset;
    		scrOfX = window.pageXOffset;
    	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    		scrOfY = document.body.scrollTop;
    		scrOfX = document.body.scrollLeft;
    	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    		scrOfY = document.documentElement.scrollTop;
    		scrOfX = document.documentElement.scrollLeft;
    	}
    	totalY = (window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null ? document.body.clientHeight : null);
    
    	totalX = (window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null);
    	
    	return [ scrOfX, scrOfY, totalY, totalX ];
    }
    
    return false;
    				});
    /* ]]> */
    </script>
    Anybody got any suggestions?


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •