External Jquery Code

Permalink 1 user found helpful
How can I include external jquery coding into Concrete5? I've tried using the blocks & failed. Can I use blocks or would I have to put the coding into the php default pages?

josiebaby
 
Steevb replied on at Permalink Reply
Steevb
Hi Josie,

Put your jquery in the head of your theme or call it from the head. But be careful it doesn't interfere with the C5 stuff.

C5 calls jquery by default, do you have 'special' files you need to include?

Regards

Steev
josiebaby replied on at Permalink Reply
josiebaby
Sorry for taking so long to reply back but this is the script I'm trying to use:http://spyrestudios.com/how-to-create-a-sexy-vertical-sliding-panel...

It's a vertical sliding panel.
josiebaby replied on at Permalink Reply
josiebaby
[code]<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$(".trigger").click(function(){
$(".panel").toggle("fast");
$(this).toggleClass("active");
return false;
});
});
</script>[code]
Steevb replied on at Permalink Reply
Steevb
Hi,

I'm in the UK, only just got up.

Will download, install and see if I can get it to work.

Will report back later
Steevb replied on at Permalink Best Answer Reply
Steevb
Hi,

Don't use first line, C5 does that bit for you.
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>



Put next bit in the head of theme/template page, one way is to put it in just before the </head> tag.
<script type="text/javascript">
$(document).ready(function(){
$(".trigger").click(function(){
$(".panel").toggle("fast");
$(this).toggleClass("active");
return false;
});
});
</script>


Modify content and CSS to suit your website, your then good to go.

Steev
josiebaby replied on at Permalink Reply
josiebaby
WOW! Thank you! you rock!!!!!
Steevb replied on at Permalink Reply
Steevb
Hi Josie,

No, thank you.

I'm actually now looking at putting the pop-out panel on a site for a client to enable a visitor to change language.

Lovely Jubbly....
josiebaby replied on at Permalink Reply
josiebaby
Ok what about integrating "pretty photo" or "bump box", can these be done the same way?

PrettyPhoto:http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lig...

Bumpbox:http://www.artviper.net/website-tools/bumpbox-lightbox.php...
Steevb replied on at Permalink Reply
Steevb
In theory yes, just test first.

To much javascript can conflict and mess things up.