Basics
Product Tour
Features
Resources
Buy
Customer Support

Iron Speed Technical Forums
Sign up Latest Topics
 
Iron Speed > Categories > Using Iron Speed Designer V12.X > Scroll to anchor
 
 


Reply
  Author   Comment  
vmnz

Registered:
Posts: 41
Posted Reply with quote  #1 
Hello everyone.
Sad to see that this board is getting almost inactive [sleep]

Anyway, maybe someone can share own KB and help.

My situation: there are three link buttons within fixed position div at the top of the page (title area). Each button needs to scroll to own anchor (those are in each repeater's record row, created programmatically with separate IDs, names, etc.) on a button click. Number of buttons is equal to the number of record rows. The page is "Show-table" type and loads different record sets of three records each.

One solution, which works OK is to set button's OnClientClick - 

javascript:window.scrollTo(0,0);return false;
(that goes to the top of page),

or 

javascript:window.scrollTo(0,y);return false;
(that scrolls y number of pixels from page's top)

The problem with above JS is that each record of different recordsets contains multiple panels with different amount of details' data and (therefore) different scroll length (or height in the scrollable area), which vary for the records from ~1000 to ~3000 px). Consequently, using the static y number does not give accurate scrolling.

When using (example) 

javascriptšŸ˜ƒocument.getElementById('MyAnchor3').scrollIntoView(true);
does not give any results on the button click.

So, I wonder if anyone has similar experience and/or is willing to indicate a potential direction towards some positive results.

Thanks in advance.

P.S. Commercial third party controls are out of requirements
P.P.S. Collapsible panels are not desirable as well (although could be the last resort)
pinbot

Avatar / Picture

MVP Consultant
Registered:
Posts: 968
Posted Reply with quote  #2 
I've done something similar but just a single link in the header to jump to a record control at the bottom of the page.

Should be fairly simple to do what you want.

I have this in a cell in the header:

<a href="#Notes"><p class="dhtr">Skip to Notes</p></a>

And then in a cell where I want to jump to:

<a NAME="Notes"></a>

I would think you could use a formula using the record Id of your repeater record and generate an anchor tag instead of my hardcoded "notes" tag.
__________________
C. Bryan Patrick II
Iron Speed Designer MVP Consultant
Pseudo Consulting
vmnz

Registered:
Posts: 41
Posted Reply with quote  #3 
Thanks for your help. It works now [smile]
Previous Topic | Next Topic
Print
Reply

Quick Navigation:

Easily create a Forum Website with Website Toolbox.

 Download Iron Speed Designer
   
Resources
Technical Support
Code Customizations
MVPs / Consultants
 Customers
News & Reviews
Product Council
Shopping Cart
 Company
About Us
Contact Us
Management
Jobs
 

Copyright © 2003-2015, Iron Speed, Inc. Iron Speed® is a registered trademark. All rights reserved. Terms of Service Privacy Statement