Integrating Isotope js on Joomla 1.5 site - javascript

I am trying to integrate Isotope JS on Joomla 1.5 site. (I know it's old Joomla!)
https://www.buffalobrownies.com/?view=article&id=269
I got the code working fine on a test page on that domain (but outside of Joomla).
Inside Joomla, neither the JQuery nor vanilla JS seems to trigger.
With JQuery trigger code on, I get this error on Chrome Console:
Cannot read property 'isotope' of null
(With the vanilla JS script turned on I get a bunch of OTHER errors......)
So I'm guessing there is something wrong with the reference to $ but I'm not clued up enough to know what it is...
Any thoughts out there? Thanks for your help
(I have Jquery linked high up in the <head>, then Isotope JS link just after, then the isotope trigger JS before the bottom </body> tag)
Chris

So I discovered that it was Mootools in Joomla 1.5 that was causing the conflict.
(I just had to start taking lines of code out, one by one, until I found the one that made the difference).
I managed to find some code online that turned Mootools off for the front end, but kept it on for the back end.
Now I've managed to get the Isotope script working in my example. Now I just need to get it working with live data!

Related

Nivo Slider not working with wordpress

All of a sudden the nivo slider on one of our clients websites is not showing up at all: www.bedehouse.org
I have tried all sorts but cannot see why its stopped all of a sudden? We have not done any updates to wordpress or any of its plugins recently.
I can see using chromes "inpect element" feature that there is an error: "Uncaught TypeError: $(...).nivoSlider is not a function" but have no idea what it means.
Any helps or pointers in the right direction would be massively helpful.
You're loading two versions of jQuery. One is the copy WordPress is loading and the second is another.
Both are different versions (WP is loading 1.8.3 and you're loading 1.8.2). WordPress loads jQuery in noconflict mode and does not allow the use of the $ shortcut.
Remove the jQuery 1.8.2 call that you made and change all instances of $ to jQuery and try it.

Javascript Conflicts in Console for Wordpress Plugin Global Gallery

I hope you can help me to debug my conflicts on the site I am working on:
URL: http://metalotechnika.com
PW: 12345678
If you then go to http://metalotechnika.com/foto-galeri/foto-kangjella-hekuri/
You will find a gallery that isn't loading. Most probably due to javascript conflicts. Could you pint me in the right direction here?
You will find some errors in the console: "TypeError: jQuery(...).lcweb_lazyload is not a function"
I thougt, that it must be jQuery not loading correctly. But I already tested jQuery in my main.js, and is working. Don't know about this time.
Ok, found the problem.
jQuery is loaded 2 times. And this is were the conflict came from. I just removed jQuery from my functions.php because Wordpress already loads it's own jQuery and throws conflicts if it is loaded a separate different time.
Thanks anyway.

edgePreload.js conflicting with jQuery.ScrollTo

I am using Edge animate for a header on my webpage. I am trying to incorporate the slide effect from page to page utilizing the jQuery.ScrollTo plugin courtesy of Ariel Flesler. The problem is that when I include the
<script type="text/javascript" charset="utf-8" src="spolightest_edgePreload.js"></script>
the slide effect stops working. I have narrowed it down to this file so I know that this is causing the problem. Any one ever deal with this problem? Does anyone know a better way to accomplish the slide effect in a webpage. It is quite a large amount of javascript to include here, so here is my site that I am trying to make this work on. You can view the script there.
www.premierentertainmentevents.com
I've tried to call the javascript files in different order, including the hosted jquery library from google, include the jqueryscroll.js in the edge preload file..
I'm at a loss. Something is conflicting with something else and I have no idea what.
Any ideas are greatly appreciated. Thank you
One thing I can see from your page is that the scripts include order isn't correct right now.
You are including jquery after the adobe edge's includes, so that in the console I can see the errors:
Uncaught ReferenceError: jQuery is not defined /spolightest_edge.js:2
Uncaught ReferenceError: jQuery is not defined spolightest_edgeActions.js:8
I know you tried different things, but please include jquery above anything else so maybe I can see if other errors occur.

Need help debugging - IE not displaying jquery background slider on website

I've had this problem for over a month and client isn't paying me until it's fixed.
The website is: http://www.cardwells.co.nz
I'm using WordPress as the CMS with a template and some custom work.
The template comes with a slider background inbuilt which works in all browsers except IE.
I'm also using http://www.smoothdivscroll.com/clickableLogoParade.html for the scroller at the bottom.
Basically I have no clue WHY it's not working in IE - everything seems like it should be working. I've run the site through w3 checker and used that IE specific CSS files - but no dice.
Please help.
There was no real solution - really =\ I disabled, removed, reuploaded and reenabled the template. Either a file was a miss or a DB connection error somewhere along the line. So stupid.

Problem with jQuery in IE8 with Fancybox

I recently aquired an old website (we're talking tables, image maps, you name it).
I was asked to make an old link to a Flash gallery into a lightbox. I simply used a javascript: openLightbox() on the gallery link (top right corner). I know, I know, but it doesn't seem out of place on this site.
Anyway, I also include a JavaScript file scripts.js, which
Includes jQuery and CSS files for fancybox.
Use AJAX to get some JSON of image filenames
Create a hidden unordered list on the page with links to the images from JSON
Attach the fancybox method to these images
Then, on the openLightbox() I simply call the click() function on the first link.
Nice and easy, I thought. It worked like a charm in Firefox. Then my arch nemesis decided it didn't want to play ball. That's IE7/8.
I've had the IE8 Developer Tools out for a while but haven't been able to figure it out.
The only error I'm getting is "v is null or not an object" which is referencing the minified/packed jQuery code on Google's CDN. Obviously that's not the problem, so does anyone have any idea what is wrong here?
Here is a link to the page: http://edgewaterterraces.com.au/
Also...
script.js file
Thank you very much for your time.
UPDATE
Wow, it seems to work on this page. What gives?
You are embedding both jquery and script.js twice on the front page.
Once in line 12, once in line 27.

Categories

Resources