Jquery and Joomla and RT templates
-
-
- Gordon Sutton
- Hero Rocketeer
- Posts: 327
- Thanks: 2
- Retired.
-
Does anyone know of a tutorial or a book or a website that shows how to use Jquery in Joomla? I have never tried to do so and would like to come up to speed before wasting time in experimenting.
Is it compatible with the RT templates.
I feel like I need a dunce hat!! - I probably did something wrong.
-
-
-
- 5942marine
- Sr. Rocketeer
- Posts: 118
- Thanks: 0
-
I do know, that if you want to use both mootools and jquery in the same template, you'll want to use the noconflict. I'm using both libraries on one of my phpbb3 rockettheme templates, seems to be working well.
Example:
var $j = jQuery.noConflict();
Then, you'll reference your jquery functions as such
$j(document).ready(function(){ }); -
www.newdgamez.com
www.ixtreme.net <Phpbb3 with Versatility 4>
-
-
-
- Rich Bean
- Elite Rocketeer
- Posts: 1194
- Thanks: 1
-
If you will be using a lot of third party extension that you don't want to re-write there's some good jquery includers in the JED that will load it in no conflict mode.
extensions.joomla.org/extensions/site-ma...te-performance/10236
Seems to work about 95% of the time. And there are others here.
extensions.joomla.org/extensions/core-enhancements/scripts
And Semer Fi Jarhead...(GySgt, 1 Each, retired)
R - My Sites:
Perth Website Design
Scuba Marketing
I'm a Henning Stalker!
-
-
-
- Michelle Diamond
- Hero Rocketeer
- Posts: 495
- Thanks: 3
-
Hi,
Neither of these extentions work for me. This is the code I have inserted in the html:
<script type="text/javascript" src=" poshconsulting.co.za/jquery.cycle.lite.1.0.min.js "></script>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j('#slideshow1').cycle();
});
</script>
The images show and work fine but they are "outside" of the layout - they should be in the showcase but actually cover the showcase and go into the utility area.
AND THEN the color chooser (using chrystalline) appears at the bottom - completely not supposed to be there or anywhere.. :shock:
poshconsulting.co.za
Any advice will be appreciated. Thanks. - Michelle
http://www.artifectcreative.co
-
-
-
- NZD - Jonathan
- Hero Rocketeer
- Posts: 436
- Thanks: 0
- CEO, NZD Securities
-
Did a check of that javascript file.
And that is totally outdated.
The latest update is 20 dec 2010, that is very new. And the updated version is 2.94.
You got the 1.0 version !!
So it's possible your file doesnt support noconflict, so i recommend to upgrade your script with the new javascript files found here = jquery.malsup.com/cycle/
There is a possibility with some smaller "hacks" to get this working seamless.
I have used the replacement ($ -> j) without noconflict specification. Works fine
-
Time to create page: 0.086 seconds