Posted by killerrabbit on August 10, 2010 at 3:44pm
Hi All,
I was wondering if there was any books or tutorials out there for implementing jQuery plug-ins.
Hi All,
I was wondering if there was any books or tutorials out there for implementing jQuery plug-ins.
Comments
Are you asking for something
Are you asking for something Drupal-specific? Because a Google search for "jQuery plugins tutorial" brings up plenty of tutorials on that subject.
--
CiviHosting -- Drupal and CiviCRM Hosting Specialists -- 100% Satisfaction Guaranteed
Plug-ins for Drupal
I know how to implement jQuery plug-ins within a basic XHTML site but when it comes to integrating them into Drupal is where I am looking for help.
Google for "jQuery plugins
Google for "jQuery plugins drupal" and the first result is: http://drupal.org/project/jquery_plugin
--
CiviHosting -- Drupal and CiviCRM Hosting Specialists -- 100% Satisfaction Guaranteed
Implementing JQuery Plugins
Implementing JQuery Plugins in drupal is also similar to implementing them in a plain xhtml site. To integrate any jquery plugin we need to do following things
Add .js files to the html them script tag, this we do normally by adding script tag in the header. In drupal you need to add using drupal_add_js function.
html has to be in the way of plugin representation. We can do this in drupal by writing required html structure in template files by defining themes
Finally need to apply plugin to the element by writing following code.
$(document).ready(function(){$('htmlele').plugin({options})})
We can add the above code in another js file and include using drupal_add_js function.
http://drupal.org/project/jquery_plugin module provides only some jquery plugins, the above procedure is applicable for any jquery or any other javascritp tool plugins or widgets
Jquery Plugin code not initiating
I am running into a problem trying to implement a carousel. The js is appearing in the HTML but it appears not to be firing.
There are multiple js files in order for this thing to work. The author has made custom js files and there is also the standard jquery js file as well. I'm not sure what all needs to be placed in the $(document).ready function. If there is more than one do I just copy the code to look like this?
$(document).ready(function(){$('htmlele').example1({options})})
$(document).ready(function(){$('htmlele').example2({options})})
This plugin is requiring jquery-1.4.2.min.js. Since Drupal has jQuery do I even need to include this?
I am manually adding in the js files with the .info file.
Thanks!
slideshow displaying in header section of the site
Hello every one,
i tried to execute the jquery slide show in drupal ,but slide is displaying in header part of the site. can any one tell me my mistake.
The process i implemented as fallows.
1)i created the new folder its name is "slideshow" and i kept it in "drupal/sites/default/slideshow/"
2)i kept fallowing files in slideshow folder (a)jquery-1.4.2.min (b) jquery.panelgallery-1_2 and (c) gallery.html
in gallery.html file i refferd the jquery files(js) files as fallows in head section as:
3)i called gallery.html file in drupal(content type as page)node by using
<?php
include('drupal/sites/default/js/gallery.html') ;
?>
slides show is displaying in header section of the site .please can any one help me by telling the procedure to implement jquery slide show in drupal.
Thanks in advance.
From:
Bharath.
Yeah, just about everything
Yeah, just about everything there is wrong from a Drupal perspective… But to answer your question, it's probably due to the .html file having its own <head> and <body> sections which are conflicting with that of the normal Drupal page.
The Boise Drupal Guy!