Skip to content

Instantly share code, notes, and snippets.

@lsitters

lsitters/jQuery: Browser detection

Created December 14, 2009 21:18
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save lsitters/256436 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save lsitters/256436 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. lsitters revised this gist Dec 15, 2009. 1 changed file with 4 additions and 4 deletions.
    8 changes: 4 additions & 4 deletions jQuery: Browser detection
    View file
    Original file line number Diff line number Diff line change
    @@ -1,11 +1,11 @@
    //A. Target Safari
    if( $.browser.safari ) $("#menu li a").css("padding", "1em 1.2em" );
    if( $.browser.safari ) {};

    //B. Target anything above IE6
    if ($.browser.msie && $.browser.version > 6 ) $("#menu li a").css("padding", "1em 1.8em" );
    if ($.browser.msie && $.browser.version > 6 ) {};

    //C. Target IE6 and below
    if ($.browser.msie && $.browser.version <= 6 ) $("#menu li a").css("padding", "1em 1.8em" );
    if ($.browser.msie && $.browser.version <= 6 ) {};

    //D. Target Firefox 2 and above
    if ($.browser.mozilla && $.browser.version >= "1.8" ) $("#menu li a").css("padding", "1em 1.8em" );
    if ($.browser.mozilla && $.browser.version >= "1.8" ) {};
  2. lsitters revised this gist Dec 14, 2009. 1 changed file with 18 additions and 0 deletions.
    18 changes: 18 additions & 0 deletions jQuery: Columns of Equal Height
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,18 @@
    function equalHeight(group) {
    tallest = 0;
    group.each(function() {
    thisHeight = $(this).height();
    if(thisHeight > tallest) {
    tallest = thisHeight;
    }
    });
    group.height(tallest);
    }

    /*
    Usage:
    $(document).ready(function() {
    equalHeight($(".recent-article"));
    equalHeight($(".footer-col"));
    });
    */
  3. lsitters revised this gist Dec 14, 2009. 1 changed file with 3 additions and 0 deletions.
    3 changes: 3 additions & 0 deletions jQuery: Image is loaded correctly
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,3 @@
    $('#myImage').attr('src', 'image.jpg').load(function() {
    alert('Image Loaded');
    });
  4. lsitters created this gist Dec 14, 2009.
    11 changes: 11 additions & 0 deletions jQuery: Browser detection
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,11 @@
    //A. Target Safari
    if( $.browser.safari ) $("#menu li a").css("padding", "1em 1.2em" );

    //B. Target anything above IE6
    if ($.browser.msie && $.browser.version > 6 ) $("#menu li a").css("padding", "1em 1.8em" );

    //C. Target IE6 and below
    if ($.browser.msie && $.browser.version <= 6 ) $("#menu li a").css("padding", "1em 1.8em" );

    //D. Target Firefox 2 and above
    if ($.browser.mozilla && $.browser.version >= "1.8" ) $("#menu li a").css("padding", "1em 1.8em" );
    11 changes: 11 additions & 0 deletions jQuery: Insert target _blank
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,11 @@
    /*

    The target="blank" attribute can be useful when you want a link to be opened in a new tab or window. Though, the target="blank" attribute is not valid XHTML 1.0 Strict.
    using jQuery, you can achieve the same functionality without having validation problems.

    */

    $("a[@rel~='external']").click( function() {
    window.open( $(this).attr('href') );
    return false;
    });
    1 change: 1 addition & 0 deletions jQuery: Load from Google
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
    8 changes: 8 additions & 0 deletions jQuery: Parse an xml file
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,8 @@
    function parseXml(xml)
    {
    //find every Tutorial and print the author
    $(xml).find("Tutorial").each(function()
    {
    $("#output").append($(this).attr("author") + "<br />");
    });
    }