I begin this discussion knowing full well this is a question only a themer could ask, but how do you get a jQuery plugin to function? Seemingly all the work has been done and the whole idea of plugins is they...well...plug in. Despite this simplicity the procedure still eludes me. I'm currently struggling with jScroller2.I'm running Drupal 6.2, Apache 2.2.8, PHP 5.2.5, through WAMP 2.0 on an XP SP2 box. Don't know if this sort of thing is better placed in the forums, but I thought the JavaScript group would be more likely to understand a solution.
1) I copied and renamed Garland to sites/all/themes/scroller updated the .info file and installed the theme successfully.
2) I added jscroller2-1.0.css to the theme folder
3) To template.php I added
drupal_add_js(path_to_theme().'/jscroller2.js', 'theme');
drupal_add_css(path_to_theme().'/jscroller2-1.0.css', 'theme', 'all', TRUE);
$styles = drupal_get_css();4) I created sites/all/scripts and added jscroller2-1.4.js to it.
5) I entered html copied from the demo site to the body of my node (input format set to 'Full HTML')
<div id="scroller_container">
<div class="jscroller2_up">
<ul><li>123</li>
<li>123</li>
<li>123</li></ul>
</div>
</div>6) The Browser recognizes the .css
<link href="/drupal-6.2/sites/all/themes/scroller/jscroller2-1.0.css?8" media="all" rel="stylesheet" type="text/css">and .js
<script src="/drupal-6.2/sites/all/themes/scroller/jscroller2.js?8" type="text/javascript">7) Firebug tells me the div has the correct .css applied.
UL list appears...no scrolling. What did I do wrong?
Thanks!
-NP
PS: I think the best thing for Drupal is to get us artsy-fartsy access to jQuery. Seriously, I've easily put 10+ hours into this and just can't figure it out.
Comments
The fact that the script tag
The fact that the script tag is being output does not mean the script itself has been found. You say you copied the script, which is called jscroller2-1.4.js, to sites/all/scripts/, but in your drupal_add_js() call you're looking for the script in your theme folder, and with the name jscroller2.js. Unless you copied a file called jscroller2.js to your theme folder, this drupal_add_js() call isn't going to find the plugin.
First step, I would say use Firebug to make sure that the script tag is actually retrieving the required script and not a "Page not found".
The system you are running,
The system you are running, as well as version of Drupal have nearly nothing to do with why a plugin will or will not function correctly. That being said you will want to verify that you have the correct version of jQuery that the plugin specifies, you may want to install the jquery_update module (http://drupal.org/project/jquery_update). JavaScript compatibility is always a huge bitch, good luck :)
Vision Media - Victoria BC Web Design
Tj Holowaychuk
Vision Media - Victoria BC Web Design
Victoria British Columbia Web Design School
IT WORKS!
Hey katbailey and tjholowaychuk, Thanks! (I should have asked for help days ago.)
I installed jquery_update and moved jscroller2-1.4.js to the theme folder. No luck.
Then-ah ha-jScroller2 is stand-alone and it's jScroller that's the plug-in. Plugging in a plug in helps. (It's not easy being a themer.)
By moving the correct script to my theme folder and updating drupal_add_js() in template.php and IT WORKS!
Thanks much!
-NP
jquery for non-coders
the only information on drupal.org re: jquery is related to module programming.
Would be nice to have some more resources on how to use jquery AND jquery plugins
in their most basic form (quite the concept eh?) on the page and theming level in Drupal.
(i.e. what if I just want a single div on a page to bounce around or something fun like that)
I'm sure its much more simple that I have been led to believe ( :