In my application, the colors are retrieved from a color picker, which are then inserted as variables in the Gradientz's properties 'start' and 'end'.
Then a button is used to apply the 'Gradientz' on a div when it's clicked. In Firefox, it works only once but in IE the Gradientz can be applied as many times as the button is clicked, which is weird. Do you know how I can make it work in Firefox? weepy wrote: > > > Updated to version 0.4 > > Changelist : > > 0.3 > Added Support for "distance", > Default colors calculated from background > Added additional positioning CSS options (e.g. bottom or right) > > 0.4 > Added support for negative angles and some more examples > Fix IE strange border effects with overflow: hidden and adding 1px to > width and height of VML > Now wrap innerHTML in a div to preserve zIndex > > http://www.parkerfox.co.uk/labs/gradientz > http://www.parkerfox.co.uk/labs/gradientz/examples.html > > On 4 Nov, 14:52, "Andy Matthews" <li...@commadelimited.com> wrote: >> Man...how's that for service! Great job weepy! >> >> -----Original Message----- >> From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On >> >> Behalf Of weepy >> Sent: Tuesday, November 04, 2008 8:41 AM >> To: jQuery (English) >> Subject: [jQuery] Re:Gradientz >> >> Ok this is fixed -> I've just pushed a new version. Check again - it >> should >> be fixed. >> >> http://www.parkerfox.co.uk/labs/gradientz/ >> >> On 4 Nov, 14:37, Rick Faircloth <r...@whitestonemedia.com> wrote: >> > Thanks, weepy... >> >> > When you said it "creates graduated backgrounds" I assumed it would >> > respond like a true background image. Perhaps that's not what you >> > intended. >> >> > Rick >> >> > weepy wrote: >> > > Ah Rick - I'll take a look. >> >> > > On 4 Nov, 14:14, Rick Faircloth <r...@whitestonemedia.com> wrote: >> >> > >> Hey, I likegradientzvery much! >> >> > >> Question... how do I make the gradient to be the background for a >> > >> div? >> >> > >> I created a div with a gradient and put the text inside the div, >> > >> but the text appears outside the gradient, not over it... >> >> > >> <script type="text/javascript"> >> >> > >> $(document).ready(function() { >> > >> $('#box1').gradientz({ >> > >> start: "gray", >> > >> end: "white", angle: 0 >> > >> }) >> > >> }); >> >> > >> </script> >> >> > >> <div id="box1" style="height:200px; width:200px; padding:10px; >> > >> color:white;"> >> > >> This is the text in my gradient box!</div> >> >> > >> Rick >> >> > >> weepy wrote: >> >> > >>> Just released a jQuery plugin "Gradientz" which creates graduated >> > >>> backgrounds without the need for images. >> >> > >>> * Uses VML in IE and canvas in Firefox, Webkit. >> > >>> * Cross Browser: Tested on FF3, IE6, IE7, Safari >> > >>> * Fast >> > >>> * No need for excanvas >> > >>> * Small: 2.2k uncompressed >> >> > >>> For those of you that have seen Cornerz - it works in a very >> > >>> similar way. >> >> > >>> See more herehttp://www.parkerfox.co.uk/labs/gradientz/ >> >> > >>> Enjoy! >> >> > >>> weepy ;..( >> >> > >>> ------------------------------------------------------------------ >> > >>> ------ >> >> > >>> No virus found in this incoming message. >> > >>> Checked by AVG -http://www.avg.com >> > >>> Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date: >> > >>> 11/3/2008 4:59 PM >> >> > >>> ------------------------------------------------------------------ >> > >>> ------ >> >> > >>> No virus found in this incoming message. >> > >>> Checked by AVG -http://www.avg.com >> > >>> Version: 8.0.175 / Virus Database: 270.8.6/1765 - Release Date: >> 11/3/2008 4:59 PM > > -- View this message in context: http://www.nabble.com/Gradientz-tp20319801s27240p23765390.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
