Yes, unfortunately I know it can't go into the core as it does not support
IE.
But, the two value radius is accepted by this function of mine. I just
didn't know it existed =).
If you call $("id_elemente").setBorderRadius("20px 40px") on Chrome, it will
display its oval shape.
Thanks for the info though. At least I know it also works for borders like
that.
It would be great if this could be applied to IE, but don't think it will
ever happen until they accept the border-radius css attribute. At least, for
what I'm doing I can forget about IE users, as the rounded borders are just
a fancy-non-functional looking thing, as almost every rounded border is, I
think, hehe. That's why I posted it here.
On Fri, Aug 13, 2010 at 09:55, joe t. <thooke...@gmail.com> wrote:
> This is nice as a basic-level script to apply border-radius on
> browsers that support it. That said, it's missing a couple things:
> Webkit (and/or Opera?) supports two radius arguments for each corner,
> which allows the corner to be morphed into a more oval shape. To my
> knowledge, Firefox doesn't support that yet.
> http://www.w3.org/TR/2002/WD-css3-border-20021107/#the-border-radius
>
> Since the function doesn't provide a cross-browser solution for IE,
> and doesn't fully support what each of the other browsers can do, my
> guess is this will have a hard time getting into the Core. But that
> doesn't detract from its usefulness as a quick utility function.
>
> Maybe the devs have some ideas for broadening the capabilities for it,
> though.
> -joe t.
>
>
> On Aug 12, 8:51 pm, Rafael Raposo <orapo...@gmail.com> wrote:
> > Hello,
> >
> > I don't know what you think about border radius right now, but as it is
> not
> > totally cross plataform yet, I managed to create a function to set it
> almost
> > cross plataform, BUT, not in IE htc file hell stuff.
> >
> > (function() {
> > var borderRadius = {
> > _all: $w("borderRadius MozBorderRadius
> webkitBorderRadius"),
> > topLeft: $w("borderTopLeftRadius MozBorderRadiusTopleft
> > webkitBorderTopLeftRadius"),
> > bottomLeft: $w("borderBottomLeftRadius MozBorderRadiusBottomleft
> > webkitBorderBottomLeftRadius"),
> > topRight: $w("borderTopRightRadius MozBorderRadiusTopright
> > webkitBorderTopRightRadius"),
> > bottomRight: $w("borderBottomRightRadius
> MozBorderRadiusBottomright
> > webkitBorderBottomRightRadius")
> > };
> >
> > function setBorderRadius(element, borders) {
> > var realBorders = {};
> > if(Object.isString(borders)) {
> > borders = {_all:borders};
> > }
> > for(var border in borders) {
> > borderRadius[border].each(function(borderTranslate){
> > realBorders[borderTranslate] = borders[border];
> > });
> > }
> > element.setStyle(realBorders);
> >
> > return element;
> > }
> >
> > Element.addMethods({
> > setBorderRadius: setBorderRadius
> > });
> >
> > })();
> >
> > It accepts arguments like:
> >
> > $("id_element").setBorderRadius("30px");
> > $("id_element").setBorderRadius({topLeft:"30px", bottomRight:"30px"});
> >
> > In fact I may not be aware of how to deal with rounded borders for the
> > present state, but this function just helped me a little so it may help
> some
> > of you.
> >
> > Cheers
> > Rafael
>
> --
> You received this message because you are subscribed to the Google Groups
> "Prototype: Core" group.
> To post to this group, send email to prototype-core@googlegroups.com
> To unsubscribe from this group, send email to
> prototype-core-unsubscr...@googlegroups.com
> For more options, visit this group at
> http://groups.google.com/group/prototype-core?hl=en
>
--
You received this message because you are subscribed to the Google Groups
"Prototype: Core" group.
To post to this group, send email to prototype-core@googlegroups.com
To unsubscribe from this group, send email to
prototype-core-unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/prototype-core?hl=en
