TypeError: $ .browser undefined

Question

TypeError: $ .browser undefined

I am using msdropdown image combo box to create dropdown options. when i run this code locally on my pc everything works fine. But when I run it on go daddy servers, msdropdown becomes disabled.

It does not work in any browsers. Firebug displays the error as:

TypeError: $.browser is undefined

Please help me with this.

  echo <<<_START <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>profile</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta name="generator" content="HAPedit 3.1"> <link rel="stylesheet" href="profile.css" type="text/css"> <link rel="stylesheet" type="text/css" href="dd.css" /> <link rel="stylesheet" href="javascript/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.0.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.1.0.js"></script> <script type="text/javascript" src="jQuery.js"></script> <script src="javascript/jquery-ui.js"></script> <script type="text/javascript" src="javascript/drop.js"></script> <script src="jquery.dd.min.js"></script> <script type="text/javascript" src="jquery.blockUI3.js"></script> <script type="text/javascript" src="javascript/req.js"></script> <link rel="stylesheet" href="css/body.css" /> <script> $(function() { $( "#datepicker" ).datepicker({dateFormat: 'dd-mm-yy', minDate: 0, maxDate: "+0M +5D" }); }); </script> <script type="text/javascript"> <!-- function otherSelect() { var other = document.getElementById("otherBox"); if (document.getElementById("form3").place.options[document.getElementById("form3").place.selectedIndex].value == "other") { other.style.visibility = "visible"; } else { other.style.visibility = "hidden"; } } //--> </script> </head> <body id="body"> <div id="container"> <div class="header"> <a href="profile.php" class="logo"> <img title="Title" alt="Alter" src="images/logo.png" border="0" height="60px" width="200px"> </a> <a style="text-decoration:none; margin-top:15px; font-family:Bookman Old Style; font-size:12px; color:#FFFFFF; font-weight:bold;" href="logout.php?id='$session_id'" class="req"> Logout </a> <a href="notification.php?email='$encrypted_string'" class="req1"> <img border="0" title="Notifications" alt="Notifications" src="images/notification.png" height="60px" width="60px"><div class="text1">$numbr</div> </a> <a href="request.php?email='$encrypted_string'" class="req2"> <img border="0" title="requests" alt="Requests" src="images/request.png" height="60px" width="60px"><div class="text">$req</div> </a> </div> <div id="navigation"> <div id="picture"><img src="$img"> <h1 id="display" style="margin-left:30px;">$name</h1><hr> <table style="background-color:#81F781;font-family:Chaparral Pro,corbel; font- size:17px; color:#1C1C1C; width:100%;" border="1" cellpadding="25"> <tr><th>Requests($n)</th></tr></table> </div> </div></div> <div style="margin-top: 90px;" id="conte"> _START; echo <<<_START </div> <div id="accept" style="display:none"> <form method="post" id="form3" action="cnfrm.php"> <br><table border="0" style="width:100%;" cellspacing="4" cellpadding="4"><tr> <td style="font-family:Chaparral Pro,corbel; font-size:17px; color:#1C1C1C;">Meeting Date: <input type="text" id="datepicker" name="date"/></td> <td style="font-family:Chaparral Pro,corbel; font-size:17px; color:#1C1C1C;">@ about<input type="text" id="time" size="3">AM<input type="radio" name="time2" id="time2" value="am"> | PM<input type="radio" name="time2" id="time2" value="pm"></td></tr> _START; echo <<<H <tr><td valign="top" rowspan="2"> <select id="place" name="place" style="width:300px;" onchange="otherSelect()"> <option value="" data-description="Choose your meeting place" selected="selected">Meet me @</option> <option value="LC" data-image="image/msdropdown/icons/meet.png" data-description="Limbdi Corner">LC</option> <option value="VT" data-image="image/msdropdown/icons/meet.png" data-description="Vishwanath temple">VT</option> <option value="HG" data-image="image/msdropdown/icons/meet.png" data-description="Hyderabaad Gate">HG</option> <option value="DG Corner" data-image="image/msdropdown/icons/meet.png" data-description="Dhanrajgiri Corner">DG corner</option> <option value="Library" data-image="image/msdropdown/icons/meet.png" data-description="IIT Library">Library</option> <option value="other" data-image="image/msdropdown/icons/meet.png" data-description="Add your own...">Other place</option> </select> </td></tr> H;

This problem is resolved: msdropdown update and download the latest files.

Thanks everyone

