Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

joomla template breaks when we add drop down menu

Posted on 2010-09-05
10
Medium Priority
?
378 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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 1500 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
Learn how to optimize MySQL for your business need

With the increasing importance of apps & networks in both business & personal interconnections, perfor. has become one of the key metrics of successful communication. This ebook is a hands-on business-case-driven guide to understanding MySQL query parameter tuning & database perf

 
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
 
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

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to security, close monitoring is a must. According to WhiteHat Security annual report, a substantial number of all web applications are vulnerable always. Monitis offers a new product - fully-featured Website security monitoring and pr…
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

721 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