Comments on: Rounded Corners With Javascript (jQuery) http://15daysofjquery.com/wrap-it-up-pretty-corners/13/ Examples and tutorials to help you learn JQuery Thu, 28 Aug 2008 11:49:54 +0000 http://wordpress.org/?v=2.1 By: Dustin Diaz http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-35 Dustin Diaz Mon, 05 Jun 2006 17:02:19 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-35 Sweet! Good stuff Jack. I am most definitely comfortable with JavaScript doing this for me as only a very little percentage of my users are actually going to be seeing the fallback. Sweet! Good stuff Jack. I am most definitely comfortable with JavaScript doing this for me as only a very little percentage of my users are actually going to be seeing the fallback.

]]> By: Jack http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-36 Jack Mon, 05 Jun 2006 17:14:08 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-36 Dustin, Great to see you back! How's that for a quick turnaround...? I see your post yesterday and in 24 hours I've put a jQuery spin on it. For anyone reading this that hasn't seen Dustin's site, I suggest checking it out. Great stuff and very entertaining podcast (think web topics over a beer or two). As an aside, everyone look at that last bit of code I posted for an alternative to the $(document).ready function. In other words, if you want to kick off your javascript when the page loads, you can use the $(document).bind('load', function(){}); routine. Dustin,
Great to see you back! How’s that for a quick turnaround…? I see your post yesterday and in 24 hours I’ve put a jQuery spin on it.

For anyone reading this that hasn’t seen Dustin’s site, I suggest checking it out. Great stuff and very entertaining podcast (think web topics over a beer or two).

As an aside, everyone look at that last bit of code I posted for an alternative to the $(document).ready function. In other words, if you want to kick off your javascript when the page loads, you can use the $(document).bind(’load’, function(){}); routine.

]]> By: Jack http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-37 Jack Mon, 05 Jun 2006 17:28:44 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-37 And yes, I completely agree with the comment you make, Dustin, about a low percentage of folks having js turned off. And yes, I completely agree with the comment you make, Dustin, about a low percentage of folks having js turned off.

]]> By: Florian http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-38 Florian Mon, 05 Jun 2006 19:40:46 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-38 I use similar code on 120 div (For pictures...) but its doesn't apply at all ! How can fix it ? $(document).ready or $(document).bind(’load’, function(){}); same result... I use similar code on 120 div (For pictures…) but its doesn’t apply at all !

How can fix it ?

$(document).ready or $(document).bind(’load’, function(){});
same result…

]]> By: Jack http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-39 Jack Mon, 05 Jun 2006 19:51:12 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-39 "Similar code" could mean "missing something really important that was in the original". Do you have a link to the site? I'll try to take a look if you can give me more info but so far you haven't told me enough. “Similar code” could mean “missing something really important that was in the original”.

Do you have a link to the site? I’ll try to take a look if you can give me more info but so far you haven’t told me enough.

]]> By: Rizky http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-43 Rizky Wed, 07 Jun 2006 22:53:20 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-43 funny, on fist load the css and images didn't show up at all. just like an unstyled document. but after i refresh the page, there it is, the rounded corners. is that a bug? or is it just me? thanks... funny, on fist load the css and images didn’t show up at all. just like an unstyled document. but after i refresh the page, there it is, the rounded corners.

is that a bug? or is it just me? thanks…

]]> By: Rizky http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-44 Rizky Wed, 07 Jun 2006 22:54:37 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-44 sorry. I was talking about the demo page :D cheers... sorry. I was talking about the demo page :D

cheers…

]]> By: Jack http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-45 Jack Wed, 07 Jun 2006 22:58:32 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-45 It could have been the server. If you want to test, you could clear your cache and history and hit the page again. It could have been the server. If you want to test, you could clear your cache and history and hit the page again.

]]> By: Antonio http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-48 Antonio Fri, 09 Jun 2006 07:56:39 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-48 Very nice. I'm all for using images for this, as you can see in my site :) I'm gonna save this for the next version of my template. Thanks a lot! Very nice. I’m all for using images for this, as you can see in my site :)

I’m gonna save this for the next version of my template. Thanks a lot!

]]> By: Jack http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-51 Jack Fri, 09 Jun 2006 14:31:18 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-51 @Antonio You're welcome. @Antonio
You’re welcome.

]]> By: Sorin Ionescu http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-83 Sorin Ionescu Thu, 15 Jun 2006 18:18:31 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-83 I believe the plugin I made is a lot better. You can have any border and corner you want. And it's a lot simpler to use. "Custom Borders Plugin" http://jquery.com/discuss/2006-June/ I believe the plugin I made is a lot better. You can have any border and corner you want. And it’s a lot simpler to use.

