Run Custom Jquery for a particular category

Hello,

I have a category that has an iframe. I've been able to apply some custom styling to that category by creating a new stylesheet: c_28_34.css, this works very well.

I also want to run a bit of custom Jquery code, specific to this category.

Is it possible to create a custom script that only applies to a certain category ?

Regards,
Stephen

Cant you just call the Jquery from the category description html so it only runs on that cat?

Yes, I could do that alright, thanks for the reply.

Quote:

---

Originally Posted by stephenconnolly

Is it possible to create a custom script that only applies to a certain category ?

---

You have several options to run jQuery scripts for a specific category. More specifically the jQuery…

It may seem as if I'm getting of the subject but give me a chance to explain.

If you are running jQuery site wide, I would use the following code to grab jQuery from Google with a fallback if necessary:

Code:

---

<!-- grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<?php echo '<script type="text/javascript" src="' . DIR_WS_TEMPLATE . 'jscript/libs/jquery/1.7.1' . '/jquery-1.7.1.min.js"><\/script>'; ?>')</script>

---

You could add the above code to a new file named jscript_whatever.php adding it to the script folder of your custom template or even better in my opinion, add this code to your html_header.php and add it to the common folder of your custom template. Keep in mind that jQuery has to run before any "jQuery" scripts therefore, if modifying html_header.php, place it immediately after the last code for css.

You can then add a conditional code for your category to a jscript_whatever.php in your custom script folder:

Code:

---

<?php if ($current_page_base == 'index' and $cPath == '' or $cPath == '3') { ?>
<script type="text/javascript">
    $(document).ready(function () {
        // Your Code Goes Here
    });
</script>
<?php } ?>

---

If you are running jQuery only for that category simply combine what I just talked about to again a jscript_whatever.php in the following manner:

Code:

---

<?php if ($current_page_base == 'index' and $cPath == '' or $cPath == '3') { ?>
<!-- grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<?php echo '<script type="text/javascript" src="' . DIR_WS_TEMPLATE . 'jscript/libs/jquery/1.7.1' . '/jquery-1.7.1.min.js"><\/script>'; ?>')</script>
    <script type="text/javascript">
        $(document).ready(function () {
            // Your Code Goes Here
        });
    </script>
<?php } ?>

---

Hope that helps...