Allright, I've installed Curvy Corners plugin (only) and the following JavaScript code works like a charm:

$(function(){
$('.block').corner();
});

Changing the JavaScript to

$(function(){
$('#content').corner();
});

does work (ie. I get roundeed corners) but the collapsibles on /admin/settings/jq_eyecandy stop to work.

Is anyone able to reproduce this?

Comments

ztyx’s picture

Oh, I forgot to add - I am using a (slightly modified, only CSS) Zen subtheme (6.x-1.0-beta2). Drupal, version 6.3.

ztyx’s picture

Status: Active » Postponed (maintainer needs more info)

I overcame this issue by changing to

$(function(){
$('.rounded').corner();
});

and adding rounded-style everywhere I wanted rounded corners.

The bug in itself still persists.

ztyx’s picture

Title: Curvy Corners: '#content' in conflict with collapsibles » Curvy Corners: '#content' in conflict with other Drupal/jQuery functionality

After realizing that Curvy Corners disabled all default jQuery functionality in Drupal I have decided to stop using it until I know what's wrong. I am eager to hear what I might have done wrong.

WorldFallz’s picture

I believe the problem is that you need to enclose your jquery statements testing for document ready like this:

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

I need to research this a little more, but since I've started doing that (before I released the module, and it should be in the instructions) I've had no further problems. Let me know if you're still having this problem.

the fatman’s picture

It's still happening to me too, but only if I apply effect (curvy corners) to the main wrapper. None of the collapsibles in any of the edit or Create Content pages are working, they take you to the top of the page.

I'm adding

//required for each plugin $(document).ready(function() { //plugin specific statements here $('#wrapper').corner(); })

to the head section of the page.tpl.php (tried it on a couple of themes)

Flying Drupalist’s picture

This is a pretty big problem, now I can't open the collapsible curvycorners input form to change it. - Though I eventually did by firebugging collapsed to expand.

chandrabhan’s picture

Subscribing. Looks like no other javascript functions can work inside a div tag (like fivestar, collapsible content etc.) if at least curvy corner effect is applied to it (not sure of the other effects).

ztyx’s picture

Priority: Normal » Critical

Changing to critical. This bug really breaks standard Drupal behaviour.

Flying Drupalist’s picture

I think this may be related to this. http://drupal.org/node/325810

WorldFallz’s picture

Sorry I haven't gotten to this sooner. I have not been able to reproduce this using d6.6, the latest curvycorners plugin, and d6 zen beta3 (9/15/08) with #content, #page, or #main as the selectors. I've got rev 4257 of the dimensions plugin. I'll try different versions and see if it makes a difference.

bluemuse’s picture

I'm having the same problem and tried adding enclosure. It didn't work. Subscribing.

bluemuse’s picture

Any updates on this?

WorldFallz’s picture

There's not much i can do without being able to reproduce the problem. I've tried quite a few times. If you want to describe all the details required me for to reproduce your problem (version numbers of modules, js plugins, core, theme, etc) and all the steps required to reproduce it (including code) I can try again.

bluemuse’s picture

Hi there,

So I guess I shouldn't just sit back and hope someone else puts all the details up...

In my template.php file, I added:

drupal_add_js('sites/all/scripts/jquery.curvycorners.packed.js');

drupal_add_js(
    '$(document).ready(function() {
      $("div.block").corner("round 10px");
    });',
    'inline'
  );

Notice I used the enclosure suggested above, and used a class, also as suggested above.

I've assigned the class "block" to, all my blocks, but also to a wrapper called "content-inner2". This is where the problem lies. Because this block encapsules all my content on the page, when I go to edit a node, all of the js functionality from my edit page is gone. I can't expand or reduce the input format section, for example. When I make an attempt a hash mark appears at the end of my url and the page stays the same.

I am using Drupal 6.9. The theme is a customized version, based on ad_redoable. Let me know what other info you might require.

Thanks!

bluemuse’s picture

What more info is required by the maintainer?

RdN’s picture

Status: Postponed (maintainer needs more info) » Needs review

Hi,

I am have a similar problem Curvy Corners is working and not causing this problem but when the Gradient Plugin is enabled collapsible content cannot be opened.

Kevin

netme’s picture

couln anyone tell me how to drop shadown only to the div content just to the div itself... i try the code showed up....

$("#main-inner").dropShadow({left: 8, top: 8, blur: 3, opacity: 1}

and the resoult its shadows around all the text...

thanks to everybody for the great help that drupal and his comunity its doing to my job