All geek questions in one place

How to replace a hyperlink based on useragent mobile device

I have the following html that determines if useragent is from a Blackberry device. I would like to know how to replace the download URL with a specific one for the device, that is, I would like to direct the user to download to the 9800 device if its device is 9800. please, can anyone help?

<!DOCTYPE html> <html> <body> <script type="text/javascript"> var ua = navigator.userAgent; document.write("BB OS Version :: " + ua); if (ua.indexOf("BlackBerry") >= 0) { if (ua.indexOf("Version/") >= 0) { // ***User Agent in BlackBerry 6 and BlackBerry 7 Verposition = ua.indexOf("Version/") + 8; TotLenght = ua.length; document.write("BB OS Version :: " + ua.substring(Verposition, Verposition + 3)); } else {// ***User Agent in BlackBerry Device Software 4.2 to 5.0 var SplitUA = ua.split("/"); document.write("BB OS Version :: " + SplitUA[1].substring(0, 3)); } } </script> <br> <a href="http://mysite.com/download">Download</a> </body> </html>
+4
source share
2 answers

I hope this helps, and I fully understood what you are asking. all the best.

 <!DOCTYPE html> <html> <head> </head> <body> <a href="#" id="theLink">Download</a><br> <script type="text/javascript"> function set_url(id, url) { document.getElementById(id).href = url; } var ua = navigator.userAgent; document.write("BB OS Version :: " + ua); if (ua.indexOf("BlackBerry") >= 0) { if (ua.indexOf("Version/") >= 0) { // ***User Agent in BlackBerry 6 and BlackBerry 7 Verposition = ua.indexOf("Version/") + 8; TotLenght = ua.length; document.write("BB OS Version :: " + ua.substring(Verposition, Verposition + 3)); set_url("theLink", "http://www.google.com"); // go to User Agent in BlackBerry 6 and BlackBerry 7 url } else {// ***User Agent in BlackBerry Device Software 4.2 to 5.0 var SplitUA = ua.split("/"); document.write("BB OS Version :: " + SplitUA[1].substring(0, 3)); set_url("theLink", "http://www.yahoo.com"); // go to User Agent in BlackBerry Device Software 4.2 to 5.0 url } } </script> </body> </html>
0
source

If you only need a specific style for your download button, just add a class if it's Blackberry, and pick it up if it isn't.

0
source

Source: https://habr.com/ru/post/1435052/

More articles:


All Articles