Solved

HTML/CSS/javascript Code that recognices the browser version

Posted on 2010-08-18
9
278 Views
Last Modified: 2012-06-27
Some code works for older browser versions, some doesn't. Is there a way to detect the version of the users browser and post a message like "To view this site in its full functionality, you need to download a newer version of your browser". Or even provide a link to that download if possible, depending on the different browser.
The proyect manager is demanding for full functionality in all versions but seams not to understand it's not always possible, I'm trying to provide an alternative solution.
0
Comment
Question by:victorcosta85
9 Comments
 
LVL 5

Expert Comment

by:ploftin
ID: 33465982
0
 
LVL 40

Expert Comment

by:gurvinder372
ID: 33465993
0
 

Author Comment

by:victorcosta85
ID: 33469082
Thanks for the links, but I kind of need a simplified solution, if I intended to read and learn about it, i wouldn't be using experts exchange for quick solutions.

So its a javascript issue, I'll post this message again in the proper zone.
Thanks again guys.
0
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 
LVL 1

Expert Comment

by:cyberpunk71
ID: 33469347
You say its a javascript problem. Is it browser specific? or Javascript version specific? If its browser specific, let me know what browser don't work and do work. If its a Javascript version specific then let me know what it is? I'll post some code when you give this.
0
 
LVL 16

Expert Comment

by:s8web
ID: 33469518
victorcosta,

Are you using a server language like php, coldfusion, or asp?
0
 
LVL 16

Expert Comment

by:s8web
ID: 33469839
This will work for IE versions less than 7. It would be more reliable to do this server side though. this should go in the head.

It will give the user an option to go to a link you specify, or otherwise say whatever you want to say.
<script type="text/javascript">
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ 
var ieversion=new Number(RegExp.$1) 
if (ieversion<=7)
document.write("Your browser is pretty old, some things just aren't going to work right. If you are interested in updating it, <a href='http://www.google.com'>click here</a>.")
}
</script>

Open in new window

0
 
LVL 16

Expert Comment

by:s8web
ID: 33469855
0
 
LVL 16

Accepted Solution

by:
s8web earned 500 total points
ID: 33469867
Oops, this shows ie7 users the message, my bad, should be:


<script type="text/javascript">
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ 
var ieversion=new Number(RegExp.$1) 
if (ieversion<=6)
document.write("Your browser is pretty old, some things just aren't going to work right. If you are interested in updating it, <a href='http://www.google.com'>click here</a>.")
}
</script>

Open in new window

0
 

Author Comment

by:victorcosta85
ID: 33472454
s8web, your code works perfect for IE. Thats the one that bothers me the most... Is there a similar code for safari?
The other browsers (chrome, mozilla,opera,etc usually are used by people that know what an update is).
Thanks!
0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Select only the top record in a left join 13 35
Botom of page is wrong color 5 11
flex div overflows its container 4 21
Forms that calculate points for wordpress 10 25
Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.
Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question