installation instructions

I though attaching this screenshots could give picture to explain the issue above

Thanks for the screenshots-- that makes all the difference!

OK, per step 4 of the installation instructions, you have make sure all the modules are renamed to conform to "jquery..min.js" convention expected by the jquery_plugin module.

For example, from the screenshot, i can see curvycorners is named "jquery.curvycorners.source.js", you need to rename it "jquery.curvycorners.min.js". Same for dropshadow, colorblend, reflect, etc. Most of the jquery contributors include minified versions of their plugins (what the "min" means), but not all, and the jquery_plugin api expects them named that way.

Once you rename the files, that should fix the problem shown in the 2nd screen shot. Let me know how it goes.

thank you for your reply
my feedback
yes i should notice the naming pattern convention at the other default plugins at the jquery_plugin directory but it would be better if its reminded at the instructions. i hope this post will help others

- i have also downloaded the required jquery.dimensions.min.js from
http://plugins.jquery.com/project/dimensions
and put in the same directory

- also i find out (by trial error) that;
jquery.colorBlend.js

should be renamed to (no capital B)

jquery.colorblend.js

and after this ALL the plugins can be able to activated at jq_eyecandy_settings.png
no more problem like on the jq_eyecandy_settings.png above

check the latest screenshot of the dir. for picture of plugins and working naming conventiones

sorted! thanks

Q1- could you tell me if pack.js's necessary or not such as jquery.gradient.pack.js which is exist on the some js. plugin files?

Q2- any help second part of the tutorial? how to implement the scripts
if you can give or point to one example i can get the idea

~thanks a lot Joann

i figured out with the example on your curvy demo page
http://demo.joannmelnik.com/node/8

it worked! now i am trying to change the curve radius values like below, for example radius 50

Q1 - where and how the 'default' curve radius value defined on your example demo code?

Q2 - where and how to change the radius values?

thanks

"Enter everything that should appear within the tags."
i can not see .js demo's any script starting appearing with tags, could you point such example please

Sorry, I should have made that a little clearer-- i've added the jquery code and css where applicable to the demo pages for each plugin. However, you can always "View Source" (with your browser) to see the code of any page.

Q1- could you tell me if pack.js's necessary or not such as jquery.gradient.pack.js which is exist on the some js. plugin files?

Nope, they're not necessary. You only need the ".min.js" file for each plugin (and if it doesn't have a minified file, just rename one to match that convention). I'll add that to the instructions.

Q2- any help second part of the tutorial? how to implement the scripts
if you can give or point to one example i can get the idea

It's hard to do that without duplicating all the information available for each jquery plugin on the jquery plugin's homepage, but I added the code and css right on the demo pages I have set up. Also, if there's any doubt, just "View Source" of the page you're looking at (i used inline code and css so it would be visible). Hopefully that should be enough to get you started.

yes, demo pages examples are looks great, thanks

also, by looking to your demo source i figured out the reflection
class is #main img in my case or the whole site images

i am just trying to testing the module - i may use it or not, just to see the possibilities and help -if i can - to the developer and the community, as you may see my coding skills are minimal trial/error hacking attempts :)

its nice to facilitate all that jQuery plugin candies into Drupal with the module, nice work
thank you

ps: how to include more plugins to the module? could the module be 'modular' if each plugin separated to individual .inc file, so other people can 'add on' 'plugin includes' and the module itself functions as a 'wrapper'?

- hope I make sense, - my programming knowledge and terminology is quite limited :)

Q1 - where and how the 'default' curve radius value defined on your example demo code?

Q2 - where and how to change the radius values?

Did you get this straightened out? From the code you type above, it looks correct. If it's not showing you might have to clear the cache (admin/settings/performance). Also, if you have aggregation turned on (admin/settings/performance) you'll have to turn it off while you play around.

i am just trying to testing the module - i may use it or not, just to see the possibilities and help -if i can - to the developer and the community, as you may see my coding skills are minimal trial/error hacking attempts :)

That's great-- i appreciate the testing.

