Hi Scott
Ok, so I removed the static height paragraphs and low and behold
everything worked fine.
I have no explanation why it works now. It did not work before and I
spent hours trying to make those divs open full height.
Thanks for your time on this and I owe you one if you have buggy code,
I would be happy to take a look.
I feel like a pretty proficient javascripter and I would have normally
sat and debugged this on my own, but I had spent the good portion of a
day looking through the code and was frustrated as ever with it. I
could not find anything wrong and just wanted a second set of eyes on
it.
I guess I was right, there was nothing wrong. I cannot explain why it
works now or did not work then. My best guess is a cached version of
the javascript was loading. I have had that problem before and then a
day later it would work fine since the cache expired. Though i did
empty my cache on this a couple of times.
Either way I am glad it is working and when I manage to make the
navigation: true work with the scroll up feature I will pass it on.
Rudy
On Dec 15, 9:27 am, "Scott Greenfield" <sgreenfi...@lyconic.com>
wrote:
> Glad you found a workaround. However, it's always nice to not have to set
> static heights. That way, it would save you time when you add new articles.
> Actually I was asking you to post an example that was NOT working as
> intended.
>
> Last night, I downloaded your test site in its entirety, and removed the
> static heights that you said were causing the divs not to expand to full
> height. I also commented out the work-around line of code that caused it to
> scroll to top. Having done both of those things in an attempt to restore it
> to the "not working" version, I found it to be working perfectly in both
> Firefox 3.5.5 and IE8. Unless there are additional variables that I'm not
> aware of, I would say that neither of those two things were causing the
> issue.
>
> If you still want to troubleshoot this, I'd suggest posting a screenshot
> and/or the version that is NOT working.
>
> Sorry I couldn't be more help.
>
> Scott
>
> Main.js:
> //$('html, body').animate({ scrollTop: 0 }, 100);
>
> Index.php:
> <div id="accordion">
> <div>
> <h3><a href="#top"><i>Flag Live!</i> Innovative Panoramas</a></h3>
> <div><img src="images/articles/Pano-Article-5-01-03.jpg"
> alt="Pano-Article-5-01-03" />
> </div>
> </div>
>
> <div>
> <h3><a href="#top"><i>Arizona Republic</i> Mind's Eye
> Panoramas™</a></h3>
> <div><img src="images/articles/AZ_Republic_12-02.jpg"
> alt="AZ_Republic_12-02" />
> </div>
> </div>
> <div>
> <h3><a href="#top">Whats behind the World View Series™</a></h3>
>
> <div><img src="images/articles/FlagLive_Wine.gif"
> alt="FlagLive_Wine" />
> </div>
> </div>
> <div>
> <h3><a href="#top">Harleys and Fine Art</a></h3>
> <div><img src="images/articles/bikes_and_art.gif"
> alt="bikes_and_art" />
> </div>
> </div>
>
> <div>
> <h3><a href="#top">Fine Art Photographer</a></h3>
> <div><img src="images/articles/FlagLive_Photo_Issue.jpg"
> alt="FlagLive_Photo_Issue" />
> </div>
> </div>
> </div>
>
> -----Original Message-----
> From: jquery-ui@googlegroups.com [mailto:jquery...@googlegroups.com] On
>
> Behalf Of Buck
> Sent: Tuesday, December 15, 2009 8:28 AM
> To: jQuery UI
> Subject: [jquery-ui] Re: Accordion COntent Image Only Height Issue
>
> It is occurring in all browsers, mac and pc (firefox, safari, opera,
> chrome, IE7, IE8)
>
> I am in development on this and it is on my testing server:
>
> http://ethos7.com/demo/site/index.php?p=articles
>
> I also ran into problems with this page because of the "navigation:
> true" not working at all and there being very little anyone had to say
> about this, (it would be nice just to define the #href and put an
> anchor tag at the proper spot and have it work without any need to do
> anything else, since it is already a browser function without any
> script at all).
>
> I ended up creating a separate scroll to top function as a workaround,
> it works alright since scrolling to top of page will show full
> accordion, but if I had a few more accordion items it would cause
> issues for the ones that were further down the page. Also, it kind of
> makes the animation choppy if you don't scroll to the top really
> fast.
>
> Ideally it would scroll either before or after accordion opens or
> slowly at the same time if it didn't make animation wonky, but for
> some reason both events fired at the same time. If I put this scroll
> as a navigationFilter function then halfway through the scroll the
> accordion function would halt the scroll, I could see the scroll was
> working because the page was higher up than without any function at
> all. As it stands the functions are completely separate and seem to
> work as two completely different events, as long as the scroll is
> really fast, thus I have my settings as "navigation:false." This may
> be a good workaround for others too, since there does not seem to be
> any other postings that adress this well.
>
> Ultimately it would be nice to integrate this scrolling feature into
> the accordion as an option (It is how I would imagine
> "navigation:true" would work) and with a bit more jquery experience I
> will be able to figure it out, but this works for now, as does my
> paragraph height hack to make accordion open all the way.
>
> On Dec 14, 11:40 am, "Scott Greenfield" <sgreenfi...@lyconic.com>
> wrote:
> > I've had a similar problem, and it was purely a CSS issue. Can you post a
> > link? Also, in what browser is this occurring?
>
> > Scott
>
> > -----Original Message-----
> > From: jquery-ui@googlegroups.com [mailto:jquery...@googlegroups.com] On
>
> > Behalf Of Buck
> > Sent: Monday, December 14, 2009 8:00 AM
> > To: jQuery UI
> > Subject: [jquery-ui] Accordion COntent Image Only Height Issue
>
> > Hi,
>
> > I am trying to use accordion to show a few articles on my site and the
> > articles are scans from a newspaper. If this is the only content in
> > the content div the accordion will not open to full height. Even if I
> > put a paragraph with a blank space after it. My only workaround has
> > been to put the image inside a paragraph with styling on the paragraph
> > that declares a static height. It does not matter if I declare a
> > height on the image via a height attribute or a style attribute.
>
> > I tried using autoHeight: False and it id not matter.
>
> > Is tis a bug or have other folks found a way to work with this?
>
> > Thanks
>
> > Buck
>
> > --
>
> > You received this message because you are subscribed to the Google Groups
> > "jQuery UI" group.
> > To post to this group, send email to jquery...@googlegroups.com.
> > To unsubscribe from this group, send email to
> > jquery-ui+unsubscr...@googlegroups.com.
> > For more options, visit this group
> athttp://groups.google.com/group/jquery-ui?hl=en.
>
> --
>
> You received this message because you are subscribed to the Google Groups
> "jQuery UI" group.
> To post to this group, send email to jquery...@googlegroups.com.
> To unsubscribe from this group, send email to
> jquery-ui+unsubscr...@googlegroups.com.
> For more options, visit this group
> athttp://groups.google.com/group/jquery-ui?hl=en.
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