“Custom Borders Plugin”
http://jquery.com/discuss/2006-June/

]]> By: Jack http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-84 Jack Thu, 15 Jun 2006 19:23:23 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-84 Nice plugin. Thank you for sharing that link, Sorin. Nice plugin. Thank you for sharing that link, Sorin.

]]> By: Fotis Evangelou http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-204 Fotis Evangelou Sat, 15 Jul 2006 02:30:45 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-204 A bit off topic! The append/prepend code ability of JQuery has made think if it is possible to use it on specific tags (either beginning o rending) to "attach" specific code. For example, a lot of add-on scripts, like sIFR, require a tag to be copied right before the closing . Would it be possible to use JQuery to automatically prepend the ) and that tag only? A bit off topic!

The append/prepend code ability of JQuery has made think if it is possible to use it on specific tags (either beginning o rending) to “attach” specific code.

For example, a lot of add-on scripts, like sIFR, require a tag to be copied right before the closing .

Would it be possible to use JQuery to automatically prepend the ) and that tag only?

]]> By: Jack http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-206 Jack Sat, 15 Jul 2006 02:51:20 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-206 Can you provide an example? I understand the basic concept of what you're asking but I think you've left out some details I need to give you a complete answer. Can you provide an example? I understand the basic concept of what you’re asking but I think you’ve left out some details I need to give you a complete answer.

]]> By: Fotis Evangelou http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-210 Fotis Evangelou Sun, 16 Jul 2006 12:03:16 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-210 Jack, what I would like to do is "auto" prepend a code snippet before the closing tag . The auto prepend code would exist in a seperate js file linked to the template. sIFR, Google Analytics and many other scripts need to have a code snippet applied as well before the closing tag in order to work. It is mainly a script tag like: What I want that for? I am preparing an extension for Joomla (which I hope to incorporate in your CMS as well when it comes out if it's possible :) ) and would like the user to simply install the extension and have it run immediately without copy pasting any additional code in their joomla template. I like the keep-it-simple rule for such extensions and this is why I want to try JQuery. Using the Joomla API I can "make" the extension auto include all necessery links to files used, as well as the JQuery library and an external js file that would include the "auto prepend" code that I'm talking about. I hope you understand now what I want to do... Thanks man! Jack, what I would like to do is “auto” prepend a code snippet before the closing tag . The auto prepend code would exist in a seperate js file linked to the template.

sIFR, Google Analytics and many other scripts need to have a code snippet applied as well before the closing tag in order to work. It is mainly a script tag like:

What I want that for? I am preparing an extension for Joomla (which I hope to incorporate in your CMS as well when it comes out if it’s possible :) ) and would like the user to simply install the extension and have it run immediately without copy pasting any additional code in their joomla template. I like the keep-it-simple rule for such extensions and this is why I want to try JQuery.

Using the Joomla API I can “make” the extension auto include all necessery links to files used, as well as the JQuery library and an external js file that would include the “auto prepend” code that I’m talking about.

I hope you understand now what I want to do… Thanks man!

]]> By: Jack http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-211 Jack Sun, 16 Jul 2006 20:02:02 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-211 The closing body tag???? That's what I'm missing. You haven't said <i>which</i> closing tag. I don't think you can auto prepend to the body tag... but I'm just going off of one test I did weeks ago when the same thought ocurred to me. The closing body tag???? That’s what I’m missing. You haven’t said which closing tag.

I don’t think you can auto prepend to the body tag… but I’m just going off of one test I did weeks ago when the same thought ocurred to me.

]]> By: Fotis Evangelou http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-212 Fotis Evangelou Sun, 16 Jul 2006 23:43:43 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-212 Yes, now I noticed that the commenting system ate up the tag. It is the tag. The closing body tag! Yes, now I noticed that the commenting system ate up the tag. It is the tag. The closing body tag!

]]> By: Fotis Evangelou http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-213 Fotis Evangelou Sun, 16 Jul 2006 23:45:06 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-213 It ate it up again!!! instead of I will use *. So the tag is */body*. It ate it up again!!!
instead of I will use *.

So the tag is */body*.

]]> By: Fotis Evangelou http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-214 Fotis Evangelou Sun, 16 Jul 2006 23:45:58 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-214 Sorry, I see now that if the system detects an opening/closing html "arrow" it ommits it. Sorry, I see now that if the system detects an opening/closing html “arrow” it ommits it.

]]> By: Bryan http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-460 Bryan Wed, 25 Oct 2006 16:52:46 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-460 I'm loving these tutorials, they're definitely helping me get a grip on jquery. I'm curious though... When i do view the source, none of the code that you have wrapped or appended, etc actually shows up in the body code? I also noticed this on the drop-shadows one... Also, and this may be a silly question... in the wrap function... I'm assuming jquery is smart enough to know where to properly place the candidate for wrapping within the "'+''+..." so it sits in the middle of all the tags... am i correct? thanks again for the tutorials! I’m loving these tutorials, they’re definitely helping me get a grip on jquery.

I’m curious though… When i do view the source, none of the code that you have wrapped or appended, etc actually shows up in the body code? I also noticed this on the drop-shadows one…

