While using haslink (#testhash) is not working on Safari. I am really unable to locate the problem.
Here is the following code I am providing below
Click here to go to Hash
<div style="height:500px"> </div>
<div id="testhash"></div>
<div>............Test Data............</div>
When I am clicking on the link, it is got going to proper place on Safari but it is working fine on Google Chrome, Mozila Firefox and IE9. In Safari the link is redirect to the site http://example.com/ instead http://example.com/#testhash after URL rewritting. The funny thing is when I am directly putting the link http://example.com/#testhash on the address bar of Safari, it is working fine but the time of clicking it is not working and also when I am writting http://example.com/?page_id=112#testhash, it is giving problem.
You may do one thing. Give the full link instead of ?page_id because sometime Safari or some other browsers write different rewrite rules for Wordpress and thats why Hashlinks doesn't work. You may put
Click here to go to Hash
instead of
Click here to go to Hash and it may work.
*I meant by Rewritten page as the browser divides the page by parents and children like about-us/page/etc so the url should be from my example http://testwordpress.com/about-us/page/etc/#testhash
Can you change the href to just "#testhash" and see if that fixes your problem?
Editing my answer as it wasn't clear:
Try this:
Click here to go to Hash
<div style="height:1200px"> </div>
<a name="testhash" />
<div id="testhash"></div>
Related
I am creating a website and need to have a specific link open with the Edge browser. (Company designed software to only work with Edge as its easier for SSO, not compatible with Firefox or Chrome)
I created an anchor tag with the microsoft-edge parameter and the link will open up fine when using other browsers like Firefox (a popup will force the user to select edge) but when actually using edge the link does not do anything. Upon inspecting element the anchor tag is not even rendered in the DOM.
The following is an example of how i used the anchor.
<a href="microsoft-edge:https://google.com> Click Here </a>
Any advice?
Well, to start, your anchor, <a href="microsoft-edge:https://google.com> is missing a " to close the value of the href attribute. The working code appears in the following snippet:
Click Here
However, this only explains the final issue you mention :
...the anchor tag is not even rendered in the DOM
(I assume you got tangled up in your troubleshooting steps)
The actual problem is that Microsoft Edge doesn't support the microsoft-edge: protocol. I haven't found a published source for this, but I have found a reference to this issue (and a javascript-based workaround) in the SO answer: https://stackoverflow.com/a/53765993/2540235
We have links in pages that should land a user on a specific page and scroll them to (a named anchor) near the middle of the page using the URL fragment #top. This works in every browser with the exception of Internet Explorer.
I am using Internet Explorer 11. As far as I know, this problem exists in all versions of IE.
This question is NOT about IE 8. The solution offered in a similar SO question doesn't work for me.
I've search all over and can't find examples of this being a problem and so I can't find solutions. In fact, I have found only one solution that describes the problem and provides a solution. However, their solution doesn't work for me.
I've moved little blocks of code here and there, but IE refuses to go to the named anchor. Why not?
A solution that doesn't work for us.
https://chrisjean.com/links-to-named-anchors-or-element-ids-fail-in-ie8/
Our link that should land the user in the middle of the page
http://www.av-iq.com/avcat/ctl1642/index.cfm?manufacturer=crestron-electronics&videos=6703#top
The named anchor on our page ...
<a name="top"></a>
Example links on our pages...
<a href="index.cfm?manufacturer=crestron-electronics&videos=6702#top">
next video
</a>
These do not work either ...
<a name="top" id="top"></a>
<a id="top"></a>
<div id="top"></a>
I've created a new html page and all other links are opening fine except the one directing to this page. Clicking the link in Internet Explorer simply does nothing, but if I open the file directly it opens it. No problems in Chrome whatsover.
What's happening here?
<a class="m04" href="cariere.html"><strong>CARIERE</strong></a>
Thanks
EDIT I think the issue is with the page itself, what could make IE refuse to open a page?
EDIT2 OK, here's cariere.html:
`Content removed`
EDIT3 Problem solved, I did a rollback while saving the changes I made and now everything is navigating correctly. Still, very strange even for IE.
You're not getting errors, IE is opening other links, and it works fine in Chrome... First glance, this sounds like an issue with the way that IE cached your website. However, I can't elaborate on further possibilities because you didn't provide us with much information or any code to investigate, so basic troubleshooting is the best answer as of right now. I'll update it again if you provide more information.
Try this:
Tools(gear/cog)->Internet Options
Browsing history (general tab)->Delete
You'll want to check the Temporary Internet Files and website files,
Cookies and website data. Uncheck "Preserve Favorites website data."
Then click 'Delete' at the bottom.
Click the 'Security' tab and at the bottom click 'Default level'
Click the 'Privacy' tab and click 'Default'
Test it. If the above doesn't work, you can always click the 'Advanced' tab and click the 'Reset' button. I've seen IE do stranger things, so hopefully it's as simple as this.
As mentioned, you didn't provide us with much to work with. We're all happy to help you out, so if this doesn't work for you, please come back and post us more information/code so we can get this pinpointed. There are many things, code wise, that can cause undesired results, but we can't confirm that without seeing the code.
This has helped me out with various strange "IE bugs." I can't provide you with an explanation, but I'm sure a search could shine further light on this. It's at least worth trying considering how strange this bug is.
In your <head> put:
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
I ran into the problem before, and it's a very weird one: it works fine in Firefox and Chrome, but it's not stable in IE. Sometimes it works, but in most time it just won't work.
The problem is that a label tag is imbedded in the a tag, the link works only in the padding area between label tag and a tag. It can be easily fixed by change the lable tag into span tag.
From:
<label>Learn More</label>
To:
<span>Learn More</span>
I have a jQuery Mobile Site that is using anchor tagging for navigation. The site has a URL like http://domain_name_here.com/smartphone/home.jsp. When I navigate to a page within the site, for example a product, a link would take you to #product?id=XXX and everything works fine.
However, in Firefox 3.6, I have a link that takes users to #home Back but when a user clicks on it, they are taken to "#/smartphone/home.jsp" instead of the expected "#home." The URL in Firefox 3.6 looks like "http://domain_name_here.com/smartphone/#smartphone/home.jsp" after clicking on the link defined above. This problem seems unique to Firefox 3.6 and it works perfectly fine on all other browsers.
I was wondering if anyone else has experienced this problem, and if so, is there anyway to fix it. The point of using the hash tag is to not reload the page, so a solution that would require the page being loaded again is not valid.
I bring to you a simple snippet of HTML:
<HTML>
<HEAD></HEAD>
<BODY>
<div id="ad_a">
test DIV
</div>
test BODY
</BODY>
</HTML>
Yeah, there's no doctype or what have you, but none of that seems to matter for this strange behavior.
Can anybody please tell me why calling my div id="ad_(ANYTHING HERE)" hides everything inside this div? it just.. disappears.. It shows up in the page source but it doesn't show up on the loaded page..
I first noticed this in Google Chrome. Firefox seems to ignore it (for me at least, but my friend says it happens in his FF) my Internet Explorer 9 also ignores this div name and shows its content on the page.
What is going on and why does it do this?
Is this a commonly used thing? If so, what does it do?
(Posting comment as answer at OP's request)
I'm going out on a limb here, but could an ad-blocking extension be interpreting the ad_ prefix as an advertisement and hiding it? I just ran the code in Chrome with all extensions disabled and it shows up as intended