TOPIC: Display Issue

Hi, I've just subscribed to Hotspots and downloaded the stable version and installed it. In the back end I've configured the settings etc, added 1 categories and added a test location. Also added a menu item to the component.

In the frontend when I click on the menu to load the hotspots component I get the following in IE8 and Firefox.

As you can see the component looks all messed up, and the "Loading Block" never stops.

No errors in Firefox, but IE8 gives the following:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.3; .NET4.0C; .NET4.0E)
Timestamp: Wed, 1 Dec 2010 06:23:03 UTC


Message: 'jQuery' is undefined
Line: 70
Char: 1
Code: 0
URI: www.mtbiker.co.za/directory/all


Message: Object expected
Line: 13
Char: 5
Code: 0
URI: www.mtbiker.co.za/templates/mtb18/script.js


Message: Object required
Line: 221
Char: 2
Code: 0
URI: www.mtbiker.co.za/media/com_hotspots/js/hotspots.js


Message: Object doesn't support this property or method
Line: 1
Char: 47606
Code: 0
URI: www.mtbiker.co.za/plugins/system/mtupgrade/mootools.js

Any ideas?

Did you enter a Google API Key in Backend? (EDIT: Question doesn´t make sense, because FF is working as I read,)
Is javascript enabled within your browser?

Yeah javascript is enabled, both IE8 and FF have this issue, the grey "Loading Box" continues to rotate and stays on top of everything. When I click on center map position the map then the map comes up, but no markers and the "Loading Box" is still visible. Also the Add Hotspot Tab is below the map, instead of being the the correct "tab" position. Look here: www.mtbiker.co.za/directory

In the menu item that you have created - did you set the id of the category?

Also would you try turning the modules on the left off - just for test. I have the feeling that there is some kind of incompatibility with the jomsocial stuff and their jquery.

Firefox shows me this:
_cat is null
value.initialize();
www.mtbiker.co.za/components/com_community/assets/script-1.2.js

_cat is a js variable that hotspots use, but value.initialize(); is a function from jomsocial.

And js errors are something bad - they stop the execution of the component...

I have now disabled all modules for the page, still the same issue.

I have set the catergory id to 1.

I have also tried it at 2 and 3 as I have 3 categories.

Use firefox and install the plugin firebug for it. The open the page with firebug activated and you will see those errors:

jQuery is not defined
[Break On This Error] <!--[if IE 6]><link rel="stylesheet" ...xt/css" media="screen" /><![endif]-->
all (line 68)
jQuery is not defined
[Break On This Error] jQuery('html').addClass([(!(/opera...d)/.test(u)) ? ('ie ie' + RegExp.$1)

Those errors are not coming from hotspots, but they are preventing it from working as expected. You need to figure out which module is causing this. Or perhaps it is the template? Try it with a standard joomla template.

I've tried with beez & rhuk_milkyway templates and still the same problem.

I disabled most plugins as well and still no joy

Nice! No errors now. Or at least I don't see any. Would you publish one of the markers in the backend now?

also, go in the backend to global configuration -> at the system tab -> set error reporting to maximum -> tell us if any error messages pop up on the site.

And also turn on the debug function and tell us if any DB error is displayed when it is on. If everything is fine you can turn it then off again.

Looking further into this. I'm quite confused. Once the page loads you do the following queries:
www.mtbiker.co.za/index.php?option=com_h...tspot&format=raw
and the second one:
www.mtbiker.co.za/component/hotspots?tas...tspot&format=raw

This is actually the same query, but the second time it is transformed from your SEF component.

Also - what is the type of the menu that you've created for hotspots? Is it - show all or is it add hotspot?

Woot! Fixed, thanks, your last post pointed me in the right direction. I seems it does not play well with Joomsef. I changed the Active Handler to Not using SEF and all is good. Might be something to remember with others having a simular issue. Thanks again for the excellent support, will be sure to give a good review on extentions.joomla.org

Looks awesome!!! Next time I go to South Africa I'll check your website
Thanks in advance for the review

I'm having the same trouble remember when I wrote you Dan? I'm having some imaginary height pixel problem, which is not listed in HotSpots settings, not in the template settings as well

- it seems that "Add Hotspot" menu and whole 2nd tab is adding beneath the full map and that imaginary height is added by HotSpots. I cant find any setting showing me that my height is 2103px or something. Its randomly added by HotSpots.

Iki, really? I'm telling you that this is not hotspots.
go to templates/yoo_pute/js/template.js on line 35
Warp.Base.matchHeight('#mainmiddle, #contentleft, #contentright', 20);
you can go to the warp.js file and there you have your matchHeight function. Talk with yootheme about this or just remove line 35 and it is most probably going to work.

I am working on a site that I have installed hotspots on and the map shows up in all browsers except IE7 or IE8. Any idea how to fix this?

I tried turning off the SEF links but it didn't change anything.

sbmd.org/inthecommunity/shopping-a-dining.html

-Ted

Hey Ted,
I'm not really sure at that moment was is causing it, but looking at your page - you are loading twice jquery...
Once for jceutilities and once for mod_superfishmenu.

Try to turn those 2 off and check if the component is working properly after that.