Linking to an anchor within the same page

Anyone know how to link to an anchor within the same page?
For instance, im making a FAQ page. at the top of the page I would like to list all the questions. i would like the viewer to be able to click a question which brings them to the answer on the bottom of the page.
looked in inspector couldn't find it. linking to anchors is pretty basic, so id be really suprised if iweb doesn't have this feature. so im assuming im missing it.......
how do i do this?

Anyone know how to link to an anchor within the same page?
how do i do this?
Linking to an anchor within the same page is no more than scrolling to it, and can be (easily) emulate with javascript window.scroll function.
See my post here: http://discussions.apple.com/thread.jspa?messageID=7676908&#7676908
All javascript is linked to the example page.

Similar Messages

Auto collapse a mobile accordion menu when clicking links to anchors on the same page

I'm building a mobile site, with the accordion widget containing the a menu widget, pinned to the top (i added custom css to pin it to the top).
its a single page site, so all the links are to anchors in the same page.
how can I make the accordion close when clicking the links in the menu?

You can try the suggestion mentioned here :
http://stackoverflow.com/questions/21649839/make-accordion-close-on-second-click-jquery
http://stackoverflow.com/questions/9260068/collapse-jquery-accordion-on-click
Thanks,
Sanjit

How do you do anchors - the three ways listed did not work. I am using the jQuery mobile template 11. I want to link to a spot on the same page.

How do you do anchors - the three ways listed did not work. I am using the jQuery mobile template 11. I want to link to a spot on the same page.

How do you do anchors - the three ways listed did not work. I am using the jQuery mobile template 11.
You have aroused my curiousity, what are three ways listed that do not work? At risk of being labeled as an ignoramus, could you also tell me where to get the other 10 templates?
I usually give an element an ID and use that in my link as in
<a href="#mySpot">Go to my spot</a>
<div id="mySpot">
</div>

How to open a link from search engine in the same page

I just noticed that my links are opening in new windows instead of on the same page on Safari. Is there anyway I can change it back to where if I click on a link in the Yahoo search engine that it would just open within the same page without opening a new tab or window, where I can go back and forth between pages? For example, say I type in "wikipedia" on Yahoo home page and click search. Then it takes me to the Yahoo! Search Results page with a link to the Wikipedia website. When I click on that link, the Wikipedia home page loads right within the same page instead of opening a new tab or window and loading into that new tab or window. If I wanted to go back to the search results, I can just click the back button. I remember Safari doing that before, is there anyway to get back to that? Thanks.

You can set the Integer pref <b>browser.link.open_newwindow.override.external</b> to "<i>1</i>" on the <b>about:config</b> page.
*http://kb.mozillazine.org/about:config
The browser.link.open_newwindow.override.external pref uses the same values as this pref for JavaScript window.open() calls.
*http://kb.mozillazine.org/browser.link.open_newwindow.restriction

How do i send hyperlink to a text box within the same page

how do i send hyperlink to a text box within the same page on iweb

It's called an anchor. It's often discussed in this forum.
2 days ago : anchor
Here's a search of the past year : anchors

How can I POST data within the same page if I have a A HREF -tag as input?

How can I POST data within the same page if I have a <A HREF>-tag as input? I want the user to click on a line of text (from a database) and then some data should be posted.

you can use like this or call javascript fuction and submit the form
<form method=post action="/mypage">
cnmsdesign.doc
</form>

How to create links to different files on the same page?

Good day to all again,
can someone please guide me through creating several links to different files on the same page. In other words, I am creating a photo page where my links are called Gallery 1, Gallery 2, etc... I would like to create links so when the User clicks on Gallery 1, they see Gallery 1 slide show in the frame; when the user then clicks Gallery 2, then they see Gallery 2 slide show in the window.
My slide show files are done and I am using GoLive CS2. I have no knowledge of JavaScript or ActionScript/Flash.
Any suggestions are highly appreciated.
Thank you
Alek

Hi Diana,
I'm a professional photographer and in the process of getting
my finished site published. I used Coffeecup Photo Gallery. You can
create multiple albums on the same page. Do a Google search for the
address. It's easy, inexpensive, and it works. I tried to do this
with the Photo Gallery in DW and FireWorks--but couldn't get it
right. CC uses Flash and Javascript.
Good Luck