its nice to facilitate all that jQuery plugin candies into Drupal with the module, nice work
thank you

You're welcome. I've been using drupal about a year now, so it's about time I can contribute something back, lol.

ps: how to include more plugins to the module?

At the moment, just create a feature request and I'll take a look at the plugin you'd like to add. I went through pretty much all the appearance related plugins currently listed at http://plugins.jquery.com and pulled out the ones that work without problems. I have to be careful, because I don't want to get into the business of supporting buggy jquery plugins.

For a plugin to be added it must:

1. be related to appearance (i.e. "eye candy")
2. be stable

could the module be 'modular' if each plugin separated to individual .inc file, so other people can 'add on' 'plugin includes' and the module itself functions as a 'wrapper'?

That's an interesting idea-- i hadn't thought of it. I'm still learning, but I'll definitely look into that for the next release.

- hope I make sense, - my programming knowledge and terminology is quite limited :)

You make sense, lol. And thanks for trying out the module. It's exactly aimed at people that don't have a lot of programming experience. What the module does can be accomplished with theming/programming also, but I wanted to add a drupal interface option for those that are not comfortable doing that.

I would have liked to create a true interface for the plugins like the one for my jq_maphilight plugin, but due to the massive amount of options and flexibility of the jquery selectors, it's impossible to do that without severely limiting (and hampering) that flexibility.

I'm toying around with the idea of enabling comments on the demo pages for peeps to list their different code "recipes"-- but I'll have to add some sort of captcha first.

I must be missing something obvious here. I followed the instructions including making sure the files are named ...min.js. I want to use the drop shadow effect as demoed here:

http://demo.joannmelnik.com/node/7

In admin/settings/jq_eyecandy I added the following code to "Drop Shadow Plugin":

Then I added the CSS to my stylesheet:

I'm not seeing any changes on my site. Anything more I need to do? Any screen captures you'd like to see?

Thanks!

This probably should have been a separate issue, but in any case, what about the html? Do you have a container class element? Do you have an "example1" class on the HTML element you wanted drop shadowed? The HTML on the sample page you link is:

If you want, post your HTML also and I'll take a look.

Definitely more documentation needed... I have used
window.onload = function()
as the first line of the code and it worked (finally).

where is it you had to use window.onload? If you can provide me some specifics (or at least enough info for me to replicate the problem), I'll be happy to add it to the documentation.

I am referring to the admin page admin/settings/jq_eyecandy where I've just entered

as jQuery DropShadow code to apply on all pages.

Then all I had to do was to use s1/s2/s3 class on any div/span etc. and it worked perfectly for me.

Hello

I am having a weird problem with this in getting curvy corners to work via the JQuery Eyecandy module. I've been following the directions listed above and it loads briefly and works on FF but then my FF browser just stops.

Please check it out on the link below in firefox to see what I am saying
http://newspage.reasonableradical.com

This is what I pasted in for curvey corners

$(function(){

$('.defaultblock').corner();

});

This is the css

.defaultblock{
border: 1px solid #000000;
padding: 10px;
margin-top: 20px;
}

Should I be setting up a seperate div within the block? I am using the Marinelli theme. Why would it just stop loading in Firefox?

Figured it out. It was a conflict in the JS code with Google adsense. Got it to work in FF now on to IE7

excellent-- I was going to say I didn't see any obvious problems with what you posted. FYI-- although I've only done some limited testing of my test pages, AFAIK it should work fine with IE7.

whatever I do I can't make dropShadow work! This is what I copy-paste into the drupal eyecandy DropShadow window:

$(document).ready(function()
{
$('#page').dropShadow({left: 8, top: 10, blur: 4, opacity: 0.8, color: "red", swap: false});
})

I also tried:
window.onload = function()
{
$('#page').dropShadow({left: 8, top: 10, blur: 4, opacity: 0.8});
}

the error message in FireBug is:
$("#page").dropShadow is not a function

should I install and enable all the other eye candy components like CurvyCorner and the others?

many thanks,
Bela

You shouldn't need to enable any of the other components-- what theme are you using?

