I am working on a site and I have a page full of links, What I would like to happen is when one of those links is clicked, the browser will load a new page but only the relevent section of that page..
Does anybody have any idea of how this can be achieved?
I have used this method on one page only before, so that when a link at the top is clicked it will take you further down.. But can this also be done with an external link?
Suppose you have a link :
Link
Then change to :
Link
And
You should have to add id="linktodiv" to the div to show when link is clicked.
For more info see
Related
I've been using hashtag(#) with navigation menu button links, to avoid error. When you are using # you can just click on the link button and it does nothin'. Now I want to get real urls of my site. I can copy like facebook site's url, github site's url and make it as a link button on my site, but I want to have my own website's link. for EX: when you click "About me" button and new page appears on the screen and it's all about me (not blankpage) :D do I need to create another html document?. please help! SOS! THANK YOU!
I have the following problem with one of my current projects.
I would like to achieve that when you click on a link which is on a secondarly page, it sends you to the home page but, not at the top of the homepage (by default), I would like that it sends you where a specific ID is.
At the moment I have the following URL in this special link but it doesn't work
link
I have tried different ways I saw in this community but I didn't have luck. At the moment when you click it send you to the homepage but at the top and my ID is almost at the end of the page
How can I fix it please?
Thanks
Kindly use below code on page load. make sure you call this once DOM is loaded. This will scroll the page to this anchor.
location.hash = "#contact-anchor";
I have two websites page1 and page2. On every page there is a download form which I can access through the anchor id #DownloadForm.
On page1 I'd like to create a link to the download form on page2. I thought this would work:
But when clicking on this link (in Chrome) it takes me to the download form on page1. As if the anchor expression was evaluated first and then the rest of the href is ignored.
Btw: I'm using Wordpress but I guess that's not relevant here.
If anyone has a hint for me, I'd highly appreciate!
Have you tried the full page uri? I tried this and it worked for me in chrome and firefox.
http://www.silverbladesolutions.com
If I click on any link on the navbar from the home page, LOADING is shown before all the page content. Sme thing happens on links from the footer. If I reload the page, everything works fine. This does not happen with links other than from the index.html.
EDIT: Page code = http://pastebin.com/jeiqqJry
So I found the location of the code that contains the 'loading' section in the html.
When I first click the about button, it takes me to the page, and in the body tag of the page's html, there is this div:
<div class="ui-loader ui-corner-all ui-body-a ui-loader-default ui-loader-fakefix" style="top: 212.5px;"><span class="ui-icon ui-icon-loading"></span><h1>
loading
</h1></div>
When I refresh the page, that div disappears and leaves only the rest of the body. There is something happening when you click on that about link for the first time, it opens this div along with the rest.
Also another thing I noticed is that on the first click, the class of the entire html page goes to the class 'ui-mobile'. Is this supposed to happen? I think something weird is happening when you first click the link, because when I refresh, that class disappears as well. Is there an external js script that might be affecting the html?
What's the html of the actual 'about.html' file look like?
NVM found it. It was some mobile UI thing added from an old version of jquery mobile that we had. updating all the jquery fixed it!
I have a page of a lot of images in a gallery format. When you click on an image, an iframe changes to have information about that image and a link that brings you to another page (of more detailed pictures of the original image in the same gallery style format).
My issue, is that since the link is in an iframe, the new page loads in the iframe. Is there a way, or a target="whatever" command, to make that link effect the parent page?
In the link add target=_parent