How to make fields grow dynamically within the same page and in column wise

Hi,
Like the newspaper format: Where contents of news are shown columns wise.
We need to make the fields in a page grow column wise within that same page.
For example, in a page:
Column 1 Column 2
ASDASDASDGKASHDGKAA | ASDFASGFHSJFAJKSD
ASDFASDFASDJFASGJKDFHA | ASDFASDASDFASDFASD
AFSDFASDFASDHGFKASDFASD | ASDFASDFASDFASDFASDFA
ASDFSDGFJASHDGFJKASHDGKFAS |
ASDFAGASDHFKASHDGFHASDJKFHASJKHF |
ASDFHASGDKFASDJGHFASDFJKSDGFJKAGSDJ |
If the Column 1 is full with the fields in the page it should start filling the column 2 which is also in the same page.
If the Column 2 is also full then only it should move to the next page and should continue the same scenario.
Please suggest a better way to do this in the Adobe Output Designer.
Thanks and regards,
Gurunath V.
E-Mail: [email protected]
P.S: Please also mail to my e-mail ID.

Hi Gurunath, if you steel need a solution on this problem, I think this could help:
1- place two fields on the form (JF01, JF02), one under each other.
2- Make two subform with them (Sline1, Sline2)
3- Make the field JF02 expand on same subform.
4- Modify the preamble in this way:
^define group:D_line1 \field$POSITION\reserve"0.333",in\subformSline1.\positionsave,"first_line"
^define group:JF01!OnOverflow \groupG_Sline2.\fieldJF02.
^define group:G_Sline2!OnBOF \positionrestore,"first_line"\positionright,"3.65",in
In the data file put all the text in JF01.
-The first line say:
When JF01 is called, save it's y position (\positionsave,"first_line")
-The second line means:
when the text overflow JF01 put it in JF02.
(cause JF02 overflow on itself all the remaining data is overflowed in JF02)
-The third line means:
if JF02 arrives at the end of the page (OnBOF), restore the saved position ( \positionrestore,"first_line") and move to the right of "3,65" inches (\positionright,"3.65",in).
In other words, when JF02 arrive at the and of the age, the next field JF02 is positioned at the same height of JF01 and is shifted on the right
Take care that in this way JF02 cannot anymore go o a new page.
Hope this help.
Andrea

Create A Link to More Text on the Same Page?

I want to know how to make a link that says "MORE" that will reveal additional text on the same page.
I am NOT referring to a link that will scroll the user to a different part of a page.
I am talking about a page with a lenghty amount of text that is kept hidden, until the user clicks on the word "MORE" to expand it. (Or, I usppose, "LESS" to make it disappear again.)
Thanks in advance.

Have you looked at Spry Widgets? Accordion or Collapsible panels might work.
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html
http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Link doesn't work on the same page Twice

