Jquery code breaks page Javascript

Question

I required a function to remove URLs from <a> divs found within <div class="rj_insertcode">. Not being familiar with with direction to tackle this, I eventually mustered up the following Jquery code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('div.rj_insertcode a').each(function() {
        $(this).replaceWith($(this).html());
    });  
});     
</script>
</head>

My site uses Joomla CMS and I was able to add the above script to the bottom of the template index.php. It works quite well and removes the links generated between the defined tags.

My problem:
Pages that also include JavaScript do not operate correctly. JavaScript appears to be disabled or not functioning.

What can I change to ensure JavaScript still operates correctly, or is there another method I could adopt?

there might be some other errors happening on the page due to your code which is breaking everything... — kobe
– kobe, Commented Dec 30, 2010 at 3:30
what do you mean by "Javascript appears to be disabled or not functioning."? — gianebao
– gianebao, Commented Dec 30, 2010 at 3:32

mikesir87 · Accepted Answer · 2010-12-30 03:31:51Z

8

Have you tried using jQuery(... rather than $(... ? That would be a first place to start. I'm not too familiar with Joomla, but I know many CMS's will put jQuery into noConflict mode, and try to keep things happy with any other javascript libraries that might be included.

answered Dec 30, 2010 at 3:31

mikesir87

1,7931 gold badge20 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Colum · Accepted Answer · 2010-12-30 03:31:53Z

2

Joomla uses Mootools, which does not work with jQuery and would cause your script to break on pages that use Mootools. You can try:

    window.addEvent('domready', function(){
    $$('div.rj_insertcode a').set('href','');
});

answered Dec 30, 2010 at 3:31

Colum

3,9241 gold badge25 silver badges26 bronze badges

4 Comments

chaimp Over a year ago

It's discussed here, with some solutions: forum.joomla.org/viewtopic.php?t=283215

Graham Over a year ago

This sounds quite likely Column.

Graham Over a year ago

How would I incorporate this into my index.php file? I am not familiar with MooTools.

Colum Over a year ago

The same as the jQuery. Just put it in the template. You would need to make sure Joomla loads mootools on all the pages, which might be a setting. Here is a good place to start (as I am sure that the code I provided wont do exactly what you wanted) mootools.net/docs/core/Element/Element

user554180 · Accepted Answer · 2010-12-30 03:32:15Z

0

What is the actual problem? Javascript is not being loaded, not executing or not executing correctly? You could use Firebug to get more info and/or paste some page source as it's shown in the browser where the problem is.

answered Dec 30, 2010 at 3:32

user554180

Comments

TechRemarker · Accepted Answer · 2011-01-08 18:24:09Z

0

Unlike most other modern CMS's such as Expression Engine, Drupal, or WordPress, Joomla loads MooTools in the Joomla head tag rather than jQuery. Using PHP to remove the MooTools can cause third party modules to break.

By default loading jQuery with MooTools causes the page to break. Use MooTools instead and you should be all set.

Cheers, Christopher

answered Jan 8, 2011 at 18:24

TechRemarker

2,98211 gold badges42 silver badges60 bronze badges

Collectives™ on Stack Overflow

Jquery code breaks page Javascript

4 Answers 4

Comments

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related