I have a fairly simple web site that has a page of testimonials that are set up using moo. accordion action.
Works beautifully on Mac Safari/ Firefox/Chrome also on Windows XP IE8/firefox running on Parallels XP virtual machine.
Just doesn’t want to work on IE9 on a Windows Vista system. Could someone take a look and make a suggestion to this now confused brain please?
Web page that’s giving problem - http://www.clairejones.me/claire-testimoni.html
Well, I went with the scriptyaccordian solution. Thanks to DeltaDave for prompt answers.
Must admit I do like the moo. script as it has some features not (yet?) implemented anywhere else. All the accordions on a page can be linked so that opening one closes any other - another column or area of the page.
Still, the scriptyaccordian does seem to solve my problem with IE9.
Cheers
I have looked at your accordion in IE9 and all the frames are closed which is correct - when I preview my page in IE9, all the accordion items are open - does anyone have any ideas why?
Thank you DeltaDave.
I’ve no iPad so that was something I couldn’t check. Looked OK on the iPhone.
Still, I have now gone with images for headers and changed the trigger to img. This gives me more control over the look of the headers too.
I have looked at your accordion in IE9 and all the frames are closed which is correct - when I preview my page in IE9, all the accordion items are open - does anyone have any ideas why?
Can you turn the script debugger on in IE, and see what it says is
going on? Most people leave it off, since it’s usually wildly wrong
about line numbers, but the fact or lack of an error message is a good
place to start. Also, go to http://validator.w3.org and input this
address, and see if any errors come back. JAvaScript is incredibly
intolerant of invalid code (unlike browsers) so the slightest thing
can make a dynamic page go funny.
Walter
On Sep 14, 2011, at 5:17 AM, BigG wrote:
On a different problem -
I have looked at your accordion in IE9 and all the frames are closed
which is correct - when I preview my page in IE9, all the accordion
items are open - does anyone have any ideas why?
This is the second or third report I have heard of Moo code suddenly
not working in IE9. I don’t see anything wrong here in Safari, but I
don’t have IE9 to test with.
Walter
On Sep 14, 2011, at 10:01 AM, BigG wrote:
Yes i am using Moo. I have other moo items on the page so cannot use
the scripty accordion.
I ran it through the validator and it has no errors.
It works in IE7 and 8 - I will have to go back to the IE9 machine
and look at the debugger - I don’t have 9 at the office, it’s at the
clients.
hmmm… I may revert to the scripty route then, as I’m not too far down the road of no return yet.
I see that the latest version of the scripty accordion says that you can use img as the trigger - if that’s the case, can I create a menu exactly the same as the one I’ve got? i.e. a graphic button and html links?
I have tried nesting a graphic into the html box and choosing img as the trigger but this doesn’t work and I suspect I have to do something different.
I was in your position and had to abandon moo in favour of scriptyaccordion.
I dragged the images needed onto page,
tucked them to the side on the paste board,
select then copy the first,
click into html box to position cursor and paste in image,
hit return and then add the text that you want to appear there.
Repeat for all images and finally delete the images on the paste board.
Not ideal way I suspect but quick and easy I found.
I had a look at your (very nice) layout. I think what you want to do
is this (pardon the pseudo-HTML, hope it makes sense):
div (outer div with the SA Action applied)
img (header)
div (where all your disclosure stuff lives)
img
div
img
div
...
Then you would set the Action to use IMG as the trigger, and DIV as
the show/hide element. This would give you the flexibility to nest
paragraphs and unordered lists, and pretty much anything else you
wanted to, between your disclosure headers. It means one more layer of
nesting, so your working method would look like this:
Draw a DIV
Double-click inside it, choose Insert / Graphic Item. Style that as
your header.
Double-click outside the graphic, within the outermost DIV, type
Return, choose Insert / HTML Item.
Drag out the new inline HTML item to your desired full width,
double-clci inside it, and start building up your content within it.
Once you have some content in there, click on the up/down arrow icon
in the Inspector to make the height stretchy.
Repeat steps 2 - 4 until all of your header/content pairs are
complete.
Select the outermost DIV and remove its height. Apply the Action
and set it as noted above.
A lot of the above could probably be done with cut and paste,
depending on how your current page is constructed.
Walter
On Sep 14, 2011, at 12:27 PM, BigG wrote:
hmmm… I may revert to the scripty route then, as I’m not too far
down the road of no return yet.
I see that the latest version of the scripty accordion says that you
can use img as the trigger - if that’s the case, can I create a menu
exactly the same as the one I’ve got? i.e. a graphic button and html
links?
I have tried nesting a graphic into the html box and choosing img as
the trigger but this doesn’t work and I suspect I have to do
something different.
Sorry, I see what’s wrong here. This is a regression caused by the
version I released yesterday. I have to issue a patch to SA to fix it.
Give me about 20 minutes to sort this out.
Walter
On Sep 14, 2011, at 1:01 PM, BigG wrote:
Must be doing something wrong. All looks ok, but it won’t open the
div…