I would suggest you'd try http://mootools.net/docs/Request/Request.JSONinstead of 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 at http://www.gjphoto.ca once 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. >
