How to force page to scroll when collapsible panel is opened by link

Hi,
I have seen similiar questions asked but not answered, so maybe there isn't away to do this.
I have numerous collapsible panels going all the way down the page, actually I just formed a Collapsible Panel Group. They are opened by a list of links at the top of the page.
This is an example of a link...
<li><a href="#CollapsiblePanel14" onclick="cpg.openPanel(13);">AKC CGC & TDI Testing</a></li>
And this is the javascript at the bottom of the page...
var cpg = new Spry.Widget.CollapsiblePanelGroup("CollapsiblePanelGroup1", { contentIsOpen: false, duration: 800 });
When a link to one of the lower panels is clicked, I would like the page to scroll down so when the panel opens all of the content is within view.
Is there any way to do this?
Thanks
Dennis

On line 431 of your JS change
this.content.style.height = this.toHeight + "px";
to
this.content.style.height = "auto";

Similar Messages

Spry collapsible panel to open from link on same page

Hi guys.
I have a page with about 17 collapsible panels. What I would like to do is in my sidebar have a quicklinks which will 1) anchor down to the relevant panel and 2) open that closed panel.
My first problem I know can easily be fixed with anchor tags which I have done. I will also assume that I can do something like <a href="#anchorname" onclick="" > to solve my 2nd problem, but can someone maybe advise to what the command is to actually open the panel. I have attached a sample below of one of my panels:
var banking10 = new Spry.Widget.CollapsiblePanel("banking10", {contentIsOpen:false});
I have VERY VERY VERY limited experience with Javascript (else I guess this would have been a breeze )
Thanks in advance!

The following is a document called untitled.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet">
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet">
</head>
<body>
<div>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="untitled.html?col1=1">Open 1st CP</a></li>
<li><a href="untitled.html?col2=1">Open 2nd CP</a></li>
</ul>
</div>
<div id="CollapsiblePanel1" class="CollapsiblePanel" style="clear:both;">
<div class="CollapsiblePanelTab" tabindex="0">Tab</div>
<div class="CollapsiblePanelContent">Content CP1</div>
</div>
<div id="CollapsiblePanel2" class="CollapsiblePanel" style="clear:both;">
<div class="CollapsiblePanelTab" tabindex="0">Tab</div>
<div class="CollapsiblePanelContent">Content CP2</div>
</div>
<script src="SpryAssets/SpryMenuBar.js"></script>
<script src="SpryAssets/SpryCollapsiblePanel.js"></script>
<script src="SpryAssets/SpryURLUtils.js"></script>
<script>
var params = Spry.Utils.getLocationParamsAsObject();
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen: params.col1 ? true : false});
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", {contentIsOpen: params.col2 ? true : false});
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
Copy and paste the above into your own document to test the code, making sure that all the linked files are in their correct location. The markup contains a SpryMenuBar and two SpryCollapsiblePanel's
Gramps

Send portfolio how to customize adobe welcome screen for shared porfolio. (Opening the link forces the recipient to a downright ugly irrelevant and dead advertisement rather a related cover page)

