View Single Post
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=";" ><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