3D Drop In Notifier Panel working in FF and Chrome but not in IE11

**glynne** · 08-21-2014, 06:44 AM

1) Script Title: 3D Drop In Notifier Panel v1.1

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/notifier.htm

3) Describe problem: I have the 3D Drop In Notifier Panel working beautifully in Firefox 31 and Chrome but it is not working in IE11 - the text appears at the top of the page without the styles applied and neither the open or close (toggle) works. The page url is http://test.frogwrite.co.nz/sama/2014/index.php and any assistance that could be provided will be most appreciated as this is another really cool script from DD. Thanks.

**Strangeplant** · 08-22-2014, 12:58 PM

I have not used this script, but it looks like the problem is the notorious IE cache problem. IE11 doesn't like ajax, and won't work right in most instances. Your ajax request is failing. So to fix the problem when using ajax in jquery, find the $.ajax({ line in notify.js and add a new line as

Code:

getajaxcontent: function(url){
		$.ajax({
			cache: false,
			url: url,
			dataType: 'html',

This should make it work.

BTW, you have a few typos in your html that should be corrected:
In line 173:

Code:

<div id="layer0">
<img src="images/header3_991_385.png" class="pc" width="991" height="385" border="0" alt="South Auckland Muslim Association Jamia Masjid Al Mustafa Front Entrance">

In line 375:

Code:

<img src="images/spacer.gif" class="pc" width="10" height="50" border="0" alt=""  / >  <br />
Posted by Webmaster on Thu 7 Aug 2014  (327 reads)<br />Last Updated 16/08/2014 4:44:08 p.m.
</td>
</tr>
</table>
</td>
</tr>
    </table>

And there may be others. I would suggest using FF to debug your code.

Also, you do not have a doctype, just a <html>, yet you use the trailing "/", indicating to me that you are writing xhtml. Hummm, should be one or the other, preferably html5. If you were to use an html5 doctype, IE8 would just ignore it and fall back gracefully. Perhaps you are using a html generator of some sort that is doing funny things.

Anyway, I hope this will shed some light onto controlling your problem.

**glynne** · 08-23-2014, 07:39 AM

Hi,

I've just completed a range of testing and have established that IE11 works fine if, and only if the two different dd scripts using jquery.min.js. (fadeslideshow & the 3D notifier) are separated out and the two calls for the different versions of jquery.min.js. occur immediately before the complete code that uses them. Your pointer to the ajax problem got us looking in the right place. Thank you.