Fade working on FF but not on IE

Question

It should fade-in some text when the search box gets focus. and fade-out on blur.

But it isn't working.

You can view source; I put the jquery code in the page.

score 1 · Accepted Answer · edited May 23 '17 at 12:19

1

In IE i get the javascript exceptions "google is undefined" and "jquery is undefined". I think in IE, the "google" reference fails which in turn aborts the script and such that the jquery reference also fails. So i would start by figuring out why the Google reference is failing in IE.

Here is an SO link, not sure if it applies to you:

Google is undefined

edited May 23 '17 at 12:19

Community

1
1

answered Sep 16 '09 at 21:29

intermension

2,593
2
18
14

i ended by having jquery on my server. and it fixed the issue :) thx – Sep 16 '09 at 21:38

score 1 · Answer 2 · answered Sep 16 '09 at 21:30

Instead of $(document).Ready you should use

google.setOnLoadCallback(function() {
  jQuery(function($) {
    // run your jQuery code in here after DOM has loaded
  });
});

This is becuase the jQuery takes time to load dynamically using google.Load();

You could replace the script to load the google library and the call to google.Load with the direct link to jQuery below carry on using $(document).Ready

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

Fade working on FF but not on IE

2 Answers2