Spry Accordion jumping to the top of the page

Hi
I've just about go the accordion looking perfect (it's a
great effect!), except that in IE7 when a panel lower down the list
is selected, the page jumps so that the highest panel is at the top
of the screen. As my accordion is longer than the screen this means
that the panel that is selected is off the bottom of the screen.
Does anyone have any suggestions for fixing this? It works
perfectly in Firefox.
Many thanks in advance!

I saw you are using an old version of Spry accordion.. you
use Spry.1.4 and the latest version is Spry 1.6 which contains some
bugs fixed for accordion widget.
Update link:
http://labs.adobe.com/technologies/spry/home.html
Please update to the latest version and make the keyboard
navigation change and see if still happens the pb.
Diana

Similar Messages

Logo, hyperlinks jumping on the page!

Hi guys,
I am creating a new version of my site using Dreamweaver CC (the pages are still in the early stages as you will see), but I just noticed that when I look at one of the pages (using Firefox - which says its the 'latest version'), I find that both the logo (at the very top), and also the hyperlinked text on the page (such as the hyperlink 'Shipping Locations'), literally jump around all over the place, whenever I hover my cursor over them. Both the logo and the hyperlinks move crazily from side to side - I've never seen anything like it before. Yet on Chrome, they work fine and dont move. (nb. I am using Windows 7). Here is a link, just in case anyone has any ideas, would be much appreciated! http://www.mindtraining.net/dreamweaver/sports-mental-training/archery-target-panic.php
Many thanks,
Craig T

I've just checked in Chrome on Windows 7, and your logo is moving around like crazy. It's not just a Firefox problem.
I haven't gone through all of your CSS, but the reason the logo is jumping around so violently is because you're using a transparent png. When the cursor is over text, the :hover style kicks in, but when over a transparent section, the :hover no longer applies.
I managed to stop the crazy jumping around by applying an inline style to the logo, setting its display property to block. But it doesn't solve the problem of the navigation menu jumping up and down.
It looks as though you have a problem with the grid system you're using. In your header, you have a grid_4 and grid_8, but the grid_4 div has a height of zero, so the grid_8, which contains the logo floats all the way across to the left.

Jumping up the page when online

When I am trying to write something that's not at the top of the screen the iPad jumps to the top so I can't see what I'm writing also on eBay wont
Let me scroll down listing keep jumping back up its a iPad 3 please help!!!

see https://support.mozilla.com/questions/885622

My pointer is out of control. Jumps around the page and opens windows ands apps at random. How can I fix this?

Help. My pointer is out of control. It hardly responds to the trackpad. Instead it jumps around the screen on its own, opening windoes and app at random.
At wits end. Any advice?

Try a PRAM reset, http://support.apple.com/kb/HT1379?viewlocale=en_US and if that does not help take the MBP to an Apple store genius bar and have the techs run their diagnostics.

The page jumps across the page removing the slide bar making me loose access to everything , can close the program but cant use it as a intenet source any help on what i cna do to fix this ? thanks

Ihave installed firefox but cant use it as a service for internet i can open it up and after 2 seconds of it loading the slider bar dissapears and the whole web page shifts to the right making only half the page visiable

This issue can be caused by the Babylon Toolbar 1.1.8 extension (Tools > Add-ons > Extensions)
*https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes
Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
*Don't make any changes on the Safe mode start window.
*https://support.mozilla.com/kb/Safe+Mode

Spry Accordion - Tabs open and then close after page loads

I am using a Spry Accordion menu driven from a database.
The menu opens up during the page load and then closes.
I'm using SpryAccordion.js 1.6.1
And to open a preset tab, I'm using:
<script type="text/javascript">

</script>
But, all of the tabs open and then close on page load.
My page:   http://www.texashotjobs.us/00C01.aspx
Any fix for this??
Thanks, Ron

