Linking to a specific section of a page [was: Dreamweaver noob question]

Hello everyone, I am rather new to dreamweaver and am required to use it at work to update the company website. Long story short we have a list of databases. In this list of databases there are several subsections, for instance. Automotive,Government, Health, School, etc. They are all on the same page so essentially it is a long list. After updating the databases the link now brings you to the top of the page, regardless of what you click on.
So my question is, how do you make a link take you to a certain scroll section, say 25% down the page, 50%, etc ,etc.
Thanks again to anyone taking the time to read this post and shed some light on my situation.
[Subject line edited by moderator for clarity]

Hi,
in addition to our hints, here an example from one of my websites, please look here:
http://www.goldschmiede-blumberg.de/LBIC/GinkgoL.php:
At this place ("Text s. weiter unten"):
"Ginkgo biloba"
Gedicht von Wolfgang von Goethe
(Text s. weiter unten)
you will find an anchor to Goethe's poem. It's code for the link in shorthand ist like that:
<a href="#Johann">(Text s. weiter unten)</a>
Hans-G.

Similar Messages

Link to specific section of different page.

I have a drop down menu on my nav bar. I want the different links on the drop down menu to bring me to different sections of a different page. This is the code I have used.
This is the html for the nav bar:
<nav id="nav">
<ul>
        <li class="current_page_item"><a href="index.html" class="home" style="font-family:nexa_rust_sansblack">Home</a></li>
        <li><a href="services.html" class="services" style="font-family:nexa_rust_sansblack">Services</a>
             <ul>
                  <li><a href="services.html#manage">Management</a></li>
                                        <li><a href="services.html#strategy">Strategy</a></li>
                                        <li><a href="services.html#design">Design</a></li>
                                        <li><a href="services.html#optimize">Optimize</a></li>
                                        <li><a href="services.html#store">Store</a></li>
                                        <li><a href="services.html#social">Social Meida</a></li>
             </ul>
        </li>
        <li><a href="portfolios.html" class="portfolios" style="font-family:nexa_rust_sansblack">Portfolios</a></li>
        <li><a href="contact.html" class="contact" style="font-family:nexa_rust_sansblack">Contact</a></li>
</ul>
</nav>
This is the way each section of the page they link to is coded.
<section class="box">
       <header id="manage">
             <center><img src="images/manage.png" alt="Web Development Image"></center><br>
             <h3>Website & Mobile Development</h3>
       </header>
                  <p>Content here</p>
</section>
But this doesn't seem to work. Anyone have a suggestion? Thanks.

Named anchors are deprecated in HTML5 docs.
<a name="strategy">
Like I said before, you need to use a unique ID not a named anchor.
<div id="strategy">
Also, fix your code errors.   You have a few that will effect browser rendering.
[Invalid] Markup Validation of http://www.beaniecapdesign.com/services.html - W3C Markup Validator
Nancy O.

Click on a image in the swf and go to a specific section of the page

Can any one help me with this.
I do have an SWF file (in the main html page) with 6 time
frames. Each frame has 3 images. On the other hand I do have a
second html page that is nothing but the main title and 18
sections. Every section describes one the SWF’s images.
What I am looking for is whenever I click on one of the
images of the SWF file; I want to go to the specific section that
describes the image I have just clicked on.
Thanks alot

I am trying to do this as well. I have a drop down menu that
I have as an embedded SWF in my html page, and I want one of the
buttons to take you to a specific part of the html page. Does
anyone know how to do this? Using the #name like in html does not
appear to work. Can't find the answer anywhere!!!
Text

How do you link to a specific location in another page?

I'm working in Dreamweaver CS4. I'm trying to create a link to go to a specific location on another page in my website. Any advice?

All the information I have seen about Named Anchors deals with information that is contained on the same page. I am looking to go to a specific location on a different page. Is this possible using Named Anchors? If so, how?
Sure it is.
Place a named anchor on your destination page near the bottom of your page for this test. And name your anchor 1.
On the parent page, your link will look like this:
<a href="some_page.html#1">this is a link to named anchor 1</a>
Save both pages and test in browser.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Linking to a specific panel from another page and from higher up on same page Spry-UI-1.7