send portfolio- how to customize adobe welcome screen for shared porfolio ?(Opening the link forces the recipient to a downright ugly irrelevant and dead advertisement (appropriately titled "branding logo.png) rather a related cover page)

Hi nedler1,
Please try the following steps to display the cover sheet and replace it with custom one:
How to change a portfolio’s initial view setting to show the cover sheet (and hide the contents):
Open a PDF portfolio and run the following JS in the console:
this.collection.initialView = 'Hidden';
Save the portfolio, close and re-open.
The cover sheet will now be displayed when opening the portfolio.
Updating the cover sheet
Also, most likely if you want the coversheet displayed when opening the portfolio, and do not want the default cover sheet:
Here are the steps to replace the default cover sheet:
Open the Portfolio.
Perform a View > Portfolio > cover sheet to open the cover sheet.
Open the Pages panel for the cover sheet.
Right click on the cover sheet page in the pages panel, select “Replace Pages”.
Replace the cover sheet page with the desired cover from a page in another pdf.
Save the portfolio.
Regards,
Rave

Right clicking anything in web pages (for an example, when I want to open a link in a new window) it just gives me some grey box. How do I fix this?

Right clicking anything in web pages (for an example, when I want to open a link in a new window) it just gives me some grey box. How do I fix this?
== This happened ==
Every time Firefox opened
== Today

Start Firefox in [[Safe Mode]] to check if one of your add-ons is causing your problem (switch to the DEFAULT theme: Tools > Add-ons > Themes).
See [[Troubleshooting extensions and themes]] and [[Troubleshooting plugins]]

I have iPhone 4s, and using latest iOS. When I try to open any link from Twitter or Facebook, it goes to open some wrong webpage. My iphone seems to be infected or suffering from some spyware or malware. How can I remove this wrong link opening

I have iPhone 4s, and using latest iOS. When I try to open any link from Twitter or Facebook, it goes to open some wrong webpage. My iphone seems to be infected or suffering from some spyware or malware. How can I remove this wrong link opening ? Please help me to resolve...

I think the McAfee suite will do the trick when I pay them a one-time fee of $69 or $179 for a year for unlimited support.
Your call of course but IMO a waste of money. Please read this first:
There are many forms of ‘Malware’ that can affect a computer system, of which ‘a virus’ is but one type, ‘trojans’ another. Using the strict definition of a computer virus, no viruses that can attack OS X have so far been detected 'in the wild', i.e. in anything other than laboratory conditions. The same is not true of other forms of malware, such as Trojans. Whilst it is a fairly safe bet that your Mac has NOT been infected by a virus, it may have another security-related problem, but more likely a technical problem unrelated to any malware threat.
You may find this User Tip on Viruses, Trojan Detection and Removal, as well as general Internet Security and Privacy, useful:
https://discussions.apple.com/docs/DOC-2435
The User Tip (which you are welcome to print out and retain for future reference) seeks to offer guidance on the main security threats and how to avoid them.
More useful information can also be found here:
http://www.reedcorner.net/mmg/

I was sent a .pages doc. When I try to open it with pages I'm told "You need a newer version of Pages to open this document." I have the newest version of pages on my computer. What should I do?

I was sent a .pages doc. When I try to open it with pages I'm told "You need a newer version of Pages to open this document." I have the newest version of pages on my computer. What should I do?

I wonder if you are running an OS earlier than 10.9.x? If so, you cannot run the *latest* version of Pages, which is 5.1. Apple is trying to get you to update your OS to 10.9 Mavericks and then get you to update (but defintiely not upgrade) your Pages version to 5.1. 5.1 is, in everything but name, beta software. It not only has many bugs, it also lacks more than 90 features that are present in version 4.3 ("Pages 09"). One workaround that is to open the file with Pages for icloud (this is explcitly beta) and click tools|download a copy in Word format. Pages 4.3, which is probably the version you have, can open Word documents. Get a cup of coffee or a glass of wine before starting Pages for icloud: it is s-l-o-w.

I updated operating system to OS X Yosemite, also updated pages. Now when I try to open files I am told to update pages

I updated operating system to OS X Yosemite, also updated pages. Now when I try to open files I am told to update pages

You have both Pages 5.5.2 and your older version of Pages on your Mac .
Pages 5.5.2 ids in your Applications folder.
Pages '08/'09 is in your Applications/iWork folder.
When you double click on a file either version may open, but usually the older, and it can not open files from the newer version.
Right click on the file instead and choose which version to open from.
Peter

When i try to open a link in a new window, FF4 just gives me a blank page.. what might be the problem? thanks

when i try to open a link in a new window, FF4 just gives me a blank page.. what might be the problem? thanks

Do you have that problem when running in the Firefox SafeMode?<br/> ''A troubleshooting mode.''<br />
You can open the Firefox 4.0 SafeMode by holding the '''Shft''' key when you use the Firefox desktop or Start menu shortcut. Or use the Help menu item, click on '''Restart with Add-ons Disabled...''' while Firefox is running. <br />
''To exit the Firefox Safe Mode, just close Firefox and wait a few seconds before using the Firefox shortcut to open it again.''
If not, see this: <br />
http://support.mozilla.com/en-US/kb/troubleshooting+extensions+and+themes

HT1222 I need some help.... I Have the iPhone 4S and downloaded the new software (6.0) and everything seems great so far except when I try to open a link in safari from a different app (messages, Facebook, ext..) it glitches and won't load. Any advice?

I need some help.... I Have the iPhone 4S and downloaded the new software (6.0) and everything seems great so far except when I try to open a link in safari from a different app (ie..messages, Facebook, ect..) it glitches and won't load. The blue loading bar will just jump back and forth and the page will not load properly if at all....

It sounds like you may have multiple problems, but none of them are likely to be caused by malware.
First, the internet-related issues may be related to adware or a network compromise. I tend to lean more towards the latter, based on your description of the problem. See:
http://www.adwaremedic.com/kb/baddns.php
http://www.adwaremedic.com/kb/hackedrouter.php
If investigation shows that this is not a network-specific issue, then it's probably adware. See my Adware Removal Guide for help finding and removing it. Note that you mention AdBlock as if it should have prevented this, but it's important to understand that ad blockers do not protect you against adware in any way. Neither would any kind of anti-virus software, which often doesn't detect adware.
As for the other issues, it sounds like you've got some serious corruption. I would be inclined to say it sounds like a failing drive, except it sounds like you just got it replaced. How did you get all your files back after the new drive was installed?
(Fair disclosure: I may receive compensation from links to my sites, TheSafeMac.com and AdwareMedic.com, in the form of buttons allowing for donations. Donations are not required to use my site or software.)

In outlook, when I try and open a link, chrome wants to install and it won't open in modzilla

I loaded the new version of Outlook and when I get an email with a link attached, when I click to open.. I get a screen to install Chrome.. How do I get rid of that and let Firefox open the link.

I think I'm missing some information here. Is this on your email site using the regular address book? The specifics of how it works and what might have changed in Firefox probably depends on which site it is (e.g., Yahoo, Hotmail, Gmail).
If you think the problem might be that Firefox is automatically filling in the form in a way that the site doesn't connect to your address book, you can remove saved form entries or completely disable that feature. This article has the details: [[Control whether Firefox automatically fills in forms with your information]].
Does that help?

Ios7 bookamrking web application to home screen via Safari crashes after login and when we try to open any link inside. Can anyone please tell me if there is any scheduled fix for this bug in safari?

ios7 bookmarking web application to home screen via Safari, crashes after login and when we try to open any link inside from the icon that gets created on the home screen. Can anyone please tell me if there is any scheduled fix for this bug in safari?
From what i understand i see that - Cookies are not transferred between your website and your webapp when installing the icon on the home screen (for authentication purposes for example). It was working until 6.1 and now it’s not working anymore.
Can someone please tell me if this bug will be fixed in any future release, if so the ticket number of some kind that i can track, or if there is a workaround for this issue?

ios7 bookmarking web application to home screen via Safari, crashes after login and when we try to open any link inside from the icon that gets created on the home screen. Can anyone please tell me if there is any scheduled fix for this bug in safari?
From what i understand i see that - Cookies are not transferred between your website and your webapp when installing the icon on the home screen (for authentication purposes for example). It was working until 6.1 and now it’s not working anymore.
Can someone please tell me if this bug will be fixed in any future release, if so the ticket number of some kind that i can track, or if there is a workaround for this issue?

Why are most of the apps (anything that has to search) on my iphone4 and ipad (1) running very slow (or not at all) since iOS5 update...esp google. Search seems to go quickly, but then when I try to open a link..nothing. I have turned off icloud.

why are most of the apps (anything that has to search) on my iphone4 and ipad (1) running very slow (or not at all) since iOS5 update...esp google. Search seems to go quickly, but then when I try to open a link..nothing. I have turned off icloud.

I am having the same problem. Did turning off iCloud work? Did you just turn everything off or did you actually delete the account off your iPod?

I have Windows XP and microsoft outlook with FIrefox as my browser; when I try to open a link in an email I get the following message "This operation has been canceled due to restrictions in effect on this computer. Please contact your system administrato

I have Windows XP and microsoft outlook with Firefox as my browser; when I try to open a link in an email I get the following message "This operation has been canceled due to restrictions in effect on this computer. Please contact your system administrator"

Tried that. Unfortunately it did not work.

How can I keep pages from scrolling when using keyboard page-down

The bottom of the pages window has a gear. You can select "Page" in the drop down menu and click the arrow, to perform a page down. The new page is positioned exactly like the previous page. But when I type fn+down-arrow or cmd+down arrow the new page view is either higher or lower than the previous page. Resizing the window makes it almost possible to get a consistent page display but not quite. It's awkward trying to read a document when each new page jumps to a new position. The arrow next to the gear is the only solution I've found.
Does anyone know a way to achieve this page down view using just the keyboard. I'm using the iMac wireless keyboard?
Thanks,
Mark

It is an annoyance, due to the 2 meaning two different things.
The page down key means the whole window view which is not the physical page that you see in Pages.
Apple could have clarified it by labelling the key +window down/up.+
Peter

How do I stop pages from scrolling when i'm creating an interactive PDF?

I'm attempting to create an interactive PDF portfolio with links from the homepage to gallery pages and projects etc, but it seems useless if I can't stop the PDF pages from scrolling? Can anyone help?
I have InDesign CS5.5 and Adobe Acrobat Pro.
Thanks,
Elizabeth

I had the same problem with an interactive PDF I created out of InDesign CS5.5. Not sure if what I found will work for a PDF portfolio but here is what I did.
After creating my document and exporting it as an interactive PDF I opened it in Acrobat X. I went to file/properties and opened the dialogue box. I then clicked on the "initial view" tab and checked the "hide toolbars" and "hide window controls" clicked okay, closed the dialogue box and re-saved the PDF.
The next time I launched it you could not mouse click to navigate the pages anymore, you had to use the interface I had created. The only caveat is that the keyboard arrows and the mouse scroll wheel still work but if you click anywhere on the page other than my buttons the pages now stay put.
Hope this works for you,
Phil

How to force page to scroll when collapsible panel is opened by link

Similar Messages

Maybe you are looking for