Also, and this may be a silly question… in the wrap function…

I’m assuming jquery is smart enough to know where to properly place the candidate for wrapping within the “‘+”+…” so it sits in the middle of all the tags… am i correct?

thanks again for the tutorials!

]]> By: Jack http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-462 Jack Thu, 26 Oct 2006 01:10:01 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-462 It's in corners.js. View the source and look before the closing head tag. And yes, it knows to nest within the tags correctly. Glad you enjoy the tutorials. It’s in corners.js. View the source and look before the closing head tag.

And yes, it knows to nest within the tags correctly.

Glad you enjoy the tutorials.

]]> By: Sly http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-2546 Sly Sun, 04 Feb 2007 13:03:07 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-2546 Don't understand how this things can be applied in joomla. I have copied the jquery and jq-corner javascript files in template root, but i don't know what is the next step to make modules appear as rounded... If someone can explain... Thanks. Don’t understand how this things can be applied in joomla.
I have copied the jquery and jq-corner javascript files in template root, but i don’t know what is the next step to make modules appear as rounded…
If someone can explain…
Thanks.

]]> By: Jack http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-2556 Jack Sun, 04 Feb 2007 16:59:36 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-2556 I'm not familiar with Joomla. So the best I can recommend is to find your header template, put a correctly formatted link to your jquery javascript file, and proceed as normal. You can use the Firefox Developer plugin to verify if your javascript file is being accessed correctly. I’m not familiar with Joomla. So the best I can recommend is to find your header template, put a correctly formatted link to your jquery javascript file, and proceed as normal.

You can use the Firefox Developer plugin to verify if your javascript file is being accessed correctly.

]]> By: Colin "Vindexus" Kierans http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-5045 Colin "Vindexus" Kierans Wed, 18 Apr 2007 14:39:25 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-5045 Awesome stuff, I'm definitely going to be using this. Thanks! Awesome stuff, I’m definitely going to be using this.

Thanks!

]]> By: Henry Jin http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-5324 Henry Jin Wed, 25 Apr 2007 20:30:12 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-5324 Amazingly clean final codes. Thanks, Jack. I will implement into my project. BTW, for the jQuery plugin for rounded corners without images, I believe the author draws every rounded corner with many 1px-height divs line by line, whose width is defined by a math-function (sin, cos, sqrt). Just like a scientific x-y plotter. Amazingly clean final codes. Thanks, Jack. I will implement into my project.

BTW, for the jQuery plugin for rounded corners without images, I believe the author draws every rounded corner with many 1px-height divs line by line, whose width is defined by a math-function (sin, cos, sqrt). Just like a scientific x-y plotter.

]]> By: Nick Horne http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-27667 Nick Horne Thu, 28 Feb 2008 19:08:20 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-27667 OK, I do like this code and it is very simple and easy to use. However I am having problems trying to float elements within the roundbox div class and have tried and tried to get this to work. If anybody has any ideas or has also experienced this problem can you please offer me any advice. Have already tried the obvious. OK, I do like this code and it is very simple and easy to use. However I am having problems trying to float elements within the roundbox div class and have tried and tried to get this to work. If anybody has any ideas or has also experienced this problem can you please offer me any advice. Have already tried the obvious.

]]> By: Antoine BERNIER http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-31099 Antoine BERNIER Sun, 13 Apr 2008 01:33:23 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-31099 I've published a jquery plugin based on that technique: http://dev.pnumb.com/cornflex#jQuerycornflexplugin All you need is design your box into photoshop and load the plugin with your custom values on your elements. Refer to the wiki page for more details. Hope it helps Cheers, Antoine I’ve published a jquery plugin based on that technique: http://dev.pnumb.com/cornflex#jQuerycornflexplugin

All you need is design your box into photoshop and load the plugin with your custom values on your elements.

Refer to the wiki page for more details.

Hope it helps

Cheers,
Antoine

]]> By: Newcastle http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-41573 Newcastle Thu, 19 Jun 2008 08:34:38 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-41573 This is cool but has anyone seen the sIFR version for rounded corners? This is cool but has anyone seen the sIFR version for rounded corners?

]]> By: numericalexample.com http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-62135 numericalexample.com Wed, 20 Aug 2008 12:24:08 +0000 http://15daysofjquery.com/wrap-it-up-pretty-corners/13/#comment-62135 I have created a ToHeader plugin for joomla 1.5. You can use this extension for including jQuery and other javascript from the joomla articles. The url with the description and the download link is http://www.factsandpeople.com/facts-mainmenu-5/18-php/83-using-jquery-in-joomla-articles The plugin only works with PHP 5 and later. I have created a ToHeader plugin for joomla 1.5.

You can use this extension for including jQuery and other javascript from the joomla articles.

The url with the description and the download link is
http://www.factsandpeople.com/facts-mainmenu-5/18-php/83-using-jquery-in-joomla-articles

The plugin only works with PHP 5 and later.

]]>