I hope there is someone out there that can help me. I am pulling my hair out with a problem for which I can find no logical explanation. The problem deals with Firefox 3.0, WordPress and components from the Ext JS library (http://extjs.com/
). I have modified a livesearch function from one of the Ext JS tutorials located at http://extjs.com/learn/Tutorial:Building-grid-with-livesearch-form--chapter-1
and am trying to integrate it with my WordPress website at https://www.sleepamazing.com/chiropractic/
. It works perfectly fine in IE 8, but in Firefox 3.0 it only displays two thin blue lines (see attached screenshot).
I thought maybe it might be some sort of conflict with WordPress so I went ahead and took a fresh instance of WordPress and set up the livesearch on the homepage, and it works with no significant problems that I can see (you can see it working on https://www.sleepamazing.com/associates/
). The only difference between the two sites is the subdirectories, both of which stem off of the main https://www.sleepamazing.com/
root directory, so I went ahead and positioned the files in the exact relative positions in each of the subdirectories, and set up the links in the header.php to be exactly the same in each file. I've included the Ext JS link information in both of the header.php files in the code that follows.
I cannot for the life of me figure out what in the world is going on. I even considered the possibility of it being a plugin that might have been giving me the problems, but upon deactivating all of the plugins, the problem still persisted.
Can anyone help me with this problem? As I say, it only seems to be occurring in Firefox. (Note: Firebug reports the following error:
this[name] is null
ug.js (line 16478)
onRender()(Object dom=div#searchWrapper id=searchWrapper, null)ext-all-debug.js (line 16532)
onRender()(Object dom=div#searchWrapper id=searchWrapper, null)ext-all-debug.js (line 30061)
ch.js (line 98)
(?)()()livesearch.js (line 183)
(?)()()ext-all-debug.js (line 1431)
IE 8 reports no errors.)
Thanks a million for your time and attention to this matter.
<link rel="stylesheet" type="text/css" href="../chiropractic/wp-includes/js/ExtJS/resources/css/ext-all.css" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
Ext.BLANK_IMAGE_URL = '../chiropractic/wp-includes/js/ExtJS/resources/images/default/s.gif';