Drupal tutorial: JS Injector and Jquery UI in Drupal

How to implement Jquery using JS Injector in Drupal 6. Created for Brigham Young University-Hawaii Drupal users by Jinendra Jinadasa. Drupal for Education

23 Comments

  1. BYUHawaii
    Posted December 30, 2010 at 2:56 am | Permalink

    @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?

  2. Denxxx21
    Posted January 2, 2011 at 2:58 am | Permalink

    @BYUHawaii Thx Mate, fixed everything, had problems with my html editor, which changed DIV IDs…
    thx for help, Happy new year.

  3. Carlitta87
    Posted April 21, 2011 at 4:31 pm | Permalink

    Im trying to do this with a timeline effect…doesnt seem to be working….

  4. BYUHawaii
    Posted April 21, 2011 at 5:50 pm | Permalink

    @Carlitta87 Hi! What is your URL? 

  5. BYUHawaii
    Posted April 21, 2011 at 5:57 pm | Permalink

    @Carlitta87 Sorry here is what was typed at 6:25
    $(document).ready(function(){

  6. Carlitta87
    Posted April 22, 2011 at 7:21 pm | Permalink

    @BYUHawaii im trying to send u a message but i cant b/c im not a friend…i cant send my url over this…

  7. BYUHawaii
    Posted April 22, 2011 at 7:27 pm | Permalink

    @Carlitta87 Hi! You are welcome to email me at webteam@byuh.edu so I can help you trouble shoot your site. Thanks.

  8. claynard
    Posted May 27, 2011 at 8:13 pm | Permalink

    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?

  9. claynard
    Posted May 28, 2011 at 12:10 am | Permalink

    Well I guess I did not have Jquery UI installed properly, now I finally do, but still the accordian does not work…

  10. claynard
    Posted May 28, 2011 at 12:10 am | Permalink

    Well I guess I did not have Jquery UI installed properly, now I finally do, but still the accordian does not work

  11. BYUHawaii
    Posted May 31, 2011 at 5:55 pm | Permalink

    @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.

  12. claynard
    Posted June 2, 2011 at 12:57 am | Permalink

    @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

  13. claynard
    Posted June 2, 2011 at 1:49 am | Permalink

    @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?

  14. Carlitta87
    Posted June 6, 2011 at 4:16 pm | Permalink

    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 :/

  15. Carlitta87
    Posted June 6, 2011 at 4:19 pm | Permalink

    @claynard i get the same error…

  16. cathy123454
    Posted June 22, 2011 at 12:48 pm | Permalink

    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?

  17. BYUHawaii
    Posted June 22, 2011 at 6:02 pm | Permalink

    @cathy123454 Hi! The tutorial is in HD so, please try changing the video display setttings to 1080p. You should see the text clearly. Thanks.

  18. alfredisac
    Posted July 7, 2011 at 6:06 pm | Permalink

    great video. Many thanks. please create a similar video showing dropmenu

  19. prabhatjn
    Posted July 13, 2011 at 11:37 am | Permalink

    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

  20. BYUHawaii
    Posted July 13, 2011 at 7:07 pm | Permalink

    @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.

  21. gottliebroni
    Posted July 30, 2011 at 6:00 pm | Permalink

    I’m getting an error
    $(“#accordion”).accordion is not a function

  22. bahayu12
    Posted August 22, 2011 at 3:00 am | Permalink

    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)

  23. BYUHawaii
    Posted August 22, 2011 at 3:23 am | Permalink

    @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.

Powered by Yahoo! Answers