Hi Martin, Thanks for the advice. I came across the same solution while reading through the Mootools Essentials book and it works like a charm.
As for the other IE6 Issues, they are both solved. #2 was an issue with the width of the inner div which I needed to set via a .setStyle. And #3 is just a matter of me forgetting that IE6 doesn't allow hovers on div's. The Safari problem is still happening though. In fact, it's a WebKit issue, as Chrome has the same problem. Has anyone seen what I'm talking about with this bug? Any ideas on how to fix it? Cheers, Jon On Sep 30, 2:37 pm, "Martin Tillmann" <[EMAIL PROTECTED]> wrote: > I would suggest you'd > tryhttp://mootools.net/docs/Request/Request.JSONinsteadof scraping the > JSON from inside a div element. This works very nice > with IE6. I've also had some issues in the past when animating margin & > padding values with IE6 so you might consider using other properties > (left,top?) to get the effect you want. > > best > > martin > > On Tue, Sep 30, 2008 at 8:22 PM, Jon Hack <[EMAIL PROTECTED]> wrote: > > > Hello Everyone. > > > I've developed a new site for our company's photography business. It's > > entirely based on mootools and works great in FF and IE7 (I still need > > to add some preloading script in for the portfolios). However, IE6 and > > Safari each have their own idiosyncrasies. > > > You can view the dev site at > >http://www.lookmatters.com/playground/gjphoto/ > > The live site will be athttp://www.gjphoto.caonce these issues are > > worked out. > > The javascript is at > >http://www.lookmatters.com/playground/gjphoto/js/gjphoto.js > > > :: Here are the issues in IE6 (they all are related to the portfolios > > that linked in the bottom white bar): > > > 1) First of all, when I click on the portfolio name in IE6 it doesn't > > load. All other browsers do it fine. I have to start opening and > > closing the various portfolios numerous times each before any of them > > will start loading. I'm at a complete loss as to why this might be. > > It's an ajax load of a php generated file which merely contains a DIV > > with the JSON data in it. I then Decode that JSON data for use and > > dispose of the containing DIV. > > > 2) Once I manage to open a portfolio there is an issue with sliding > > the thumbnail bar. In FF/IE7, when you click on the up/down arrows, it > > slides nicely to a new page of thumbnails. In IE6 it moves by one row > > the first time you click and doesn't move more than that. Here's the > > code that's makes it move. > > > lpELThumbInside.tween('margin-top', '-'+ ((thumbnailSize * > > thumbnailRows)*(thumbPos-1)) +'px'); > > > and for reference, in my case these are the values in the equation. > > lpELThumbInside: The inner div of the thumbnail viewer. This contains > > all the thumbnails and moves up or down as needed. > > thumbnailSize: 70 > > thumbnailRows: 6 > > thumbPos: Reflects which page of thumbnails is being viewed. Starts at > > 1. ++ or -- depending on whether up or down is clicked. > > > 3) When you hover over the main image of the portfolio, there should > > be a left or right image indicating that you can click on it to move > > to the previous or next image. For some reason IE 6 won't show the > > images. It's a small issue, but it has me stumped. > > > :: Safari only has one issue that I've noticed. > > > 4) For some reason the DIV's that move to the previous or next image > > (mentioned under #3) cause the sliding effect to go crazy. If you > > click on the next button and don't move your mouse, it'll appear as > > though nothing has happened. Only when you move your mouse over either > > div will it refresh that space. Any ideas why a transparent div would > > cause a slider to break? > > > So those are my issues. I'd also love for any feedback you might have; > > Questions, Comments, Criticisms, or Insults are all welcome. > > > Thanks for reading this through and for any help you may be able to > > provide. > > > Cheers, > > > Jon > > > PS: Please note that I will be trying out ideas for fixing these > > problems as they come in so it may change while you are looking at it.
