I'm creating a mobile website with a Whatsapp share button. I've checked every single post on Stackoverflow before opening a new question.
The thing is, when i put something like this:
send
or this:
send
the anchor just isn't on the website!
of course, if i put every other link instead of "whatsapp://send" it works.
I need to add: it do work for every browser but Safari.
Is something wrong with my code? Should i use a URL instead of the whatsapp protocol?
Edit: i've tried with the wa.me i.e.:
but whatsapp says it's incorrect. Of course, it works on every other phone or whatsapp web too
thanks guys!!
ok, the issue was solved this way:
if you didn't put the ?phone part it just didn't work on safari.
If yo use wa.me it didn't handle it correctly on Whatsapp (iOS).
If you use the whatsap:// protocol it didn't work on Safari.
Anyway I don't know WHY the anchor didn't appeared. Did Safari check links or parse html code before showing?
f* you Safari!
Related
So this is a weird problem, I am attempting to embed a video stream from a D-Link DCS-930L into a web page. My embed looks like this:
<img alt="" src="http://guest:password#192.0.0.10/video.cgi">
The problem is that Chrome displays a broken link image when I load the page, while Firefox and IE load it perfectly the first time.
But the really strange part is that if I right click on the broken image > Open link in new tab the stream loads, and then if I close the tab and refresh the page with the embed it loads there too! So it's definitely something to do with the username/password requirement.
I have also tried creating a user without a password but I see the same issue. There is no setting to disable this requirement in the 930L's control panel that I can find.
Does anyone know how to fix this? If not, is there a way to use PHP to execute a login automatically for the above kind of URLs?
This appears to be intentional behavior on Chrome's part since v19. Bummer.
I have a webapp which is running perfectly well in most browsers, but I'm still trying to work out a few bugs which is preventing it from working correctly in iOS Facebook's in-app browser. Until I've got these sorted, I'd like to provide a message to give users the option to open the link in Safari.
The solution I have for now is to use javascript to detect the browser's user agent (similar to this question), and if it's the Facebook in-app browser, provide a message that the webapp is optimised for Safari and give instructions to copy and paste the link into Safari.
My question is this: is there a way to make a <a> tag open in a particular browser? I have seen questions like this one which seem to point to using target="_system" for Cordova apps, but is there a method to do this with html only?
There isn't a way to do this for Safari (using just HTML, anyway). For other browsers that have custom URL schemes, you could do it. For example, for Chrome you could have your link point to googlechrome://www.website.com.
The definitive answer: No, this is not possible.
As Andrew M mentioned, some browsers have some methods that do some things similar, but a pure html method to open a link in a generic browser does not exist.
I'm having an issue with a named anchor tag in iPhone Safari browser. It works well in desktop browsers including Safari, but not working in mobile Safari. Weird!
For example my URL looks like:
http://www.example.com/my-example-article-url-is-like.php#articlebottom
the above URL is from a newsletter and it should go to the bottom paragraph in article page which I gave id like this:
<p id="articlebottom">paragraph is here</p>
When I click the above URL from Newsletter it goes to the article page, but not the bottom para where I specify id. Although I can see that the #articlebottom part is missing from URL when it came into the targeted page in Safari.
Any thoughts would be appreciated!
Opera, IE, Chrome and Firefox will carry over the anchor to the new page. However, Safari loses the anchor on the redirect.
So what if you add / just before the ID Tag?
Old URL Path:
http://www.example.com/my-example-article-url-is-like.php#articlebottom
New URL Path:
http://www.example.com/my-example-article-url-is-like.php/#articlebottom
Another solution is that you'd have to delete both "www." from the domain and add a forward slash before the anchor tag in the URL/pathname before Safari would respond properly. Firefox doesn't seem to care, and I haven't gotten to testing on IE yet.
just doing my due diligence and answering for anyone who is having this problem with Index navigation links on a Squarespace page and Safari on iOS. My anchor links were not working when formatted as such:
http://sitename.com/page#anchor
Then I tried this to no avail:
http://sitename.com/page/#anchor"
Rather than give up, light my computer on fire, and call it a day I tried:
http://www.sitename.com/page/#anchor
And it worked! So cheers if this helps anyone.
I couldn't get it working with above solutions so hopefully I did my own workaround.
Purpose: Scroll to anchor "#issues" after navigating to URL "https://example.com/issues/"
Create link "https://example.com/issues?anchor=issues"
On page "https://example.com/issues" add js
<script>
if (window.location.href.search("anchor=issues") > 0) {
window.location.href= "https://example.com/issues/#issues";
}
</script>
Voila!
--
You can observe that after opening link "https://example.com/issues/#issues" Safari scrolls from anchor to the top of the page, then when you click to edit URL and hit submit button, you will be scrolled to anchor.
I hope they will fix it fast and after that they will add immediately push notification support.
Safari loses the anchor tag after redirecting. So avoid anything that leads to a (second) redirect.
use the full URL (http://...)
note if there is a redirect to www or not (www.domain...)
add a trailing / if there is no prefix like .html/.php (mypage/)
http://www.domain.tdl/mypage/#safari
Maybe it's useful to check for a redirect using tools like cURL
curl -I http://www.domain.tdl/mypage/#safari
I have been wrestling with this problem for a client of mine. I will not name names but I will share a solution I found which suddenly brought dead anchors links back to life and working on both the mobile and desktop versions of the site.
I had attributed the malfunction to an overabundance of page / site scripts and css which I can not change because while this site belongs to a local business it is part of a global corporate network which has its own protocols and best practices. In other words, I can specify inline styles to distinguish page elements but at the end of the day the page must conform to corporate guidelines and rules.
Here's a snippet of my code that embodies what I learned:
href="#anchorname" target="_top"
The key here is the target tag _top
According to http://www.w3schools.com/tags/att_a_target.asp the default target is _self and while your html generator may not write that specific bit of code into your pages which is to say that because it is the default IT DOES NOT HAVE TO BE SPECIFIED, my research has indicated that by specifying _top as the target the dead link problem was solved.
I hope this solution works for you.
mailto link is not working in Google Chrome browser (Ver:18.0.1025.152 m)
Send mail!
I used the above code in ff and chrome. It works fine in ff but not in chrome
And you can test this link also. I think it is problem with chrome settings. Anyone know how to change settings?
This is because chrome handles the mailto in different way. You can got to chrome://settings/handlers and make sure that which is the default handler. In your case it will be none. Now go to gmail.com. You should see something like this when you click on the button beside the bookmark button.
If you wish to open all email links through gmail then set use gmail. Now when you click on mailto button, chrome will automatically opens in gmail.
You can check which program is mapped to handle mailto: links by entering chrome://settings/handlers. It could well be that if the mailto: handler is somehow misconfigured, Chrome silently fails on mailto: links.
More information on handlers, including allowing websites to handle special links is available at http://support.google.com/chrome/bin/answer.py?hl=en&answer=1382847
For what it's worth, mailto: link in the W3Schools example works without problems with Chrome 19.0.1084.41 (Official Build 134854) beta-m and Outlook 2010 under Windows 7 Professional (64-bit).
It happens because your email default program doesn't working correctly.
This fixed mine .. Set your default email reader.
http://see.kirkstrobeck.com/VD7s
It is not because of the Chrome Settings...
Chrome is more specific for the Html and CSS, so your problem is probably that one of your 's is going over the link or image if you're trying to use an image as a mailto command.
Once you are on the page you are trying to make this work right click and choose "inspect element" and check if another element is going over your link...
Then in Css fix that and your mailto link will work...
Hope this helps
website design
Is there something I can put in the code for an HTML page I am making for Safari on iPhone to make a call when clicked on? Something similar to:
click to call
Try to remove // from your link, that is click to call
As Nava answered, remove // from your link.
But if you are using same web-application for desktop as well as mobile, then this won't work for your desktop and when you click on link, page will gone to "tel:XXXXXXXX". So this idea became fail.
Try using "callto" instead of "tel" like this
<a href='callto:1300111222'>Click to call</a>
Then if you are using mobile browser, then it will show call prompt and if you are using windows browser, then it will prompt you to call with "Skype" and any other related application.