I made my own theme based on Zen.

OK, I was able to replicate your problem with a test page-- looks like something has definitely changed with the plugins. I'll post back as soon as I sort it out.

Check the quotes, might be " instead of '. Also try some class, like .block or something. Also I have noticed that it doesn't work well on large areas, like page or main, it is deadly slow.

Got it-- something changed with the dimensions plugin. If you download this version the error should disappear. I had to add a margin to the #page element of zen to get the drop shadow to show anywhere but the bottom of the page.

Pls post back and confirm if this works for you-- I'll have to update the project page and instructions asap.

Thanks.

@encho

Ive got a test page on a generic elcheapo shared hosting account using zen classic with drop shadow on the #page element, and it doesn't seem slow at all.

That said, if the drop shadow is integral to the theme, then it's better off created as part of the graphics themselves. I don't think the author of the plugin meant it to replace graphics as much as provide a dynamic way to add some simple drop shadows to selected elements.

thanks very-very much, I will check this in the next couple of hours and post back!

tried it and got the same error message. will try with other page elements later.

be sure to refresh the browser cache (Ctrl-F5 in FF) and I also usually do a cache clear as well (admin/settings/performance, button at bottom of the page).

Also, view the page source and verify that both "jquery.dimensions.min.js" & "jquery.dropshadow.min.js" are being loaded (should be toward the top of the page where all the js scripts are loaded).

done all these, .js files are there... Firebug just says: $("#page").dropShadow is not a function
(no name)()promise (line 39)
to the wait list jQuery.readyList.push()jquery.js (line 2293)
(no name)()jquery.js (line 2313)
each([function(), function()], function(), undefined)jquery.js (line 742)
ready()jquery.js (line 2312)
[Break on this error] $('#page').dropShadow({left: 8, top: 10, blur: 4, opacity: 0.8, color: "red", sw...

hmmm... as soon as I replaced the dimensions plugin, the "not a function" error went away for me (you can see it at http://d6.grumblefire.com for the time being using exactly your dropshadow code). If you examine the loaded js files with firebug-- what versions of jquery, dropshadow, and dimensions does it show?

jQuery 1.2.4a, Dropshadow 1.2, Dimensions 1.2

also, when I enter code in the DropShadow form, it switches the wysiwyg fckeditor off for the whole site. I'm sure the problems are on my side only, once my code works in your install, so I will just have to sort this out with my theme and modules. thanks anyway!

Finally it works, I'm just not sure what was the problem! I have reinstalled everything and suspect that the JQuery plugins 6.x-1.4 made it work...

Now the problem is Firefox 3, the drop shadow is shifted up about 100px - all the other browsers show the drop shadows correctly.

Another minor issue - in all browsers - is when editing with fckeditor a page, the page gets taller and the drop shadow does not scale to its full size...

Actually it is probably easier to just make table cells around my page and use good old png shadows :)

I am a complete noob with CSS and Drupal, so with that preface, here we go:

I have a Drupal 6.3 install with a Zen-Subtheme. I wanted my main #content-inner box to have rounded corners using the Curvy Corners plugin.

Look here, http://transformationarts.org/cms/ it seems to work.

However, when I go to admin/settings/jq_eyecandy I am unable to "expand" the settings for the Curvy Corners section, as well as any of the other sections.

The code I entered in there prior to this issue was simple:

$(function(){

$('#content-inner').corner();

});

My CSS is:

#content-inner
{
background-color: #BFA886;
padding: 10pt ;
}

I know I am doing something incredibly wrong, if someone could point me in the right direction I would be very thankful :D

For me too the same problem. I can't able to expand the collapsible fieldset on any page when i gave the curvycorners for the class or id in page.tpl.php $('#container').corner(); whereas the curvycorner is displaying. Am using garland theme. there is no problem if i gave for a block.

Did you guys enclose your functions as follows:

I've had problematic results when not using the document.ready....

Hi thanks for you help...Its working fine...

I've got an issue where it's using the image as the shadow instead of a color. Any ideas?

Same problem here. Anyone know the fix?