Solved

joomla template breaks when we add drop down menu

Posted on 2010-09-05
10
350 Views
Last Modified: 2012-05-10
Hello,

We created a javascript drop down menu (select country) which uses jquery, for some reason when we drop it into our joomla template via a custom HTM module it breaks.

We recieve the following errors from IE however we cant figue out what is happening.

Message: 'this.$events[...].keys' is null or not an object
Line: 47
Char: 978
Code: 0
URI: http://www.mazero.com/media/system/js/mootools.js


Message: Object doesn't support this property or method
Line: 73
Char: 1
Code: 0
URI: http://www.mazero.com/media/system/js/caption.js


Message: 'null' is null or not an object
Line: 12
Char: 2
Code: 0
URI: http://www.mazero.com/index.php

Please see http://www.mazero.com/index.php (select country menu top right position).

Any help or suggestions greatly appreciated.
0
Comment
Question by:PlumInternet
  • 5
  • 4
10 Comments
 
LVL 22

Expert Comment

by:kadaba
ID: 33605976
since you are using both mootools and jquery there will be a conflict for the $, since you have added jquery recently into the module use the noconflict function which will free the $ for mootools usage..

http://api.jquery.com/jQuery.noConflict/

try and see if this solves the problem
0
 

Author Comment

by:PlumInternet
ID: 33606089
We gave it ago with no luck.
0
 
LVL 22

Accepted Solution

by:
kadaba earned 500 total points
ID: 33606211
you have to include this after the jquery js has been loaded it will at least remove those errors.

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function()
{
	jQuery('#country_menu').clickMenu({arrowSrc:''}); 
});
</script>

Open in new window

0
 
LVL 22

Expert Comment

by:kadaba
ID: 33606217
I was able to get rid of the errors, I just tried... check the attached file. I am not sure about the mootools error though.

mazero.html
0
 

Author Comment

by:PlumInternet
ID: 33606224
Hey Kadaba,

That has resolved the errors however the menu drop down doesnt fold up.

Thanks
0
Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

 
LVL 22

Expert Comment

by:kadaba
ID: 33606262
the menu is proper but hiding behind the search... try putting the menu (just for testing) somewhere else on the page. say near the client login and check
0
 

Author Comment

by:PlumInternet
ID: 33606286
We have moved it to the logo position but with no luck
0
 
LVL 22

Expert Comment

by:kadaba
ID: 33606336
I was actually checking in FF and it works... even the file which i sent last, i changed the position of the menu and it worked... So there must be something which is pranky.. I ll have a look at it bit later.. or you can open a new question for that ans see if any one comments.. keep this open until its fixed.
0
 
LVL 7

Expert Comment

by:Vimal DM
ID: 33633914
Hai,

I too had an experience with design when using "mootools.js".

I suggest you not to go for "mootools.js" source,kindly refer some other jquery file to implement your functionality.

mootools.js - contains default setting,names and tags which will affect the our way of doing design issues.

Thanks
0
 

Author Closing Comment

by:PlumInternet
ID: 33657552
This partially resolved the issue, there was also problems with the CSS.
0

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

Author Note: Since this E-E article was originally written, years ago, formal testing has come into common use in the world of PHP.  PHPUnit (http://en.wikipedia.org/wiki/PHPUnit) and similar technologies have enjoyed wide adoption, making it possib…
I've been asked to discuss some of the UX activities that I'm using with my team. Here I will share some details about how we approach UX projects.
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…

705 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now