How to implement Jquery using JS Injector in Drupal 6. Created for Brigham Young University-Hawaii Drupal users by Jinendra Jinadasa. Drupal for Education
-
Categories
-
Recent Posts
- How to Use WordPress (3 of 7) – Changing Themes and Appearance
- - Web Design – How do I prioritize functionality for my website?
- How To Pick The Best Web Hosting Service
- Drupal 6 for Beginners, Set up, install, content. Learn drupal, drupal lessons, drupal tutorials
- WordPress Tutorial for Beginners
- Best Web Host – Save Money
- Drupal Tutorial: Hiding Content with Contemplate
- Learn how to design build an CSS website web page with div tags Dreamweaver CS5 tutorials part 1
Stumble Upon
Del.icio.us
Buzz
23 Comments
@Denxxx21 Hi! Nice website. I like the clean look and feel. Like your logo. Nice work. Where are you trying to implement the Jquery integration? the Home page?
@BYUHawaii Thx Mate, fixed everything, had problems with my html editor, which changed DIV IDs…
thx for help, Happy new year.
Im trying to do this with a timeline effect…doesnt seem to be working….
@Carlitta87 Hi! What is your URL?
@Carlitta87 Sorry here is what was typed at 6:25
$(document).ready(function(){
@BYUHawaii im trying to send u a message but i cant b/c im not a friend…i cant send my url over this…
@Carlitta87 Hi! You are welcome to email me at webteam@byuh.edu so I can help you trouble shoot your site. Thanks.
I could really use some help getting this working. I keep getting this error message: modules/jquery_ui_loader/jquery_ui_loader.module on line 85. When I remove that function from my code the fatal error is gone but then the accordian doesnt seem to work as a result. Any ideas on whats happening?
Well I guess I did not have Jquery UI installed properly, now I finally do, but still the accordian does not work…
Well I guess I did not have Jquery UI installed properly, now I finally do, but still the accordian does not work
@claynard Hi! what version of Drupal 6 are you using? What function caused the error in your code? Can I take a look at your URL? Thanks.
@BYUHawaii
Hi BYU,
Thanks for the response. I am currently using:
Drupal 6.21
CSS Injector 6.x-1.4
jQuery Update 6.x-1
jQuery UI 6.x-1.4
js Injector 6.x-1.0
I’m not sure if you needed to know about the jquery update but I included it anyway. My site is in maintenence mode because it is no where near ready. If you let me know I can open it up for you to take a look at, I really appreciate the help.
Thanks
@BYUHawaii
Does having clean url’s affect the css and js injector? For example, can I use /accordian-test as the url for the page that the accordian is supposed to show, or does it have to be the numeric value?
I am not getting js to work on my page as well.. i can’t even determine why its not working, n its confusing the hell out of me :/
@claynard i get the same error…
Thank you for this great tutorial. I found it impossible to read the codes and words you entered in jquery ui loader, js injector and jquery ui loader. Could someone tell me what to enter, please?
@cathy123454 Hi! The tutorial is in HD so, please try changing the video display setttings to 1080p. You should see the text clearly. Thanks.
great video. Many thanks. please create a similar video showing dropmenu
hi,
Please also mention that this video is for drupal 6, it is outdated for drupal 7 as jquery ui now comes with the drupal core and so all this can be done in a much simpler way. e.g. read chris herberte blog
@prabhatjn Hi! Thanks for your feedback, I have added “Drupal 6″ in the Description of the video. Hope to develop one for Drupal 7 soon.
I’m getting an error
$(“#accordion”).accordion is not a function
Hi @BYUHawaii : Nice video tutorial, anyway i have trying the same way you do in this tutorial. but not working (I have working at localhost)
@bahayu12 If you use Firebug and go to the error console and see if there are any issues. The only thing I can think of is that it is a source domain issue. Also make sure that your browser has javascript enabled. Let me know what browser and if you are getting a specific error. Thanks for your feedback.