+51

jquery jquery-blockui

user1972934 Feb 10 '13 at

source share

9 answers

daniel.moura · Answer 1 · 2013-07-05 18:39

just put the $ .browser code in js

 var matched, browser; jQuery.uaMatch = function( ua ) { ua = ua.toLowerCase(); var match = /(chrome)[ \/]([\w.]+)/.exec( ua ) || /(webkit)[ \/]([\w.]+)/.exec( ua ) || /(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) || /(msie) ([\w.]+)/.exec( ua ) || ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) || []; return { browser: match[ 1 ] || "", version: match[ 2 ] || "0" }; }; matched = jQuery.uaMatch( navigator.userAgent ); browser = {}; if ( matched.browser ) { browser[ matched.browser ] = true; browser.version = matched.version; } // Chrome is Webkit, but Webkit is also Safari. if ( browser.chrome ) { browser.webkit = true; } else if ( browser.webkit ) { browser.safari = true; } jQuery.browser = browser;

sdespont · Answer 2 · 2013-02-10 13:51

$.browser been removed from jQuery 1.9. You can use Modernizr instead

http://jquery.com/upgrade-guide/1.9/#jquery-browser-removed

UPDATE TO SUPPORT IE 10 AND IE 11 (TRIDENT VERSION)

To complete @ daniel.moura's answer, here is a version that supports IE 11 and +

 var matched, browser; jQuery.uaMatch = function( ua ) { ua = ua.toLowerCase(); var match = /(chrome)[ \/]([\w.]+)/.exec( ua ) || /(webkit)[ \/]([\w.]+)/.exec( ua ) || /(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) || /(msie)[\s?]([\w.]+)/.exec( ua ) || /(trident)(?:.*? rv:([\w.]+)|)/.exec( ua ) || ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) || []; return { browser: match[ 1 ] || "", version: match[ 2 ] || "0" }; }; matched = jQuery.uaMatch( navigator.userAgent ); //IE 11+ fix (Trident) matched.browser = matched.browser == 'trident' ? 'msie' : matched.browser; browser = {}; if ( matched.browser ) { browser[ matched.browser ] = true; browser.version = matched.version; } // Chrome is Webkit, but Webkit is also Safari. if ( browser.chrome ) { browser.webkit = true; } else if ( browser.webkit ) { browser.safari = true; } jQuery.browser = browser; // log removed - adds an extra dependency //log(jQuery.browser)

ritesh · Answer 3 · 2013-08-01 13:54

Just include this script

http://code.jquery.com/jquery-migrate-1.0.0.js

after you include javascript jquery file.

Paul Preibisch · Answer 4 · 2014-03-29 04:54

I put the following html in my code and this cleared the $ .browser error

 <script src="http://code.jquery.com/jquery-migrate-1.0.0.js"></script>

Hope this helps u

IanO.S. · Answer 5 · 2013-02-10 13:53

$ (). live (function () {}); and jQuery.browser undefined in jquery 1.9.0 - $ .browser deprecated in jquery update

it sounds like you are using a different version of jquery 1.9 in godaddy to either change your code or enable the migrate plugin http://code.jquery.com/jquery-migrate-1.0.0.js

ikuchris · Answer 6 · 2015-08-19 15:33

Replace jquery files with the following words:

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

Raja Ram T · Answer 7 · 2014-07-15 05:27

I decided to use it using the jQuery transition link provided below:

 <script src="http://code.jquery.com/jquery-migrate-1.0.0.js"></script>

Brian Morearty · Answer 8 · 2013-02-10 13:55

Somewhere, the code — either your code or the jQuery plugin — calls $.browser to get the current browser type.

However, at the beginning of the year, the $.browser function is deprecated . Since then, some errors have been filed against him, but since he is outdated, the jQuery team decided not to fix them. I decided not to rely on this feature at all.

I don't see links to $.browser in your code, so the problem probably lies in one of your plugins. To find it, look at the source code for each plugin that you referenced with the <script> .

How to fix it: well, it depends on the context. For example, maybe there is an updated version of the problem plugin. Or perhaps you can use another plugin that does something similar, but does not depend on $.browser .

Ankur Modi · Answer 9 · 2015-07-20 07:01

I decided to use this jquery for github

<script src="http://code.jquery.com/jquery-migrate-1.0.0.js"></script>

For more information see this link. https://github.com/Studio-42/elFinder/issues/469

TypeError: $ .browser undefined

More articles: