Go Back   Dreamweaver Club Forums > Dreamweaver forums > Spry
Register FAQ Members List Search Today's Posts Mark Forums Read

Thread Tools Display Modes
Prev Previous Post   Next Post Next
Old 12-01-2012, 03:48 AM   #1
Join Date: Dec 2012
Posts: 2
Default Spry Col. Panel Jumps To Top Of Page On Open/close

I have a Spry collapsible panel that've customized to open from a remote link just above the panel. The close button is inside the panel.

On the open or close action, the panel performs correctly, however the page immediately jumps to the top, regardless of the spry panel position. It's very jarring and does not look good. ... I should add that the panel does not do this in the dreamweaver preview, and only in the browser (i usually use chrome, ff, and safari).

Any advice would be great. I should note that I also have a menu system on the side with collapsible panels, however, there are no problems with that.

<table class='date-table' width="820" border="3" bordercolor="#FFFFFF" align="center" cellpadding="0" cellspacing="0" RULES=ROWS FRAME=HSIDES>
<th width="205" scope="col"></th>
<th width="205" scope="col"></th>
<th width="205" scope="col"></th>
<th width="205" scope="col"></th>
<TR table cellpadding="12" height="35" bgcolor="#333333" onMouseOver="this.bgColor='464646';" onMouseOut="this.bgColor='#333333';">
<TD>&nbsp; COLORADO</td>
<TD>&nbsp; Saturday - May 4, 2013</TD>
<TD><a href="registration.html"><span style="color: #FF5400; font-weight: 900;">EVENT INFORMATION</span></a></TD>
<TD><a href="registration.html"><a href="#" onclick="CollapsiblePanel15.open();" ><span style="color: #FF5400; font-weight: 900;">VOLUNTEER</a></TD></TR></table>

<div id="CollapsiblePanel15" class="collapsiblepanel"><div class="CollapsiblePanelTab" tabindex="0"></div>
<div class="reg-panel">
<img src="images/buttons/registration-buttons/pre-register1a.jpg" width="202" height="100" /><a href="event-XX-preregister.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image33','','images/buttons/registration-buttons/pre-register2b.jpg',1)"><img src="images/buttons/registration-buttons/pre-register2a.jpg" alt="Pre Register" name="Image33" width="408" height="100" border="0" id="Image33" /></a><img src="images/buttons/registration-buttons/pre-register3.jpg" width="181" height="100" /><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image35','','images/buttons/registration-buttons/pre-register4b.jpg',1)"><img src="images/buttons/registration-buttons/pre-register4a.jpg" name="Image35" width="29" height="100" onclick="CollapsiblePanel15.close();" border="0" id="Image35" /></a></div></div>

<script type="text/javascript">
var CollapsiblePanel15 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel15", {contentIsOpen:false});
gocoogs is offline   Reply With Quote

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

All times are GMT. The time now is 04:18 PM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com