Drupal newbie can't get JQuery UI module to work in Drupal 6 - WHY!:(

KJJacobson - August 26, 2009 - 01:58
Project:jQuery UI
Version:6.x-1.x-dev
Component:Miscellaneous
Category:support request
Priority:critical
Assigned:KJJacobson
Status:active
Description

Hi - thanks for reading this first of all.

A project just got dumped in my lap. To finish coding a Drupal site (I design/dev but not much CMS exp.)

So first thing I did was check the admin status report page. It told me to upgrade from Drupal 5 to 6(.13). So I did.

All went well, except for the JQuery UI module. I followed the simple instructions here:
"The jQuery UI plugin is missing. Download and extract it to your jquery_ui module directory. See README.txt for more info."
Got JQuery 1.6 and put it in "/sites/all/modules/jquery_ui/" and it still says the module is not found.

I've searched and searched and did all the obvious but no luck. I really hope someone here knows what's up.

Thanks and thanks again!
Regards,
Kyle Jacobson

#1

NickAT - August 26, 2009 - 22:36

Hey Kyle, I am fairly new with all this too, but I ran into a similar problem.

1)So after you download the jQueryUI module http://drupal.org/project/jquery_ui, the
jQueryUpdate module http://drupal.org/project/jquery_update, and jQuery UI
either 1.6 or 1.7.2 http://jqueryui.com/

2)You need to rename the the jQuery UI(1.6 or 1.7.2) folder to jquery.ui
and move it to the jQueryUI module folder.

3)What you are left with are two folders, the jQueryUI and jQueryUpdate module folder.
Now, just upload those modules to your /sites/all/modules directory.

4) Enable the modules in drupal and "run cron" and you should no longer see that message.

Hopefully I didn't leave anything out and good luck =)
Nick

#2

steammultimedia - August 29, 2009 - 11:37

Hi Kyle,

Seems like the structure of the jQuery UI zip file has changed a little. When you extract the zip file (use Nicks links above) you'll probably see three folders created:

css
js
development-bundle

everything inside the development-bundle folder needs to be in ../sites/all/modules/jquery_ui/jquery.ui for it to work properly

#3

zoo - August 30, 2009 - 22:20

Hello Developers,
I just faced me too the situation like KJJacobson today, so I would like to suggest two things I believe could be a sort of help and clarification for those new to the indeed very easy installation process.

  1. Since someone may think the "jQuery UI module" IS currently enabled even after read the alert that "jQuery UI plugin" is missing, in the modules page (!), I personally would change the alert message to say something like (sorry for the english!):
    The jQuery UI module has not be enabled. You need to download the jQuery UI plugin and then re-enabled it in order to get it functioning (See README.txt for instructions)
  2. Besides I found that JQuery UI 1.6 downloaded from http://jqueryui.com/ has a different directories structure than JQuery UI 1.6 from the code.google.com link suggested in the README.TXT. I think it would be helpful to advise users about this eventuality in the README.txt file.

Many thanks for your attention.

zoo

#4

schvili - September 9, 2009 - 15:18

Thank you for great help, in this thread and in others. The Drupal community sure is amazing!

I have been trying all day to get the jQuery UI to interact with part in already existing module. Most the CCK of course.

This is want I have tried so far:

1. Followed all instruction above
2. Created a script.js file in my theme and included it in my theme .info file
3. Wrote this code below in the script.js file where 'edit-field-obj-rent-0-value' is the ID of a input field in a Add content form (CCK)

As you can see I am new to Drupal. Would be most grateful, since this will be a large part of our website.

// $Id$

// Adds theme jQuery
// nice.
jquery_ui_add('ui.slider');

if (Drupal.jsEnabled) {
$(document).ready(function(){
$('#edit-field-obj-rent-0-value').slider({
orientation: 'vertical',
min: 0,
max: 150,
value: 50
});

});

}

#5

KJJacobson - September 10, 2009 - 05:31

Thanks everyone - I am going to try all suggested fixes as of tomorrow. Fingers crossed - wish me luck!
Cheers and thanks very much!
KJJ

#6

KJJacobson - September 14, 2009 - 17:14

Thanks a quintillion everyone! It worked. Why is needs to be so convoluted is beyond me!

Much regards and a final thanks.
Kyle Jacobson

#7

jrabe - October 10, 2009 - 18:06

I'm a newbie. I'm not a developer, but I've built a couple of css sites, but never done any javascript. I've been trying to get the jquery module loaded. It shows up on my module admin page, but won't enable. I click to enable and save config, but it doesn't enable. I've run cron and updatephp, but no help.

I tried to follow the instructions, and here's what I've done:
1* I created a jquery_ui directory in sites/all/modules, uploaded jquery_ui-6.x-1.3.tar and extracted it. It created a jquery_ui sub-directory with all the files.
2* I created a jquery.ui directory in sites/all/modules/jquery_ui/jquery_ui, uploaded jquery-ui-1.7.2.custom.zip and extracted it. It created css, js, and development-bundle sub-directories and an index.html file.
3* I created a jquery_update directory in sites/all/modules, uploaded jquery_update-6.x-1.1.tar and extracted it. It created a jquery_update directory with all the files.
4* I ran update.php and cron.
5* jQuery UI 6.x-1.3 shows up in module admin page under User Interface, but like I said, it won't enable.

I haven't yet tried steammultimedia's suggestion to move all the files (and sub-folders, I assume?) from sites/all/modules/jquery_ui/jquery_ui/development-bundle into sites/all/modules/jquery_ui/jquery_ui/jquery.ui

Maybe this is a different issue, but uploading and extracting on my host the way I've been doing it creates two nested directories. So I don't have a .../modules/jquery_ui/jquery.ui directory, but I have a .../modules/jquery_ui/jquery_ui/jquery.ui directory. Does this matter?

I'm running 6.14 core.

Thanks for any help/hand-holding.

#8

willhallmusic - October 15, 2009 - 08:47

Moving the development-bundle folder into jquery.ui appears to have worked for me. Possibly that could be changed in the readme?

#9

anderson8d - December 20, 2009 - 03:36

I did all this stuff and have site/all/modules/jquery_ui/jquery.ui/ js and css and develop...

but when i go to the administration section and turn the jquery_ui on it says the following mensage:

Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 71 bytes) in /home4/univesc3/public_html/4.0/includes/database.inc on line 205

if i reload the page it goes weel.. and show the option to run the cron... but after that nothing happens and jquery_ui didn't turn on.

what is this erro?
what can i do?

#10

joetsuihk - December 21, 2009 - 03:58

#9 http://drupal.org/node/207036

for late comers, i installed this module with 1.7.2 jquery_ui with folder structure like:

-sites/all/modules/jquery_ui/
--jquery.ui/ (created manually)
---demos/
---docs/
---external/
---tests/
---themes/
---ui/
---AUTHORS.txt
---.....
--jquery_ui.info
--jquery_ui.module
--.....

 
 

Drupal is a registered trademark of Dries Buytaert.