Changes to improve compatibility with Internet Explorer 6 and 7

Signed-off-by: Joshua Ferraro <jmf@liblime.com>

diff --git a/koha-tmpl/opac-tmpl/prog/en/css/opac.css b/koha-tmpl/opac-tmpl/prog/en/css/opac.css
index 0aa1211..06d9629 100644 (file)
--- a/koha-tmpl/opac-tmpl/prog/en/css/opac.css
+++ b/koha-tmpl/opac-tmpl/prog/en/css/opac.css
@@ -1380,8 +1380,6 @@ span.starMT {
        width: 50px;
 }
 
-
-
 #cartmenulink, #listsmenulink {
        display : block;
        position : relative;
@@ -1417,6 +1415,9 @@ span.starMT {
        padding : 0 0 5px 10px;
        margin-bottom : -5px;
 }
+/* For IE7 */
+ *:first-child+html #cartmenulink span { padding-top : 3px; padding-bottom : 7px; }
+ *:first-child+html #listsmenulink span { padding-top : 5px; }
 
  #cartmenulink span i, #listsmenulink span i {
        background-position : bottom right;
@@ -1443,7 +1444,9 @@ span.starMT {
        background-image : none;
        cursor : pointer;
 }
-
+* html #cartmenulink span, * html #listsmenulink span {
+       padding-top : 5px;
+}
 #listsmenulink {
        background : #9FBFFF;
 }
@@ -1502,9 +1505,6 @@ span.starMT {
        top : auto;
 }
 
-*html #cartmenulink span#basket, *html #cartmenulink span#basket span {
-}
-
 a#listsmenulink, a#listsmenulink:hover {
        color : #006699;
        font-size : 105%;
@@ -1520,6 +1520,19 @@ a#cartmenulink, a#cartmenulink:hover {
        line-height : 185%;
        margin-left : 1.5em;
 }
+* html a#cartmenulink {
+       padding-top: 0;
+}
+ * html a#cartmenulink:hover {
+       padding-top : 0;
+}
+/* For IE7 */
+*:first-child+html a#listsmenulink { padding-top : 0; }
+*:first-child+html a#listsmenulink:hover { padding-top : 0; }
+*:first-child+html a#cartmenulink { padding-top : 0; }
+*:first-child+html a#cartmenulink:hover { padding-top : 0; }
+*:first-child+html #cartmenulink span i{ top : -4px; }
+*:first-child+html #listsmenulink span i { top : -5px; }
 
 #listsmenulink img {
        background-image : none;

diff --git a/koha-tmpl/opac-tmpl/prog/en/includes/masthead.inc b/koha-tmpl/opac-tmpl/prog/en/includes/masthead.inc
index 8d126be..68344c9 100644 (file)
--- a/koha-tmpl/opac-tmpl/prog/en/includes/masthead.inc
+++ b/koha-tmpl/opac-tmpl/prog/en/includes/masthead.inc
@@ -80,7 +80,7 @@
 </div>
 </div>
 
-<!-- TMPL_IF NAME="opacbookbag" --><div id="cartDetails" style="display: none">Your cart is empty.</div><!-- /TMPL_IF -->
+<!-- TMPL_IF NAME="opacbookbag" --><div id="cartDetails" style="visible:false;">Your cart is empty.</div><!-- /TMPL_IF -->
 
 <!-- TMPL_IF NAME="virtualshelves" -->
 <div id="listsmenu" class="yuimenu" style="display: none">

diff --git a/koha-tmpl/opac-tmpl/prog/en/js/basket.js b/koha-tmpl/opac-tmpl/prog/en/js/basket.js
index ca7c0ff..160bfc1 100644 (file)
--- a/koha-tmpl/opac-tmpl/prog/en/js/basket.js
+++ b/koha-tmpl/opac-tmpl/prog/en/js/basket.js
@@ -409,7 +409,7 @@ function vShelfAdd() {
         }
 }
 
-YAHOO.util.Event.onContentReady("cartDetails", function () {
+YAHOO.util.Event.onAvailable("cartDetails", function () {
        $("#cartDetails").css("display","block").css("visibility","hidden").after("<div id=\"cc\" style=\"visibility: hidden\"></div>");
        $("#cmspan").html("<a href=\"#\" id=\"cartmenulink\" class=\"\"><i></i><span><i></i><span></span><img src=\"/opac-tmpl/prog/images/cart.gif\" width=\"14\" height=\"14\" alt=\"\" border=\"0\" /> Cart<span id=\"basket\"></span></span></a>");
        if(basketcount){ updateBasket(basketcount) }    
@@ -420,6 +420,7 @@ function cartMenuInit() {
                openBasket(); return false;
        });
        // Build cartOverlay based on markup
+       $("#cartDetails").css("display","block");
        cartOverlay = new YAHOO.widget.Overlay("cartDetails", { context:["cartmenulink","tr","br"],                                                                                                                                                                                       visible:false,width:"200px",effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25} } );
        cartOverlay.render();
        YAHOO.util.Event.addListener("cartmenulink", "mouseover", cartOverlay.show, cartOverlay, true);