fragmente » jquery

jQuery badBrowser Update Version 1.4

blumentritt — Tue, 18 May 2010 16:22:19 +0000

Time is running …

Hello!

Today you can download my new version from “jQuery badBrowser Script” . Why and how it works you can read in my last articles:

After several comments to the missing MSIE 5.5 detecting i decided to update my script and tell you my solution:

I have tested several ways to use JavaCcript/jQuery and useragent identification.

// special Testcheck for dirty Microsoft Internet Explorer 5.5
 if (userAgent.indexOf("MSIE 5.")>=0) {
 return true;
 }

Nothing happens. Mostly the Browser doesn’t work with JavaScript or displays many errors.
MSIE 5.5 is very old and in my opinion it’s enough to detect IE 6.0. In special cases you may use conditional comments like this:

The actually jQuery library is 1.4.2, since version 1.3 the jquery.browser command is deprecated, but on the website you can read:

The $.browser property is deprecated in jQuery 1.3, but there are no immediate plans to remove it.

My small Changelog:

update the browser version support, alert if smaller then:
- Firefox < 3 .0
- Opera < 9.5
- Safari < 4.0
- Google Chrome < 3.0
- MSIE < 8.0
German warning language

Please comment this Post for hints, tricks and more … have fun!

badBrowser Version 1.4 ( 172x )

UPDATE 19.05.2010: Now you can also find a minimized .js Version in the download-zip (Thanks to fleshgrinder). Nice javascript compression tool.

How to code a jQuery slider menu

blumentritt — Sun, 21 Mar 2010 13:25:54 +0000

How to …

I show you a nice jQuery snippet for a smoothy slider menu.

This was my first jQuery experience – if you find some tuning options, tell me please!

Here you can see my script in Action: http://www.gyn-endoskopie.de/

/**
 * @author team noir GbR
 * simple slide-out Menu
 * www.gyn-endoskopie.de
 * Version 1.5 - 11.01.2010
 */
$(document).ready(function() {
 //on first loading, hide the submenu
 $(".subul li").hide();
 //show active sub element, after paging
 $(".active").parent().parent(".subul").css('margin-top', -4).children("li").show(".subul li");

 //Actionhandling
 //click on menu
 $(".slide").click(function(){

 //only one submenu is allowed to show
 $(".angeklickt li").slideUp("fast");
 $(".angeklickt").removeClass("angeklickt");
 //close other open submenus
 $(".active").parent().parent(".subul").children("li").slideUp(".subul li");

 //mark heading ul
 $(this).next("ul").addClass('angeklickt');

 //show marked submenu
 if ($(".angeklickt li").is(":hidden")) {
 $(".angeklickt li").slideDown("slow");
 $("ul.angeklickt").css('margin-top', -4);
 return false;
 }
 //close/slide submenu
 else {
 $(".angeklickt li").slideUp("slow");
 $("ul.angeklickt").css('margin-top', 0);
 $(this).next("ul").removeClass("angeklickt");
 return false;
 }
 });

});

this is the menu source code:



Startseite
Zur Person
Operationen
 Operationsspektrum
   OP-Aufklärung
   OP-Patienteninfos
   Anmeldung
 Novasure/Goldnetz
 

Tagesklinik
Kontakt
 Schreiben Sie uns
   Anfahrt mit dem Auto
   Wegbeschreibung

System information:

TYPO3 4 CMS
YAML 3.1
CSS 2/3
XHTML 1.0
http://www.gyn-endoskopie.de/

greetz!

Release: bad Browser – new Version 1.3

blumentritt — Sun, 26 Jul 2009 17:20:45 +0000

Release

Hi there …

today we finished the tests for our updated badBrowser version. More information about our ideas and sources for this script you will find here.

Changelog:

Google Chrome detect, warning < version 2.0
new Safari detecting mode

The userAgent from Safari and Chrome are very similar because both of them use webkit. So detecting is more difficult but works fine now in version 1.3

Thanks to chobo2 and fleshgrinder

Have fun and tell us your thoughts

NEW VERSION: 1.4
badBrowser Version 1.4 ( 172x )

Fight old Browsers – Warning with jQuery

blumentritt — Fri, 19 Jun 2009 17:45:37 +0000

Block the Internet Explorer 6 and other old browsers with a small Warning-div

Hi there,

in the last days we relaunched our website (www.team-noir.net). We used the CSS Framework YAML and create a small website (6 pages). But i spent 4 hours just for bugfixing the fxxxx Internet Explorer 6.0 and 5.5

They don’t know variables heights or transparent png’s … certainly you know this!

I was so angry about loosing this time for old, silly and unsecure browers …

So we decided to implement a small but important WARNING to all users with old browsers. I found a very nice script on think2loud.com

I just extended the browser-detection, you will find the hole skript >>here<<:

function badBrowser(){
if($.browser.msie && parseInt($.browser.version) <= 6){ return true;}
if($.browser.opera && parseInt($.browser.version) <= 9) { return true;}
if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){
var ffversion=new Number(RegExp.$1)
if (ffversion<=2) { return true;}}
if ($.browser.safari && (navigator.appVersion.indexOf("1") != -1) ){return true;}
if ($.browser.safari && (navigator.appVersion.indexOf("2") != -1) ){return true;}
if ($.browser.safari && (navigator.appVersion.indexOf("3") != -1) ){return true;}
return false;
}

There are a few ways to detect the browser and correct version. Most problems i had with Safari – because i cant’t find any stand-alone Version-Code – so i had to workaround … and built 3 queries.

If you have an better an easier idea – please let me know!

You can check our Sites now with “old” Browsers (IE <=6, Opera <9, Safari <=3, Firefox <=2) and see what happens …

… Martin

UPDATE (25.06.2009):

I have a new version for browser detecting. Now the “Opera Problem” is solved, every Opera <= Version 9.5 gets now the Warning-Popup, and not all 9.x versions.
(Thanks to Ulf )

function badBrowser(){
    if($.browser.msie && parseInt($.browser.version) <= 6){ return true;}                  //IE ab ver. 6.0

    if($.browser.opera && ($.browser.version *10) <= 95) { return true;}                //Opera ab ver. 9.5

  if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){
    var ffversion=new Number(RegExp.$1)
    if (ffversion<=2) { return true;}}                                                   //Firefox ab ver. 2.0

    if ($.browser.safari && (navigator.appVersion.indexOf("1.") != -1) ){return true;}    //Safari ver. 1.0
    if ($.browser.safari && (navigator.appVersion.indexOf("2.") != -1) ){return true;}    //Safari ver. 2.0
    if ($.browser.safari && (navigator.appVersion.indexOf("3.") != -1) ){return true;}    //Safari ver. 3.0

    return false;
}

UPDATE:

new badBrowser Version released !!!

badBrowser Version 1.4 ( 172x )

more information