Creating area specific links in VSD 7.0

User 2156075 Photo


Registered User
4 posts

For this website, hamiltonbinrentals.com I am creating a FAQ page. On my FAQ page I would like to be able to create a list of questions, that are all links. When a user clicks on a specific question(link), it will move their page to view the answer which will be located lower, somewhere on the same page. Like the FAQ found on this website: http://www.limosales.com/changes/getabin/bin/faq.php
How, using VSD can I create links that will direct users towards a specific area of a page.

Any help would be appreciated,
Thanks

VSD 7.0 Build 18
User 104702 Photo


Registered User
293 posts

Hi Marcus,

In HTML language this means you have to create anchors, which can't be done in VSD (there's no option for this, what a pity). So you have to use HTML code in the HTML box of VSD... But don't be alarmed, it is not very difficult. I gave an example of how to do this a long time ago, and here is the link: http://johnvanhulst.com/anchors/index.html showing an example web site, and you can download the VSD design there that makes this possible too. Adapt it to your site, of course.

Success, John
John van Hulst
User 187934 Photo


Senior Advisor
20,271 posts

Marcus, As John said some coding will be needed to accomplish this but there's an option to use x,y coordinates to get to the location that you want.
If you look at the code below, If the link is clicked on the page will scroll the window 300 in the y direction. If you look at the rest of the code you have font size then the font is Batang and the color is red and it's bold. The text that is affected by this is My link. Just insert the code below into a html box in VSD and play around with the x,y coordinates to get the page to scroll to the right spot.:)

<a href="nojavascript...window.scrollTo(0,300)"><font size="5" face="@Batang" color="#FF0000"><b>My link</b></font></a>


And here's a simple back to top link. Just do the same and paste it into a html box in VSD.
<a href="#">Back to top.</a>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 271657 Photo


Ambassador
3,816 posts

Eric, is this how you made the links for your Stream?
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 187934 Photo


Senior Advisor
20,271 posts

Yes, I was messing around with different looks and found it faster then putting in anchors.

Edit I just noticed that my code for the links didn't paste right. Whats up with that. It won't let me put the proper code in. Must be a security issue with posting java scripts.

To correct the posting issue just replace the word here with javascript

<a href="here:window.scrollTo(0,800)"><font size="5" face="@Batang" color="#FF0000"><b>My link</b></font></a>

I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 187934 Photo


Senior Advisor
20,271 posts

Paintbrush the code for my stream is a little different because it's in an Iframe. Just change the

window.scrollTo

to

parent.frame1.scrollTo

.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.