Well to both thanks. Actually I wasn't disappointed as I had a two part question...
I tested the 1.6 JS and remembered that I had to modify the 1.4 so that tabs actually would link. So I reverted back to 1.4.
So, going to 1.6 fixed the open panel on load but "unfixed" the panel tab from linking.....
So changing this in the 1.6 js fixed the link issue as well:
Spry.Widget.Accordion.prototype.onPanelTabClick = function(e, panel)
    if (panel != this.currentPanel)
        this.openPanel(panel);
    else
        this.closePanel();
    if (this.enableKeyboardNavigation)
        this.focus();
//    if (e.preventDefault) e.preventDefault();
//    else e.returnValue = false;
//    if (e.stopPropagation) e.stopPropagation();
//    else e.cancelBubble = true;
I t appears everything is working........
Thanks, Ron Gaddis
Visual Reality Productions

The microsoft on-screen keyboard doesn't work with firefox. I try to enter type and it jumps around the page. I can't select anything on drop down lists.

I tend to use the on-screen keyboard. For about two months I've been unable to type text in firefox. I can't use dropdown boxes. I have to text to notepad then copy and paste it. I realize this is hardly a critical issue but I've loved using firefox for years and am considering going to another browser if I can't resolve this.

'''''[https://support.mozilla.org/en-US/kb/troubleshoot-firefox-issues-using-safe-mode Start Firefox in Safe Mode]'''''
<BR>While you are in safe mode;<BR>
'''''Firefox Options > Advanced > General'''''.<BR>
Look for and turn off '''Use Hardware Acceleration'''.
Restart FF. If there is still a problem, check '''caret browsing''' <F7>.
It might have been turned on.

Spry Accordion Jerky/Jumping movement Issues in IE

I am having a difficult time trying to debug the accordion in IE. You can see the accordion here in IE I am having two issues.
1. When at the top of the site and clicking on a tab to open it jumps down the page as if it were an anchor point, and I find this very annoying.
2. The movement below the tab clicked is jumping around and this also is incredibly annoying to me, its more subtle than the above issue but it still bothers me. I am having this issue in GC as well.
I have searched quite a few forums and have not found a solution for this but this must be a fairly common issue? I am not that familaur with spry yet this is my first real project using it so my knowledge is very limited to this point. This dose work perfect in FF.
Thanks in advance,

I will put together a gutted version of this and send it over if you have the time that would be fantastic. Making a gutted version may be the best thing at this point so I can slowly add stuff back and see what causes the problem. If i cant fix it by doing that I will zip and send the files.
Date: Tue, 27 Oct 2009 15:23:40 -0600
From: [email protected]
To: [email protected]
Subject: Spry Accordion Jerky/Jumping movement Issues in IE
Can you provide me with files where I can reproduce your issue with
out any other scripts on the site? This gives me a better debugging
area. If you do not feel comfy with posting it online. You can e-mail
it to mailto:[email protected]
>

Framemaker 11: pdf does not "jump" to the link spot.

I have markers in a table side heading that I want a Xref to jump directly to (place the cursor in front of the text). It works in Frame, but when I save as>.pdf the link only jumps to the page and not the location of the marker. Help???
PS...I am using Adobe Acrobat X to pdf.

> Unfortunately I MUST use view as "fit page" when creating the pdf ...
That should be irrelevant. This is just about viewing the PDF in a reader.
Use marquee zoom to zoom in at some high mag on the hypertext. Click it. See where it goes, using -minus zoom in steps as necessary.
And once again, what reader are you using? Adobe Reader? Acrobat Pro? Acrobat Std? Stand-alone or from a web browser? Some 3rd-party reader or browser plugin?

Spry Accordion - disaster

Hi
I am having some problems with my SPRY Accordion. I have
ruined the default CSS file for
the Spry Accordion (spryAccordion.css)
I have changed the settings and now made a mess.
The problem seems to be with Mozilla Firefox mostly, but also
with IE and Navigator.
It is hard to explain so an example of the problem can be
seen at:
http://www.brettenman.com.au/test-acc.html.
Also i cannot figure out how to make the Spry Accordionit
aligned at the top in Dreamweaver?
I would greatly appreciate some help!
Thanks
Brett