Hi all,
I am using Spry-UI-1.7 for a 4 tab tabbed panel on the bottom of my home page. I'd like to link to the second tab from another page and also from the top of the home page.
I previously used method: http://foundationphp.com/tutorials/spry_url_utils.php and it worked great.
Now, with the Spry-UI-1.7 Tabbed Panel "widget", that method isn't working.
I've reviewed the code from the samples page: http://labs.adobe.com/technologies/spry/samples/tabbedpanels/tabbed_panel_sample.htm
but cannot figure out what I am doing wrong. It shows the following code for linking from another page:
<a href="#" onclick="TabbedPanels2.showPanel(1); return false;">Tab 2</a>
I tried this 'as is' and it didn't work.
I tried it with index.html in place of the # and it didn't work.
(e.g.   <a href="index.html" onclick="TabbedPanels2.showPanel(1); return false;">Tab 2</a>   )
What am I missing here?
(I have the tabbed panel on "index.html" and want to link from "maps.html" and from the top of "index.html"
Thanks for any help for this spry newbie! (read: I need it spelled out like I was a 6 yr. old

This works
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="SpryAssets/SpryURLUtils.js"></script>
<script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryTabbedPanels2.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/TabbedPanels2/SpryFadingPanelsPlugin.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/TabbedPanels2/SpryTabbedPanelsKeyNavigationPlugin.js" type="text/javascript"></script>
<link href="Spry-UI-1.7/css/TabbedPanels2/SpryTabbedPanels2.css" rel="stylesheet" type="text/css">
<script type="text/javascript"> var params = Spry.Utils.getLocationParamsAsObject(); </script>
<script type="text/xml">

</script>
</head>
<body>
<div id="TabbedPanels2">
<h2>Tab 1</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sapien lacus, porttitor vitae pretium eget, sodales sed libero. Maecenas non urna lacus, ac sollicitudin justo. Ut erat mi, hendrerit ac accumsan ac, congue eu dui. Pellentesque consectetur condimentum elit, et eleifend urna porta id. Phasellus blandit ullamcorper dignissim. In rutrum, ante non congue fermentum, metus odio bibendum elit, ut congue sapien arcu ac justo. Vivamus sit amet erat nibh, quis dignissim libero. Pellentesque in sapien felis, et volutpat eros. Maecenas adipiscing, eros sit amet placerat cursus, arcu lacus consectetur lectus, non ultricies neque urna laoreet purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
<h2>Tab 2</h2>
<p>Nulla facilisi. Vestibulum ipsum elit, tincidunt sed tristique sit amet, faucibus in orci. Nunc sit amet elit lorem. Sed eget arcu ipsum, pharetra ullamcorper lectus. Sed ac diam ac tortor mattis mollis. Etiam mattis felis vel augue tempus in rhoncus ligula elementum. Vestibulum ut iaculis risus. Aliquam erat sem, feugiat vel laoreet in, lobortis non mauris. Vestibulum neque nibh, vehicula eleifend tincidunt sed, bibendum id dolor. Pellentesque quis libero nec orci porttitor faucibus vitae in velit. Pellentesque dignissim sem ut justo interdum id egestas tellus fringilla. Vestibulum tempor, turpis eget dignissim luctus, est erat ultricies turpis, non tempus massa elit in nulla. Sed eu arcu vel enim laoreet hendrerit at vel enim. Integer semper malesuada sem quis porttitor.</p>
<h2>Tab 3</h2>
<p>Suspendisse potenti. Proin ut erat sit amet turpis egestas tempor. Integer arcu dolor, aliquam ut egestas nec, pharetra ut mauris. Duis urna mi, aliquam id vulputate et, consequat in dolor. Duis congue sem feugiat nulla malesuada scelerisque. Aenean vitae augue nec diam euismod imperdiet. In accumsan consectetur ante a vestibulum. Phasellus eu nulla et lectus tincidunt porttitor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin mauris massa, venenatis ut fringilla interdum, imperdiet et neque. Sed ut risus metus.</p>
</div>
<script type="text/javascript">
// BeginOAWidget_Instance_2138522: #TabbedPanels2
        var TabbedPanels2 = new Spry.Widget.TabbedPanels2("TabbedPanels2", {
            injectionType: "replace",
            widgetID: "TabbedPanels2",
            autoPlay: false,
            defaultTab: params.tab ? params.tab : 0,
            enableKeyboardNavigation: true,
            hideHeader: true,
            tabsPosition: "top",
            event:"click",
            stopOnUserAction: true,
            displayInterval: 5000,
            minDuration: 300,
            maxDuration: 500,
            stoppedMinDuration: 100,
            stoppedMaxDuration: 200,
            plugIns:[]
// EndOAWidget_Instance_2138522
</script>
</body>
</html>

How do I link to a specific part of a page (ie. halfway down)??

How would I create a link that opens in _blank but at a specified point on that new page in the new window? Say for example to go to a certain pic halfway down the link page?

Go to this tutorial site http://www.htmlcodetutorial.com/ and read about the NAME function
http://www.htmlcodetutorial.com/linking/_A_NAME.html

Linking to a specific frame from JSP page

I am trying to link to site that has frames. I want to load a specific jsp in frame 3. Does anyone know how to pass the target and source values? I have been looking for tutorials unsuccessfully.

You can not point to a specific frame ina document from an external document.Your best bet might be to pass the parameters using URL and on the recieving end write some javascript to parse the url adn if it has a parameter then process that else just load standard document.
Khalid

Link to specific tab on another page but don't anchor

Hello, I used this tutorial to link to a specific tab on another page:
http://foundationphp.com/tutorials/spry_url_utils.php
It works great, except I don't want to go directly to the tabbed panel. I want the particular tab to be active, but the page should load as it normally does. So the user should always be at the top of the page when it loads.
This is the link code:
<a href="registration.html?tab=1#form">
As you can see, #form identifies the tabbed panel, but it also directs the link where to go. I only want to use it as an identifier, not as a navigator as well.
Thank you.

FShea31 wrote:
Hello, I used this tutorial to link to a specific tab on another page:
http://foundationphp.com/tutorials/spry_url_utils.php
It works great, except I don't want to go directly to the tabbed panel. I want the particular tab to be active, but the page should load as it normally does. So the user should always be at the top of the page when it loads.
This is the link code:
<a href="registration.html?tab=1#form">
As you can see, #form identifies the tabbed panel, but it also directs the link where to go. I only want to use it as an identifier, not as a navigator as well.
Thank you.
Remove the hash part of the URL parameter and just open the tab in the constructor
<a href="registration.html?tab=1">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1",
{defaultTab: params.tab ? params.tab : 0});
I hope this helps.
Ben

How to put links (name anchors) in a dynamic generated page

I have a page (results.asp) that gets dynamically generated
from a db using a DW and MySQL app. The page (a table) looks
sometihng like this:
Year Card #
1951 01
1951 02
1951 03
1952 01
1952 02
1953 01
1953 02
1953 03
and so on
I've made the "Year" column a text link and added a Pop-Up
Menu behavior so that users could select a year and jump directly
to a specific section of the page (table). However, I'm not sure
how to put a <a href> name anchor in for each of the years.
For instance calling :
<a name="1951">1951</a>
from a declaration of:
<a href="#1951">Go to year 1951</a>
I would want to call each year (1951, 1952...1973) using name
anchors. But again, I'm not sure how to put all the named anchors
in a document that gets dynamically generated. It is a a table that
gets its data generated via a Repeated Region. Hope this question
makes sense. Any suggestions/comments appreciated. Thanks.

If you year card allways follows that format then you could
use the
following code on the page.
Outside of the repeat region have this statement
<%
Dim TestYear, CurrentYear, ThisYearCard
TestYear = "0000"
%>
Then in the repeat region where you want the anchor to appear
use this code
<%
ThisYearCard = recordset.fields.item("YearCard").value
CurrentYear = Left(ThisYearCard, 4)
If TestYear <> CurrentYear then
response.write("A name='") & CurrentYear & "'>"
TestYear = CurrentYear
End if
%>
Where you want the Year card to appear you would then use
<%=ThisYearCard%>
rather than the recordset element.
Paul Whitham
Certified Dreamweaver MX2004 Professional
Adobe Community Expert - Dreamweaver
Valleybiz Internet Design
www.valleybiz.net
"obcbeatle" <[email protected]> wrote in
message
news:e67pg5$rp0$[email protected]..
>I have a page (results.asp) that gets dynamically
generated from a db using
>a
> DW and MySQL app. The page (a table) looks sometihng
like this:
>
> Year Card #
> 1951 01
> 1951 02
> 1951 03
> 1952 01
> 1952 02
> 1953 01
> 1953 02
> 1953 03
> and so on
>
> I've made the "Year" column a text link and added a
Pop-Up Menu behavior
> so
> that users could select a year and jump directly to a
specific section of
> the
> page (table). However, I'm not sure how to put a <a
href> name anchor in
> for
> each of the years. For instance calling :
>
> <a name="1951">1951</a>
>
> from a declaration of:
>
> <a href="#1951">Go to year 1951</a>
>
> I would want to call each year (1951, 1952...1973) using
name anchors.
> But
> again, I'm not sure how to put all the named anchors in
a document that
> gets
> dynamically generated. It is a a table that gets its
data generated via a
> Repeated Region. Hope this question makes sense. Any
> suggestions/comments
> appreciated. Thanks.
>

Create a link to a specific spot in PDF document

Is it possible to create a link from a Table of Contents item to a specific heading on a page within the same document. So far from what I've read and what I've tried I can only link to a specific page but not a specific section on that page. Is that possible? If so how to I do that? It's basically the same idea as HTML anchor links within the same HTML page. So if you have a links up top you can create named anchors for the destination spot later on down the page. I tried using the destinations in Acrobat also but it seems to also only point to the page, not the specific area on a page.
If anyone knows if that's possible, could you either show me how to do it or point me to a tutorial online that shows how to do that. I've searched and searched but just cannot seem to find anything. Maybe I'm not using the right keywords to search.

You can either link to an existing named destination or a view that you establish when you create the link. A named destination is a combination of a page and the view settings (e.g., fit width, fit visible, 200% zoom and scrolled 1/4 way down the page, etc.)
When you add a new named destination, go to the page you want and set up the display of the page to what you want. Give the named destination a meaningful/descriptive name.
When you create the link that you want to target a named destination, select an action of "Go to a page view" and set it to the current view. You then have to go and edit the action and select "Use Named Destination" and select from the list of named destinations in the document.
You do not need to set up named destinations to link to a specific area of a page, but they are helpful when linking from other documents or systems, particularly if the document that's linked to changes with any frequency.
To set up the same type of link without using named destinations, just add a new link and when you're presented with the "Create Link" dialog, select "Go to a page view" and navigate to the corresponding page, set the view you want, and click the "Set Link" button.

How to define the hyperlink command in the online help to go to a specific place on another page?

Hi,
I run my online help (WebHelp) in an application in Firefox. When clicking a link on a page, I want to go to a specific section on another page. In the hyperlink I am using the #<bookmark> to go to the bookmark on the other page. This works in IE, but not in FireFox. Do I need to use a different command or do I have to change some settings in my browser to make it work?
Thanks!

Does your page design use frames (classic frames or inline frames)?
From past threads:
Make sure your bookmark doesn't contain a #. In other words, if the bookmark is Chapter1, Firefox will require #Chapter1 on the link, but if the bookmark is #Chapter1, then Firefox will require ##Chapter1 on the link.
If your page changes height after loading, for example, you use a script that collapses some sections, Firefox may go to the original location in the page instead of the updated location. The workaround for this would be to have a script in the page check the hash and scroll to the correct location after changing the height.

Linking to a specific location in a web page is not working

Hello,
I am using anchor tags for linking to a specific location in a web page . This Page contains some images(.bmp).
Eg:
<h2><a name="exactline">Linking Directly to a Specific Location</a></h2>
<a href="http://www.example.com/some-page-or-other.aspx#exactline">Click here</a>
Whenever I click on the link it moves to specific location but when the page get loaded completely , top of the page is being displayed.
My question is how can I make this link redirects directly to the particular section and stays there even after the page loads fully.
Thanks

Hi ,
When you click your link "Click here", the SharePoint web page with anchor will not work until refresh the page, if it's the case, you can add the javascript code to refresh the page automatically as workaround per the following similar post.
http://social.msdn.microsoft.com/Forums/sharepoint/en-US/f7eab808-da8a-44fd-9933-f9b992f5affc/sharepoint-anchor-tags?forum=sharepointgeneralprevious
http://yalla.itgroove.net/2012/05/anchor-links-tags-in-sharepoint-2010/
<script type="text/javascript">
setTimeout(Reload,2000);
function Reload()
window.location.hash=self.document.location.hash.substring(1);
</script>
Thanks,
Daniel Yang
Forum Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact [email protected]
Daniel Yang
TechNet Community Support

How do I link to a specific Hero Image in from another page?

How do I link to a specific Hero Image from another page?

Hi Laura,
I am afraid that this is not possible in Muse at this stage, I will recommend that you post this on our ideas section over here, https://forums.adobe.com/community/muse/ideas, and let our devs team know of this requirement.
As a work around I will suggest that you create a dedicated page with this panel opened when you publish and link that page with the text that you want. Let me know if you need more clarification on this.
- Abhishek Maurya

Suppress the Page Header section on a specific Section

Hello,
I have a single page word document I want to append to the end of a report I have, so I placed it in Report Footer b. The word document fits perfectly on a single page without any header. I tried simply supressing the Page Header on the last page but because of the length of the the word document it gets cut in half, so the 2nd to last page includes a header and forces the word document onto 2 pages (one with a header and one without). I tried supressing the Page header the last and 2nd to last page, but that results in the printing of an extra page as the word document without a header only takes up one page.
Is there some way to supress a section based on what section is currently printing ie.
WhilePrintingRecords;
Section "Report Footer b"
I am open to any suggestions on how to simply add a report footer section without a page header.
Thanks

Unfortunately that also suppresses on the 1st report footer section (RFa)
I tried adding an additonal conditon
OnLastRecord AND Pagenumber >= TotalPageCount - 1
However, this results in the addition of an extra blank page, which changes the page count to 1+ what it should be. This may confuse some users.
Can I specify a specific record? How would I go about doing that?

How do I link to a specific place on a "different" page?

I understand how a Named Anchor works on a given page. How do I click a link on one page, and go to a specific place on another page? Can that be done?
Thanks!

Same page anchor:
<a href ="#anchoronthispage">
Different page anchor:
<a href="anotherpage.html#anotheranchor">

Linking to a specific section of a page [was: Dreamweaver noob question]

Similar Messages

Maybe you are looking for