ideas poppin’ out

August 28, 2005

We’re doin’ it, okay?

Filed under: Browser, Firefox

Ever got the feeling that we shouldn’t be seeing those ‘Spread firefox’ or ‘Get Firefox’ emblems? At least not, if we are using Firefox.

From now on, you shouldn’t be asked to do what you’ve already done. From now on, you will be thanked for your wise choice. From now on, you will be handled differently. You will see one of these:

Image that indicates you use firefox browser
Image that indicates you use firefox browser
Image that indicates you use firefox browser
Image that indicates you use firefox browser

And of course those who are still wandering on the path of the dark side will meet one of these:

Image that indicates you don't use firefox browser
Image that indicates you don't use firefox browser

So here’s the deal: we composed this little script and logo combo so you can give some love or some advice as neccessary. The script has two parts. The first one you insert inbetween your <head>…</head> tags. The second you put whereever you want the logo to appear!

<html>
<head>
//==================PART ONE==================//
<script language="javascript" type="text/javascript">

var HAVEFIREFOX = new Array();
var DOESNTHAVEFIREFOX = new Array();

// if you want to add a new HAS FIREFOX logo
// just copy-paste a line and overwrite the correct filename or URL path (http://...)
// like so: HAVEFIREFOX[cnt++] = 'my_other_file.gif';
cnt = 0; // but don't remove this line
HAVEFIREFOX[cnt++] = 'ffy1.gif';
HAVEFIREFOX[cnt++] = 'ffy2.gif';
HAVEFIREFOX[cnt++] = 'ffy3.gif';
HAVEFIREFOX[cnt++] = 'ffy4.gif';

// if you want to add a new DOESN'T HAVE FIREFOX logo
// just copy-paste a line and overwrite the correct filename or URL path (http://...)
// like so: DOESNTHAVEFIREFOX[cnt++] = 'my_other_file.gif';
cnt = 0; // but don't remove this line
DOESNTHAVEFIREFOX[cnt++] = 'ffn1.gif';
DOESNTHAVEFIREFOX[cnt++] = 'ffn2.gif';

// navigator selector
// from: http://javascript.internet.com/link-us.html
if (document.layers) {navigator.family = "nn4";}
if (document.all) {navigator.family = "ie4";}
if (window.navigator.userAgent.toLowerCase().match(/gecko/)) {navigator.family = "gecko";}
if (window.navigator.userAgent.toLowerCase().indexOf('opera') != -1) {navigator.family = 'opera';}

function spreadFfox() {
  if (navigator.family == "gecko") { // Firefox user
    var RANDOM = Math.floor(Math.random()*HAVEFIREFOX.length);
    document.write('<img src="' + HAVEFIREFOX[RANDOM] + '" style="width:150px;height:50px" />');
  } else { // definitely not Firefox user
    var RANDOM = Math.floor(Math.random()*DOESNTHAVEFIREFOX.length);
    document.write('<img src="' + DOESNTHAVEFIREFOX[RANDOM] + '" style="width:150px;height:50px" />');
  }
}

</script>
//==================PART ONE==================//
</head>
<body>
//==================PART TWO==================//
<script>spreadFfox()</script>
//==================PART TWO==================//
</body>
</html>

And this all will end like this:

If you like the idea presented so far you can download the 6 pictures and the sample HTML file in one tarball here!

And that’s what this site will be all about. New ideas, tips and tricks or treats or whatever. All the stuff we think that could happen…

by: kidnotkidding

Get free blog up and running in minutes with Blogsome | Theme designs available here