Brett,
> I am having some problems with my SPRY Accordion. I have
ruined the default
> CSS file for the Spry Accordion (spryAccordion.css)
>
> I have changed the settings and now made a mess.
Delete spryAccordion.css from your site, then add a new
Accordion
somewhere, and DW will copy the original file back to your
site.
Hint: you should override the CSS in your own style sheet
instead of
editing the original.
HTH,
Randy

Spry Accordion - Troubles

Hello fellow developers!
I am having some problems with my SPRY Accordion. I have
ruined the default CSS file for
the Spry Accordion (spryAccordion.css)
I have changed the settings and now made a mess.
The problem seems to be with Mozilla Firefox mostly, but also
with IE and Navigator.
It is hard to explain so an example of the problem can be
seen at:
http://www.brettenman.com.au/test-acc.html.
Also i cannot figure out how to make the Spry Accordionit
aligned at the top in Dreamweaver?
I would greatly appreciate some help!
Thanks
Brett

Brett,
Add this back to the CSS file:
.Accordion {
overflow: hidden;
The reason the Accordion is not showing in the top of the
table cell is because you specified a height on the table and the
table
cell.
If you really want to do that (I would not recommend
specifying the height), then set the valign to top, like this:
<td height="552" align="left" valign="top"
bgcolor="#CCCCCC">
Ken Ford
Adobe Community Expert - Dreamweaver
Fordwebs, LLC
http://www.fordwebs.com
"bringelly" <[email protected]> wrote in
message news:fvrmro$gri$[email protected]..
> Hello fellow developers!
>
> I am having some problems with my SPRY Accordion. I have
ruined the default
> CSS file for
> the Spry Accordion (spryAccordion.css)
>
> I have changed the settings and now made a mess.
> The problem seems to be with Mozilla Firefox mostly, but
also with IE and
> Navigator.
> It is hard to explain so an example of the problem can
be seen at:
>
>
http://www.brettenman.com.au/test-acc.html.
>
> Also i cannot figure out how to make the Spry
Accordionit aligned at the top
> in Dreamweaver?
>
> I would greatly appreciate some help!
>
> Thanks
>
> Brett
>

Spry Accordion Panel

hi guys,
i have a Spry accordion panel, in the first panel i have some
dynamic text and some dynamic images, when i open the other panel
below, this opens over the top of the first panel (like it should)
and the dynamic text is covered (like it should) however the images
stay visable in the same place as if the images are placed ontop of
the accordion panel. The images are in the first panel container
though and so should become hidden but don't.
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Genral Info</div>
<div class="AccordionPanelContent" id="accordcontent">
<p>Username: <?php echo $row_rsFull['UserName'];
?> </p>
<p>Name: <?php echo $row_rsFull['Forename']; ?>
<?php echo $row_rsFull['Surname']; ?></p>
<p>Date Of Birth: <?php echo
$row_rsFull['DateOfBirth']; ?></p>
<p>University: <?php echo
$row_rsFull['University']; ?></p>
<p>Project Name : <?php echo $row_rsFull['pName'];
?></p>
<p>Project Description: <?php echo
$row_rsFull['pDescription']; ?></p>
<p><img src="<?php echo $row_rsFull['pImage1'];
?>" alt="image 1" class="bottomimage" /><img src="<?php
echo $row_rsFull['pImage2']; ?>" alt="image 2"
class="bottomimage2" /></p>
</div>
</div>
Any Suggestions?

That would be very easy, just remove the tabindex attribute
of the top level div of the accordion. However keyboard navigation
will not work at that moment. The dotted line is a browswer
specific visualisation to show that the specific item is selected
using the tabindex.
You could also add the following style to your page
div:active,
div:focus,
div:hover
outline-style: none; -moz-outline-style:none;
Then none of the div items with a tabindex get an surrounding
border.

Spry Accordion default panel in Master Detail Page

Hi everyone,
First time post and need a little help.
I created a SQL database and put the recordsets in a spry accordion panel as the master section. I have another spry accordion that is my detail section. When I open up the panels in the master section and click on any of the records, it updates the detail region just fine. I did this by passing the record set using php which I don't know, to the detail region. So far, great.
What I now need to do is when I open a panel, I want that panel to stay open. This dosen't seem to work regardless what I do. I believe that in passing the recordset set between the two regions, it is refreshing the page. I tried using code to pass the panel number too but this is not working.
Here is the an example of one of the panels.
<div class="AccordionPanel">
    <div class="AccordionPanelTab"><h3>Doctor Who</h3></div>
    <div class="AccordionPanelContent">
        <table width="385" border="0" class="AccordionPanel" id="content1">
          <?php do { ?>
            <tr>
            <td >
               <a id="content1" href="?recordID=<?php echo $row_Doctor_Who['prod_key_name']; ?>&panel=1"; > <?php echo $row_Doctor_Who['video_name']; ?></a>
               </td>
            </tr>
            <?php } while ($row_Doctor_Who = mysql_fetch_assoc($Doctor_Who)); ?>
        </table>
    </div>
</div>
<script type="text/javascript">

</script>
If someone can give me some pointers that would be great. I was also thinking of redoing my menus so when a user clicks on an entry, it will open up another page with that panel open or even going to another section of the same page. I'm not a php programmer and taken a beginners class in HTML and Javascript so if you can keep things simple that would be great.
Thanks soo much for helping out if you can!

PHP, being a serverside code, will refresh the page each time there is a request made to the server. JavaScript (and Spry), being a client side code, does not have to send requests to the server and therefore allows you to change the data without a page refresh.
Having said that, you need to have a Spry dataset in your Accordion panel.
By following these steps, you will be well on your way to achieving what you want.
Retrieve your data using PHP and place it in an HTML-table or similar outside of the Accordion panel
Create a SpryHTMLDataSet based on the HTML-table
Use the data from the Spry dataset to create a master/detail region in your Accordion panel
Just a few questions before I go into details.
Have you set up a connection to a database, thus be able to retrieve the data?
Why do you need an Accordion panel to show your data?
Have you got an online URL so that we can follow your code? Otherwise please include your code in your post.
Please come back here with your answers and we shall try to help you on your way
Ben

Spry Accordion just stays open in IE8

I'm using Spy 1.6.1 and Dreamweaver CS5. The Spry Accordion menu on the left side of my page looks funky in IE and it's absolutely kiiiiiilling me.
~o~ On a PC using IE8 the panels all begin in the open position at first load and won't close no matter what. This is WRONG!
~o~ On a Mac using Safari, FireFox and Opera the accordion is working fine with one panel opening at once. This is CORRECT!
Ahhh I'm pulling out my hair. Previous threads have mentioned a similar problem but their solution has been to upgrade to Spry 1.6.1 and that's how I started off so presumably no issue for me.
So what the heck am I doing wrong? Thousand thanks for a moment of your time!
The website with problems: www.documentarymakers.com
Index of Spry Assets for this site: http://www.documentarymakers.com/SpryAssets/
Adam

Change the following line in your main document
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
to
<script src="http://labs.adobe.com/technologies/spry/widgets/accordion/SpryAccordion.js" type="text/javascript"></script>
Either the online version of the JS is corrupt or there is a problem with version 0.17, Adobe uses version 0.15
Gramps

Spry Accordion issue in IE6/IE7

I'm having a problem with the Spry Accordion widget that I
placed on this page:
WireCare Customer
Support
It works flawlessly in Firefox, but the tab expansion is
erratic in IE 6 and IE7.
If anyone has a solution, I'd love to hear it.
Thanks in advance.
Ken
Edit to add:
I'm using CS3 with the version of Spry that installed with
the original software. I don't know if that's the latest version,
or if the new version has a fix for this problem. I'll upgrade to
the latest Spry version and hope that helps.
K
Edit 2:
I am using the latest version of Spry, so it may not be a
version issue.
K

Found the problem.
The solution was in a previous post on a similar subject.
I added a DOCTYPE declaration to the page, and it works much
smoother now. Not as nice as in Firefox, but acceptable.
Ken

Spry Accordion jumping to the top of the page

Similar Messages

Maybe you are looking for