I have two links on my home-page. They point to two different anchor tags (anchor1, anchor2) on the about-page.
When I click on link two, it jumps to anchor2 on the about page. If I go back and then click on link one, it still jumps to anchor2 on the about page.
I can confirm that the link in the address bar always stays the same as the first clicked link. A simple reload does not solve the problem. What does seem to reset the situation is if I open the home-page in a new window or tab.
This is only happening on Safari and Safari Mobile. Firefox and Chrome redirect to the correct anchor tag.
Thos are the two links:
Anchor1
Anchor2
Any help would be greatly appreciated.
Turns out that for the anchor-links to work in this context, they have to be written as full URL, not relative to the folder structure.
This
href="https://website.com/about#anchor1"
Instead of this
href="../about.html#anchor1"
Related
I'm getting some weird behaviour with the Firefox back button after linking to id's in the same page. If I have some basic html like this:
link to header
... chunk of content ...
<h2 id="some_id">header</h2>
The first click on the link takes me to the header and the first click on the browser back button takes me back to the link. All good. But if I click the link again and then click the back button a second time the browser gets confused. The screen doesn't go back to the link. Worse if I scroll back then whenever the mouse hovers over the link (or even the address bar) the screen shoots back to the header without anything being clicked.
Here's the fun part. If I do click anywhere on the page after that second visit to the header then the back button works as normal. Also, if I open the dev tools overlay then the back button works as normal.
I've tried this with a totally stripped down file - just plain html with no scripts (even no css) - to remove any unseen errors.
Has anybody else run into this? Found a fix?
I'm having a odd issue with this site I'm building:
http://limetreeyoga.uk
If you click on "about" it takes you to the "about" page but if you refresh the page it takes you back to the home page?
Same with the other pages, its also not showing the "title" tag in the browser? I have no idea why, can anyone help?
Cheers
T
This website uses FRAMES - extremely old (i.e. outdated) technology....
The outer frame always stays the same, that's the reason for the reload problem. Only the inner frames change when you click the menu.
ADDITION: In fact, it seems you have a complete regular (useable) document structure inside the first frame. Try to erase all HTML outside the first <frame> element - that might even work... (although I didn't look into it in detail)
I am building a long Client List page for a site. There are links on other pages that are to jump to a specific category of client (Industry). Everything's working great except for when testing in Internet Explorer.
I have a link with the following URL:
/about-us/client-list/#environment-conservationJump
On the Client List page, I have the following anchor:
<a id="environment-conservationJump"> </a>
The first time I clicked on the link, it seemed to work, but now, after scrolling up and down the page a bit, if I refresh the page, it will jump to a different point in the page. Not always where another anchor exists, sometimes just part-way through one of the other lists.
In every other browser, everything is working great. I could just set the links to include a query string, and use jQuery to scroll down the page, but I'd prefer to not introduce another function to the page if I don't need to.
Has anyone run into this problem?
How to create a button that show an url (at browser status bar) on mouse hover on that is different from the url on clicking the button. Please refer to http://www.polyvore.com/bags/shop?category_id=35 for example.
Thanks.
You can not do this on button tag.
Instead use anchor link and gave some awesome css so link will look like button. If you will see view source or see in firebug you will see they use anchor link and applied some style so it look like button and that is not a big deal in today time.
OR
you need to write javascript that enable you to set status bar across browser.
Edit: solution changed after author clarified his question.
This link will display 'yahoo.com' on hover, but it'll open 'google.com' when clicked.
Link
The key is to return false from 'onclick' callback - it prevents browser from further processing event.
Im maintaining a site with the link fragment below. There isnt an element with an ID of top on the page however clicking it still takes you to the top of the page. Is this because the default behavior of any link fragment is to take you to the top of the page?
There is also a weird bug with it on android. It appears multiple times and works the first time but the second time you click it does nothing.
Top
Yes, all undefined anchors take you back to the top of the page.