jquerycurvycorners - Project Hosting on Google Code

Last 7 days Dec 28, 2009 issue 11 (Curvy Corners on Link Mouse Over State Don't Change Color) reported by sroldan24 - What steps will reproduce the problem? 1. create a link with the following styles: a.btn { display:inline-block; padding:4px 8px; font-weight:bold; text-decoration:none; background-color:#666; color:#fff; border:#fff 1px solid; } a.btn:hover { background-color:#ffcc00; } 2. Add the curvy corners: $('.btn').corner({ tl: { radius: 4 }, tr: { radius: 4 }, bl: { radius: 4 }, br: { radius: 4 } }); 3. Roll over the link What is the expected output? What do you see instead? Expected: curvy corner containers should change to yellow on mouse over Instead: the curvy corner container remains gray What version of the product are you using? On what operating system? Version 1.9 What steps will reproduce the problem? 1. create a link with the following styles: a.btn { display:inline-block; padding:4px 8px; font-weight:bold; text-decoration:none; background-color:#666; color:#fff; border:#fff 1px solid; } a.btn:hover { background-color:#ffcc00; } 2. Add the curvy corners: $('.btn').corner({ tl: { radius: 4 }, tr: { radius: 4 }, bl: { radius: 4 }, br: { radius: 4 } }); 3. Roll over the link What is the expected output? What do you see instead? Expected: curvy corner containers should change to yellow on mouse over Instead: the curvy corner container remains gray What version of the product are you using? On what operating system? Version 1.9 Last 30 days Dec 03, 2009 issue 10 (Doesn't work with Unordered lists in Internet Explorer 6) commented on by diaruemnus - Replacing the PNG image with a GIF alternative. Rounded corners now work as expected. This my be a non-issue. Replacing the PNG image with a GIF alternative. Rounded corners now work as expected. This my be a non-issue. Dec 03, 2009 issue 10 (Doesn't work with Unordered lists in Internet Explorer 6) reported by diaruemnus - What steps will reproduce the problem? 1. Create an unordered list and check in Internet Explorer 6. Mine is floated to the left, but I don't think it has to be. The list has a PNG background corrected by the IEPNGFix script. 2. Give it rounded corners using the script/class method. What is the expected output? What do you see instead? It is expected that the unordered list will have rounded corners. Instead, the list is shorter than expected and the corners don't appear. Additionally, the DOM is modified to include div elements as children of the ul. What version of the product are you using? On what operating system? This is with version 1.9 in Internet Explorer 6 on Windows XP and Windows 7 64 bit. Please provide any additional information below. --- What steps will reproduce the problem? 1. Create an unordered list and check in Internet Explorer 6. Mine is floated to the left, but I don't think it has to be. The list has a PNG background corrected by the IEPNGFix script. 2. Give it rounded corners using the script/class method. What is the expected output? What do you see instead? It is expected that the unordered list will have rounded corners. Instead, the list is shorter than expected and the corners don't appear. Additionally, the DOM is modified to include div elements as children of the ul. What version of the product are you using? On what operating system? This is with version 1.9 in Internet Explorer 6 on Windows XP and Windows 7 64 bit. Please provide any additional information below. --- Older Nov 14, 2009 issue 8 (Script inside cornered element executing twice) commented on by brianvotruong - I tested in IE 6, having divs inside each other breaks the corners. This is an important feature. Be nice to see a fix. Thanks I tested in IE 6, having divs inside each other breaks the corners. This is an important feature. Be nice to see a fix. Thanks Nov 09, 2009 issue 8 (Script inside cornered element executing twice) commented on by saudoo - He is talking about the latest version of the original Curvy Corners the this jquery form originated from. He is talking about the latest version of the original Curvy Corners the this jquery form originated from. Oct 14, 2009 issue 8 (Script inside cornered element executing twice) commented on by adwords...@johnwest.com - I don't see a version 2.0.4 anywhere. The latest I see is 2.0.2. I don't see a version 2.0.4 anywhere. The latest I see is 2.0.2. Sep 08, 2009 issue 8 (Script inside cornered element executing twice) commented on by c.o.gonz - Sorry for the double post, but I neglected to mention in my previous post that the current version of Curvy Corners(2.0.4) does not have the double script bug. Perhaps updating jquerycurvycorners to use the latest Curvy Corners might solve this issue? Sorry for the double post, but I neglected to mention in my previous post that the current version of Curvy Corners(2.0.4) does not have the double script bug. Perhaps updating jquerycurvycorners to use the latest Curvy Corners might solve this issue? Sep 08, 2009 issue 4 (Document.write JS inside of cornered element BUG) commented on by c.o.gonz - I believe this is connected to issue number 8. I believe this is connected to issue number 8. Sep 08, 2009 issue 8 (Script inside cornered element executing twice) commented on by c.o.gonz - I am also encountering this problem. Has there been any updates on this problem? I am also encountering this problem. Has there been any updates on this problem? Sep 03, 2009 issue 9 (Text Color not changing when using an ID Selector by script ...) reported by dgozick - What steps will reproduce the problem? 1. Define several DIV's (using native and script with an id selector and class). 2. Define the css, set the color attribute. #selectorNative, .classNative { color: #6699dd; border: 3px solid #ff0000; margin-bottom: 10px; padding: 10px; background-color: #dddddd; /* Do rounding (native in Firefox and Safari, CC in IE)/ -webkit-border-radius: 10px; -moz-border-radius: 10px; CCborderRadius: 10px; } #selectorScript, .classScript { color: #6699dd; border: 3px solid #ff0000; margin-bottom: 10px; padding: 10px; background-color: #dddddd; } 3. Define the script: $(document).ready( function() { $('#selectorScript').corner(); $('.classScript').corner(); });; 4. Define the Divisions with some text What is the expected output? What do you see instead? The text color is supposed to be blue. Text is default, black, in some cases. Also, Opera 10 - doesn't round the corners when doing it natively. What version of the product are you using? On what operating system? JQuery Curvy Corners 2.0.2 Beta, JQuery 1.3.2 Please provide any additional information below. Firefox v3.5.2, Opera v10, Chrome v2.0.172.43: The text is default when using the script with an ID selector. IE7 & IE8: The text is default when using the script with an ID Selector and native css with an ID Selector. What steps will reproduce the problem? 1. Define several DIV's (using native and script with an id selector and class). 2. Define the css, set the color attribute. #selectorNative, .classNative { color: #6699dd; border: 3px solid #ff0000; margin-bottom: 10px; padding: 10px; background-color: #dddddd; / Do rounding (native in Firefox and Safari, CC in IE)/ -webkit-border-radius: 10px; -moz-border-radius: 10px; CCborderRadius: 10px; } #selectorScript, .classScript { color: #6699dd; border: 3px solid #ff0000; margin-bottom: 10px; padding: 10px; background-color: #dddddd; } 3. Define the script: $(document).ready( function() { $('#selectorScript').corner(); $('.classScript').corner(); });; 4. Define the Divisions with some text What is the expected output? What do you see instead? The text color is supposed to be blue. Text is default, black, in some cases. Also, Opera 10 - doesn't round the corners when doing it natively. What version of the product are you using? On what operating system? JQuery Curvy Corners 2.0.2 Beta, JQuery 1.3.2 Please provide any additional information below. Firefox v3.5.2, Opera v10, Chrome v2.0.172.43: The text is default when using the script with an ID selector. IE7 & IE8: The text is default when using the script with an ID Selector and native css with an ID Selector. Aug 17, 2009 issue 8 (Script inside cornered element executing twice) reported by adwords...@johnwest.com - <script> blocks inside cornered elements execute twice. I've confirmed this in IE8 and FF3.5. I haven't looked at your code, but I'm guessing you make copies of elements in some cases. Unfortunately, this would duplicate the the javascript as well. Below is a very simple test page that displays the problem. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <script src="/scripts/jquery-1.3.2.js" type="text/javascript"></script> <script src="/Scripts/jquery.curvycorners.min.js" type="text/javascript"></script> </head> <body> <div id="divCorner" style="background-color:#999999"> <script language="javascript"> alert(1); </script> </div> <script> $(document).ready(function() { $('#divCorner').corner(); }); </script> </body> </html> <script> blocks inside cornered elements execute twice. I've confirmed this in IE8 and FF3.5. I haven't looked at your code, but I'm guessing you make copies of elements in some cases. Unfortunately, this would duplicate the the javascript as well. Below is a very simple test page that displays the problem. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <script src="/scripts/jquery-1.3.2.js" type="text/javascript"></script> <script src="/Scripts/jquery.curvycorners.min.js" type="text/javascript"></script> </head> <body> <div id="divCorner" style="background-color:#999999"> <script language="javascript"> alert(1); </script> </div> <script> $(document).ready(function() { $('#divCorner').corner(); }); </script> </body> </html> Aug 13, 2009 issue 7 (Conflict with jquery simple gallery) reported by eantz.zone - What steps will reproduce the problem? 1. I combine it with jquery simple gallery provided by http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding What is the expected output? What do you see instead? jquery easy slider doesn't work anymore. And some part become so mess. But other jquery function still work What version of the product are you using? On what operating system? I use the latest jquery curvy corner Sorry for my English Regards, What steps will reproduce the problem? 1. I combine it with jquery simple gallery provided by http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding What is the expected output? What do you see instead? jquery easy slider doesn't work anymore. And some part become so mess. But other jquery function still work What version of the product are you using? On what operating system? I use the latest jquery curvy corner Sorry for my English Regards, Aug 12, 2009 issue 6 (how do you use the CSS based technique) commented on by lmtsypin - Thanks for the response. I did read through that. With CC, simply adding the corner attributes to a given CSS rule, and including the CC script on the page, does the trick. I could not get the same to work using this version. Thanks for the response. I did read through that. With CC, simply adding the corner attributes to a given CSS rule, and including the CC script on the page, does the trick. I could not get the same to work using this version. Aug 12, 2009 issue 6 (how do you use the CSS based technique) commented on by c...@smithies.org - See http://curvycorners.net/instructions/ See http://curvycorners.net/instructions/ Aug 12, 2009 issue 3 (Infinite loop when creating corners) commented on by c...@smithies.org - The fix is to replace the condition with if (!isNAN(i)). The cause is that jQuery breaks the core behaviour of arrays by adding functions to the prototype of the builtin array type, so for..in iterates over the functions as well as the indices. The fix is to replace the condition with if (!isNAN(i)). The cause is that jQuery breaks the core behaviour of arrays by adding functions to the prototype of the builtin array type, so for..in iterates over the functions as well as the indices. Aug 11, 2009 issue 6 (how do you use the CSS based technique) reported by lmtsypin - It states that this now supports the same CSS based technique as in the new version of CurveyCorners. How is it activated? Are there any docs? Just including the file does not seem to work as it does with CC. It states that this now supports the same CSS based technique as in the new version of CurveyCorners. How is it activated? Are there any docs? Just including the file does not seem to work as it does with CC. Aug 07, 2009 issue 5 (W3C and beta 3) reported by eminezartus - The new beta is good but i have a w3c problem. Specifically with creating a CSS property which is not a web standard. These CSS properties should be added dynamically through Java Script it self not manually. The new beta is good but i have a w3c problem. Specifically with creating a CSS property which is not a web standard. These CSS properties should be added dynamically through Java Script it self not manually. Aug 06, 2009 issue 4 (Document.write JS inside of cornered element BUG) reported by itwebcross - What steps will reproduce the problem? 1. Using <script>document.write...</script> inside of cornered elements with autoPad:true. (Ussualy all the ad and banners systems use that JavaScript to insert own elements) What is the expected output? What do you see instead? Excpecting to see cornered element elements inserted by <script>document.write...</script>. Instead of it page redirects to an empty page with content inserted by JS. What version of the product are you using? On what operating system? JQuery Curvy Corners by Mike Jolley Version 1.9. Vista, XP. Please provide any additional information below: Just try <div id="cornered"> Text <script>/Some Google Ad or Something/document.write('insert test!');</script> </div> <script>$('#cornered').corner({tl: { radius: 15 }, tr: { radius: 15 }, bl: { radius: 15 }, br: { radius: 15 }, autoPad: true});</script> What steps will reproduce the problem? 1. Using <script>document.write...</script> inside of cornered elements with autoPad:true. (Ussualy all the ad and banners systems use that JavaScript to insert own elements) What is the expected output? What do you see instead? Excpecting to see cornered element elements inserted by <script>document.write...</script>. Instead of it page redirects to an empty page with content inserted by JS. What version of the product are you using? On what operating system? JQuery Curvy Corners by Mike Jolley Version 1.9. Vista, XP. Please provide any additional information below: Just try <div id="cornered"> Text <script>/Some Google Ad or Something/document.write('insert test!');</script> </div> <script>$('#cornered').corner({tl: { radius: 15 }, tr: { radius: 15 }, bl: { radius: 15 }, br: { radius: 15 }, autoPad: true});</script> Jul 22, 2009 issue 3 (Infinite loop when creating corners) commented on by perrycollective - Oops, version was 2.0.2B3 - sorry :) Oops, version was 2.0.2B3 - sorry :) Jul 22, 2009 issue 3 (Infinite loop when creating corners) reported by perrycollective - What steps will reproduce the problem? 1. Repros on non-CSS3 browsers - at least IE6, IE7, IE8 - sometimes requires other scripts on the page, possible conflicts? 2. Make a call to .corner() 3. Using 2.0.4 Expected output: Rounded corners Actual output: Get a "radius is null or not an object" error I looped through the debugger in IE8 - the problem appears to be a loop beyond the upper bound in this statement: // Create array of available corners var corners = ["tr", "tl", "br", "bl"]; / Loop for each corner / for(var i in corners) { if(i > -1 < 4) { The if statement resolves as true after the 4th item in the array. (index > 3) Changing the expression from "if(i > -1 < 4)" to "if(i > -1 && i < 4)" fixed it for me. Looks like i evaluates to "indexOf" after the last corner is looped through. I'm not a js expert, so I can't fully explain why. What steps will reproduce the problem? 1. Repros on non-CSS3 browsers - at least IE6, IE7, IE8 - sometimes requires other scripts on the page, possible conflicts? 2. Make a call to .corner() 3. Using 2.0.4 Expected output: Rounded corners Actual output: Get a "radius is null or not an object" error I looped through the debugger in IE8 - the problem appears to be a loop beyond the upper bound in this statement: // Create array of available corners var corners = ["tr", "tl", "br", "bl"]; / Loop for each corner */ for(var i in corners) { if(i > -1 < 4) { The if statement resolves as true after the 4th item in the array. (index > 3) Changing the expression from "if(i > -1 < 4)" to "if(i > -1 && i < 4)" fixed it for me. Looks like i evaluates to "indexOf" after the last corner is looped through. I'm not a js expert, so I can't fully explain why. Jun 23, 2009 issue 2 (Issues with Named Colors) reported by pburrows - Use a background-color or border color that is a Named color (i.e. -- "white", "red", "blue" An error will be thrown deep inside JQuery. But the problem is actually in the BlendColour() method call in jquery.curvycorners.source.js. This function assumes the colors being passed in are 6 character hex colors. I haven't tried it. But from looking at the code, it is likely both a 3 character hex color (something like #000;) and an RGB color (RGB(20,20,20)) would also fail. A more intelligent function to determine what sort of color is being passed in is needed here. Check to see if the strings start with "RGB", then check if the string is one of these colors http://www.w3schools.com/Html/html_colornames.asp, then check if the color is a 3 character color or a 6 character color. Then parse. Use a background-color or border color that is a Named color (i.e. -- "white", "red", "blue" An error will be thrown deep inside JQuery. But the problem is actually in the BlendColour() method call in jquery.curvycorners.source.js. This function assumes the colors being passed in are 6 character hex colors. I haven't tried it. But from looking at the code, it is likely both a 3 character hex color (something like #000;) and an RGB color (RGB(20,20,20)) would also fail. A more intelligent function to determine what sort of color is being passed in is needed here. Check to see if the strings start with "RGB", then check if the string is one of these colors http://www.w3schools.com/Html/html_colornames.asp, then check if the color is a 3 character color or a 6 character color. Then parse. Jun 10, 2009 issue 1 (problem with jquery noConflict mode) reported by dcalde - the styleit function calls $(s).corner(settings) which causes issue with jquery running in noConflict mode. For a quick fix, change (line 54): function styleit() { ... to function styleit($) { ... and (line 115): styleit() to styleit($) Regards, Daniel the styleit function calls $(s).corner(settings) which causes issue with jquery running in noConflict mode. For a quick fix, change (line 54): function styleit() { ... to function styleit($) { ... and (line 115): styleit() to styleit($) Regards, Daniel Jun 02, 2009 jquerycurvycorners 2.zip (jQuery Curvy Corners 2.0.2 Beta 3) file uploaded by jolley.small Jun 02, 2009 r7 ([No log message]) committed by jolley.small - [No log message] [No log message] Jun 02, 2009 r6 (New version based on CC 2. Detects css radius styles Works w...) committed by jolley.small - New version based on CC 2. Detects css radius styles Works with Opera Tested and working in IE 6,7,8 New version based on CC 2. Detects css radius styles Works with Opera Tested and working in IE 6,7,8 Jun 02, 2009 jquerycurvycorners.zip (jQuery Curvy Corners 1.9) file uploaded by jolley.small Jun 02, 2009 r5 ([No log message]) committed by jolley.small - [No log message] [No log message] Jun 02, 2009 r4 (jquery 1.3.2 compat Red bg bug in safari fixed (Probably) La...) committed by jolley.small - jquery 1.3.2 compat Red bg bug in safari fixed (Probably) Last release of v1 jquery 1.3.2 compat Red bg bug in safari fixed (Probably) Last release of v1 Jun 02, 2009 jquerycurvycorners.zip (jQuery Curvy Corners 1.81) file uploaded by jolley.small Jun 02, 2009 r3 ([No log message]) committed by jolley.small - [No log message] [No log message] Jun 02, 2009 r2 (Version 1.81 - First Release on Google Code) committed by jolley.small - Version 1.81 - First Release on Google Code Version 1.81 - First Release on Google Code Jun 02, 2009 Project jquerycurvycorners created by jolley.small - Adds anti-aliased rounded corners to elements with jQuery. Adds anti-aliased rounded corners to elements with jQuery.

issue 9 (Text Color not changing when using an ID Selector by script ...) reported by dgozick - What steps will reproduce the problem? 1. Define several DIV's (using native and script with an id selector and class). 2. Define the css, set the color attribute. #selectorNative, .classNative { color: #6699dd; border: 3px solid #ff0000; margin-bottom: 10px; padding: 10px; background-color: #dddddd; /* Do rounding (native in Firefox and Safari, CC in IE)*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; CCborderRadius: 10px; } #selectorScript, .classScript { color: #6699dd; border: 3px solid #ff0000; margin-bottom: 10px; padding: 10px; background-color: #dddddd; } 3. Define the script: $(document).ready( function() { $('#selectorScript').corner(); $('.classScript').corner(); });; 4. Define the Divisions with some text What is the expected output? What do you see instead? The text color is supposed to be blue. Text is default, black, in some cases. Also, Opera 10 - doesn't round the corners when doing it natively. What version of the product are you using? On what operating system? JQuery Curvy Corners 2.0.2 Beta, JQuery 1.3.2 Please provide any additional information below. Firefox v3.5.2, Opera v10, Chrome v2.0.172.43: The text is default when using the script with an ID selector. IE7 & IE8: The text is default when using the script with an ID Selector and native css with an ID Selector.

What steps will reproduce the problem? 1. Define several DIV's (using native and script with an id selector and class). 2. Define the css, set the color attribute. #selectorNative, .classNative { color: #6699dd; border: 3px solid #ff0000; margin-bottom: 10px; padding: 10px; background-color: #dddddd; /* Do rounding (native in Firefox and Safari, CC in IE)*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; CCborderRadius: 10px; } #selectorScript, .classScript { color: #6699dd; border: 3px solid #ff0000; margin-bottom: 10px; padding: 10px; background-color: #dddddd; } 3. Define the script: $(document).ready( function() { $('#selectorScript').corner(); $('.classScript').corner(); });; 4. Define the Divisions with some text What is the expected output? What do you see instead? The text color is supposed to be blue. Text is default, black, in some cases. Also, Opera 10 - doesn't round the corners when doing it natively. What version of the product are you using? On what operating system? JQuery Curvy Corners 2.0.2 Beta, JQuery 1.3.2 Please provide any additional information below. Firefox v3.5.2, Opera v10, Chrome v2.0.172.43: The text is default when using the script with an ID selector. IE7 & IE8: The text is default when using the script with an ID Selector and native css with an ID Selector.

Last 7 days

Last 30 days

Older