Curvy Corners: '#content' in conflict with other Drupal/jQuery functionality
ztyx - August 10, 2008 - 19:58
| Project: | jQuery Eye Candy |
| Version: | 6.x-1.x-dev |
| Component: | jQuery plugin |
| Category: | bug report |
| Priority: | critical |
| Assigned: | Unassigned |
| Status: | needs review |
Jump to:
Description
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?
#1
Oh, I forgot to add - I am using a (slightly modified, only CSS) Zen subtheme (6.x-1.0-beta2). Drupal, version 6.3.
#2
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.
#3
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.
#4
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.
#5
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)
#6
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.
#7
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).
#8
Changing to critical. This bug really breaks standard Drupal behaviour.
#9
I think this may be related to this. http://drupal.org/node/325810
#10
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.
#11
I'm having the same problem and tried adding enclosure. It didn't work. Subscribing.
#12
Any updates on this?
#13
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.
#14
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!
#15
What more info is required by the maintainer?
#16
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