Introduction
It is essential to have your users operate a browser that supports an appropriate standard on how things are displayed and how things function. Free the Foxes is FREE and is roughly only 25K in size (including JS, CSS and images) and is almost completely customizable.
Free the Foxes is a script you add to the bottom (before the closing body tag) of your webpage. When a user who visits your site is not using an appropriate browser, he then is displayed a popup that suggests downloading and operating another more appropriate browser.
To see this in action, click the "Check" link below.
What we need
1. IE9 Testers
2. More Languages
3. Interface Designers
Installation
Simple Install
To install, include the following scripts at the bottom of your pages. Just before the closing body tag:
<script src="http://freethefoxes.googlecode.com/svn/trunk/latest.v2.js" type="text/javascript" charset="ISO-8859-1"></script>
<script type="text/javascript" charset="ISO-8859-1">
var ftf = new ftf();
ftf.init();
</script>
Advanced Install
Below the script include create a new script tag and the following are variables that you can set to customize it.
<span id="ftf_link"></span>
<script src="http://freethefoxes.googlecode.com/svn/trunk/latest.v2.js" type="text/javascript" charset="ISO-8859-1"></script>
<script type="text/javascript" charset="ISO-8859-1">
var ftf = new ftf();
// This would be the actual instance name. Look at the var name above.
ftf.instance_name = "ftf";
// We currently only have three sizes. "large" = 48x48, "regular" = 32x32, "small" = 16x16.
// All other values will default to regular.
ftf.icon_size = "large";
// This will write the HTML to a specific object on the page.
ftf.output_to = "ftf_link";
/*
This feature is a Version 2.0 feature. It is the upgrade of the previous localization option.
This must be a valid JSON file with the appropriate language translations. You can find the English version here:
http://freethefoxes.googlecode.com/svn/trunk/lang/en.json
You must upload the language JSON file to your website for use. (ie. ftf.lang_external = "includes/cs.json";)
Please refer to our localization section below for all the languages already translated.
*/
ftf.lang_external = ""; /*
If users browser has a 3(failed) rating.
Would you like the script to automatically popup onload?
The default value is true.
*/
ftf.onload = true;
/*
You can download our default css here: http://code.freethefoxes.com/latest.css
*/
ftf.css_external = "http://freethefoxes.googlecode.com/svn/trunk/latest.v3.css"; /*
The following are the three different approval levels you may set to specific browsers:
1 = Pass/Recommended
2 = Pass/Acceptable
3 = Fail Any other number will return an error.
The following are the default values for each browser but can be easily changed by
resetting the values using the following method.
*/
ftf.rate = {
"firefox" : 1,
"chrome" : 1,
"opera" : 2,
"safari" : 1,
"ie6" : 3,
"ie7" : 3,
"ie8" : 2
};
/*
The following are the default values for each browser icon. Version 3.0 requires you to host your own icons.
You can download a zip of all the icons above.
*/
ftf.icons = { "firefox" : "icons/32/firefox.gif",
"chrome" : "icons/32/chrome.gif",
"opera" : "icons/32/opera.gif",
"safari" : "icons/32/safari.gif",
"ie6" : "icons/32/ie6.gif",
"ie7" : "icons/32/ie7.gif",
"ie8" : "icons/32/ie8.gif"
};
// Execute
ftf.init(
);
</script>
