Search jQuery

jQuery Forum

Problem with "switch case!"

in Getting Started • 10 years ago

I am trying to write a script that will detect the a persons browser version.

Basically, if they have an old browser the script will serve up a homemade alert, that will direct them to a link to update their browser.

So I wrapped it an anonymous function like so, using a switch statement. I only did one to see if would even recognize it...And it doesn't. I know there's a controversy over browser detection but I am new to javascript and just trying to get some practical uses to understand the language better...

$(function(){
var browser = navigator.userAgent;
switch(browser.indexOf("Firefox/12") {
case "Firefox/12":
$('#browserDetectcontainer').load('browserUpdate.html #browserDetect');
$("#browserDetectcontainer").on("click",".close",function(){
$("#browserDetectcontainer").empty();
return false;
}); // end browserDetecter
break;
});// end of document ready

Any help would be great!

Replies(5)

jakecigar

Re: Problem with "switch case!"

10 years ago

Your question haunted me all night. Here’s a demo of how I would do it. I decided to use jQuery UI for the dialog because it’s easy and it looks good. I’ll gladly explain any part you don’t understand.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
<script type="text/javascript">
;(function fixUpjQueryBrowser(){
var userAgent = navigator.userAgent.toLowerCase();
if(/chrome/.test(userAgent)) $.browser.chrome = true
if($.browser.chrome){
$.browser.version = userAgent.match(/chrome\/([\d.]*)/)[1]
delete $.browser.safari
}else if($.browser.safari){
$.browser.version = userAgent.match(/version\/([\d.]*)/)[1]
}
var minLevel={
safari:5,
chrome:18,
opera:12,
msie:9,
mozilla:12
}
$.each(minLevel,function(i,v){
if ($.browser[i] && parseFloat($.browser.version)>=v){
$.browser.isCurrent=true
return false
}
})
})()
$(function(){
if (!$.browser.isCurrent) $('<div id="upgrade"><\/div>').load('upgrade.html').dialog({ width: 600 })
})
</script>
<title>browser level</title>
</head>
<body>
</body>
</html>

http://home.jejaju.com/play/browserlevel/

JΛ̊KE

718bklynq..

Re: Problem with "switch case!"

10 years ago

Hey thanks for the input. I downloaded Firefox 9, and I put in the above to test it and to test it out..but got this...

jakecigar

Re: Problem with "switch case!"

10 years ago

Do you have the ajax’d file on your server?

JΛ̊KE

718bklynq..

Re: Problem with "switch case!"

10 years ago

I tried to load it up on my live server, not sure what's going on...

I commented the code below with some questions...

Thanks in advance for the help breaking stuff down!

Ant

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
<script type="text/javascript">
;(function fixUpjQueryBrowser(){
// Why is the userAgent in the first "if" being changed into a string?
var userAgent = navigator.userAgent.toLowerCase();
// Not sure what is happening here?
if(/chrome/.test(userAgent)) $.browser.chrome = true
if($.browser.chrome){
$.browser.version = userAgent.match(/chrome\/([\d.]*)/)[1]
delete $.browser.safari
}else if($.browser.safari){
$.browser.version = userAgent.match(/version\/([\d.]*)/)[1]
}
var minLevel={
safari:5,
chrome:18,
opera:12,
msie:9,
mozilla:12
}
// I know minLevel is an Array, why are you passing i,v into the function?
$.each(minLevel,function(i,v){
if ($.browser[i] && parseFloat($.browser.version)>=v){
$.browser.isCurrent=true
return false
}
})
})()
$(function(){
if (!$.browser.isCurrent) $('<div id="upgrade"><\/div>').load('upgrade.html').dialog({ width: 600 })
})
</script>
<title>browser level</title>
</head>
<body>
</body>
</html>

jakecigar

Re: Problem with "switch case!"

10 years ago

$.browser.safari included Chrome as well. $.browser.version is the webkit version, not the chrome or safari version. fixUpjQueryBrowser changes it around so that

$.browser.safari is safari only.
$.browser.chrome is chrome only.
$.version is the manufacturer version, not webkit version.

minLevel is an Object. $.each iterates through it. i & v are the key and value for each element of minLevel.

on line 44, I load "upgrade.html" into the dialog. That file must exist on the server. You originally called it "browserUpdate.html"

JΛ̊KE

Top Reply

Response title

Attachments

jQuery Forum

Problem with "switch case!"

Replies(5)

Re: Problem with "switch case!"

Re: Problem with "switch case!"

Re: Problem with "switch case!"

Re: Problem with "switch case!"

Re: Problem with "switch case!"

Statistics

Tags

Actions

Related Posts