Solved

HTML/CSS/javascript Code that recognices the browser version

Posted on 2010-08-18
9
277 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
 
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
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
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

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.

Question has a verified solution.

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

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

929 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

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now