I have implemented a module in JSF where the page displays a datatable and one the columns is a command link which when clicked opens up a dialog box to save a CLOB from the DB as a csv on the local desktop.
All this is working fine.
The problem is that once the user clicks on one link in the datatable and then the user again clicks on any other link on the page or tries to use the Logout link the page is directed to the welcome page and in the logs the following exception is there.
01/12 16:19:01 ERROR [com.common.jsf.lifecycle.FrameworkLifecycle] Exception handled for view: /restricted/reportSummary
com.common.jsf.filter.postback.PostBackValidationException: The view id: /restricted/reportSummary does not match the previous post back view id as well as it is not in the postBackValidationExcludeList.
     at com.common.jsf.filter.postback.PostBackValidationPhaseListener.validatePostBackViewId(PostBackValidationPhaseListener.java:177)
     at com.common.jsf.filter.postback.PostBackValidationPhaseListener.afterPhase(PostBackValidationPhaseListener.java:146)
     at com.sun.faces.lifecycle.LifecycleImpl.phase(LifecycleImpl.java:211)
     at com.sun.faces.lifecycle.LifecycleImpl.execute(LifecycleImpl.java:90)
     at com.common.jsf.lifecycle.FrameworkLifecycle.execute(FrameworkLifecycle.java:1123)
     at javax.faces.webapp.FacesServlet.service(FacesServlet.java:197)
     at com.evermind.server.http.ResourceFilterChain.doFilter(ResourceFilterChain.java:64)
     at org.apache.myfaces.trinidadinternal.webapp.TrinidadFilterImpl._invokeDoFilter(TrinidadFilterImpl.java:208)
     at org.apache.myfaces.trinidadinternal.webapp.TrinidadFilterImpl._doFilterImpl(TrinidadFilterImpl.java:165)
     at org.apache.myfaces.trinidadinternal.webapp.TrinidadFilterImpl.doFilter(TrinidadFilterImpl.java:138)
     at org.apache.myfaces.trinidad.webapp.TrinidadFilter.doFilter(TrinidadFilter.java:92)
     at com.evermind.server.http.ServletRequestDispatcher.invoke(ServletRequestDispatcher.java:621)
     at com.evermind.server.http.ServletRequestDispatcher.forwardInternal(ServletRequestDispatcher.java:368)
     at com.evermind.server.http.HttpRequestHandler.doProcessRequest(HttpRequestHandler.java:866)
     at com.evermind.server.http.HttpRequestHandler.processRequest(HttpRequestHandler.java:448)
     at com.evermind.server.http.HttpRequestHandler.serveOneRequest(HttpRequestHandler.java:216)
     at com.evermind.server.http.HttpRequestHandler.run(HttpRequestHandler.java:117)
     at com.evermind.server.http.HttpRequestHandler.run(HttpRequestHandler.java:110)
     at oracle.oc4j.network.ServerSocketReadHandler$SafeRunnable.run(ServerSocketReadHandler.java:260)
     at com.evermind.util.ReleasableResourcePooledExecutor$MyWorker.run(ReleasableResourcePooledExecutor.java:303)
     at java.lang.Thread.run(Thread.java:595)

The jsf jsp is:
<h:form>
    <tr:panelHeader styleClass="titleText" text="Report Summary"/>
    <tr:outputFormatted rendered="#{empty reportList}" styleClass="titleText"
                        value="No Match Found"/>
    <h:dataTable rows="31" rowClasses="oddRow,evenRow" styleClass="font_size"
                 binding="#{downloadBean.summaryBindingReport}" value="#{reportList}"
                 var="reportSummary" rendered="#{! empty reportList}">
        <h:column>
            <f:facet name="header">
                <h:outputText styleClass="titleText" value="Date"/>
            </f:facet>
            <h:outputText value="#{reportSummary.reportDate}">
                <f:converter converterId="customDateConverter"/>
            </h:outputText>
        </h:column>
        <h:column>
            <f:facet name="header">
                <h:outputText styleClass="titleText columnSpace"
                              value="File Name"/>
            </f:facet>
            <h:commandLink value="#{reportSummary.reportName}"
                           action="#{downloadBean.downloadcsv}"/>
        </h:column>
    </h:dataTable>
</h:form>The backing bean is :
public void downloadcsv()
    throws IOException, ServiceLocatorException, ReportServiceException
    ReportSummary selectedReportId =
      (ReportSummary) summaryBindingReport.getRowData();
    ReportContent reportObj =
      getReportService().getReportContent(selectedReportId.getReportId());
    // Prepare.
    FacesContext facesContext = FacesContext.getCurrentInstance();
    ExternalContext externalContext = facesContext.getExternalContext();
    HttpServletResponse response =
      (HttpServletResponse) externalContext.getResponse();
    BufferedInputStream input = null;
    BufferedOutputStream output = null;
    try
      // Init servlet response.
      response.reset();
      response.setContentType("plain/text");
      response.setHeader("Content-disposition",
                         "inline; filename=\"" + selectedReportId.getReportName() +
      output =
          new BufferedOutputStream(response.getOutputStream(), DEFAULT_BUFFER_SIZE);
      char[] strReportContent = reportObj.getReportText();
      Utility.logMessage(Constants.SEVERITY_INFO,
                         "**** Report Content ****" +
                         String.valueOf(strReportContent), this);
      // Write the Report Content as Comma Separated values
      output.write(String.valueOf(strReportContent).getBytes(), 0,
                   strReportContent.length);
      // Finalize task.
      output.flush();
    finally
      // Close streams.
      close(output);
      close(input);
    // Inform JSF that it doesn't need to handle response.
    // This is very important, otherwise you will get the following exception in the logs:
    // java.lang.IllegalStateException: Cannot forward after response has been committed.
    facesContext.responseComplete();
private static void close(Closeable resource)
    if (resource != null)
      try
        resource.close();
      catch (IOException e)
        e.printStackTrace();
public void setSummaryBindingReport(HtmlDataTable summaryBinding)
    this.summaryBindingReport = summaryBinding;
public HtmlDataTable getSummaryBindingReport()
    return summaryBindingReport;
}

