Announcement

Collapse
No announcement yet.

Links not working in IE

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Links not working in IE

    I have a tricky problem which needs fixing fairly quickly because it concerns the way Internet Explorer behaves.
    I have added 3 buttons to my Extended Info pages, Continue Shopping, View Cart, and Checkout. They work fine in Firefox, Chrome, Opera and Safari, but not in Internet Explorer (versions 6 and 8).
    I'm at a bit of a loss as to why this is happening or what to do! If anyone can help I'd be really grateful.
    An example page here - http://www.madaboutjewellery.com/aca...go_brooch.html

    #2
    Originally posted by marknc View Post
    I have a tricky problem which needs fixing fairly quickly because it concerns the way Internet Explorer behaves.
    I have added 3 buttons to my Extended Info pages, Continue Shopping, View Cart, and Checkout. They work fine in Firefox, Chrome, Opera and Safari, but not in Internet Explorer (versions 6 and 8).
    I'm at a bit of a loss as to why this is happening or what to do! If anyone can help I'd be really grateful.
    An example page here - http://www.madaboutjewellery.com/aca...go_brooch.html
    The problem is the content of the link
    Code:
     <a href="swarovski_brooches.html#abro220"><input type="image" src="return_button_red.gif" alt="View Cart" onMouseOver="src='return_button_green.gif' " onMouseOut="src='return_button_red.gif' " /></a>
    The <input> field inside the link is not inside a <form> tag and is clearly confusing IE which is expecting a submit to make use of the <input>, firefox is more tolerant and ignoring the code errors.

    Presumably you are trying to achieve a colour change on mouseover try the following
    Code:
     <a href="swarovski_brooches.html#abro220" target="self"  onMouseOver="SwapImage('continue_shop','return_button_green.gif' " onMouseOut="RestoreImage()" /><img  src="return_button_red.gif" alt="Continue Shopping" name="continue_shop" ></a>
    The SwapImage and RestoreImage are standard Actinic JavaScript functions (this is code from a live store modifed for your images)

    Malcolm

    SellerDeck Accredited Partner,
    SellerDeck 2016 Extensions, and
    Custom Packages

    Comment


      #3
      Also try your original code but using this.src= instead of src=.
      Norman - www.drillpine.biz
      Edinburgh, U K / Bitez, Turkey

      Comment


        #4
        Sorry I've taken so long to get back to you. I've been trying to implement your suggestions.
        What's happening is, when I try the alternative SwapImage and RestoreImage code, I get a Javascript error saying Expected "I". (I think that's a capital "i").
        Also I want to stop the browser giving a border to the button and I've been trying include a border="0" tag but it seems to prevent the swap.

        I'm also trying to figure out the code for view cart and checkout based on what you've given me. Phew!!! A steep learning curve.

        Comment


          #5
          I had to get this fixed tonight simply because a lot of folk use IE and we could lose orders over this.

          For the time being I have used Dreamweavers own swap image function and added the call to a javascript routine for all three buttons. This works in all browsers including IE with no error messages.

          I'm putting it up site-wide now. Gonna take ages due to my snails-pace broadband speed.

          However, I have not given up on your solutions but have noted them and hopefully you may be able to provide some further assistance with my previous post, as it would be better to use Actinic's own Javascript functions.

          Very late. Going to my bed!! Goodnight.

          Comment

          Working...
          X