How do you make multiple buttons link to specific paragraphs within the destination page?

Hi
The best way i can describe this is I want to link four buttons on my homepage to a page named 'services'. Each button refers to a different section on the 'services' page.
So what I want to happen is when I link each button, i want the user to be able to click on one and then be transferred to the 'services' page, but halfway down the page at the relevant paragraph or wherever the relevant section is.
How do you do this people?
Thanks for your time
J

Take a look at this tutorial and see if it helps

Creating a link to another sheet within the same file in Numbers

I have a spreadsheet in Numbers that contains many detail sheets with a seperate Summary sheet.
I want to be able to click on an entry (within a cell) in the summary sheet and (just like a hyperlink) it take me to the detail sheet of that name.
There is a hyperlink option within the Inspector, but it is only to goto a url or email message.
Can anyone help, or is this a request I should make for the next version?

New features means new high version num.
Version 1 for instance was updated as version 1.0.2 then 1.0.3
At this time we just got the upgrade to version 2
Some day we will get an update to version 2.0.2 with oddities corrections.
Maybe later we will get an update to version 2.0.3 with other corrections.
For new features we will have to wait for the upgrade to version 3 included in what I named NiWork '10.
Prepare your bucks
Yvan KOENIG (from FRANCE jeudi 5 février 2009 18:21:58)

When going to a # link in the same page, Firefox 4 seems to jump to the wrong spot, and I have to scroll to find the actual anchor, usually one screen down.

Visiting the Apple developer site, pages have a task list at the top of a very long page. When I click on a task which is linked to an anchor on the same page, the screen briefly flashes up the intended topic, then redraws content about a screen above what I wanted, so I have to scroll down to the topic I wanted to read.

It happens when I open the topic in a new tab. There's a sidebar that's not drawn when the initial flashup happens. Then the sidebar draws and the content gets pushed down so the topic I wanted is now below the visible screen.
When I jump to the anchor in the original tab, the sidebar is already there, and it goes to the right topic.

Can you create an image map that will link to a different element on the same page?

I have used image maps before and know how to create an image map to link to a new page. In this case, however, I want to be able to click on my image using an image map and load a new image with text on the same page as the image map. Is this even possible? Is there some sort of behavior that allows you to create same-page links, perhaps using AP divs? I want the end result to be a type of gallery that loads different images depending on where you click on the main image.
Again, I don't even know if this is possible. Any suggestions on how to make this work would be greatly appreciated.
Thank you!

Go to this site and mouse over the image map of South America.
http://alt-web.com/testing.html
Is that what you are looking for?
Insofar as linking to a position on the same page, do a Help search (F1) in DW for "named anchors."
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

JEditorPane HTML link in the same page

Hi,
I want to show an HTML page in JEditorPane.
The HTML page have <a> tags that link to a bookmark in
the same page, but I can�t show this because I get an error
like this:
MalformedURL or similiar.
I try to do somethig like this:
public void hyperlinkUpdate(HyperlinkEvent ev)
...Editor.setPage(ev.getURL());
or
...Editor.setPage(ev.getDescription());
without results.
How can I listen for hyperlinksEvents than link in the same page.
Thanks

they dont want to see the first report.
Is there a way in which the Prompts are also display along with the second report?Then create the same prompt on the second report also.
Cheers
Nawneet

Linking to an anchor within the same page

Similar Messages

Maybe you are looking for