Latest Uploads
Vagina

Jayenkai

You Were Defeated

rychan

IFS Viewer 3

Andy_A

Still Truckin'

rychan

Curlicue Fractals

Andy_A

heroextant ... -small.png

HoboBen

Forum Home

Changing style with javascript = fail :(

UserMessage
Posted : Saturday, 20 August 2011, 07:23 | Permalink
spinal


Below you will see a crude attempt at a page for outputting css code for corner radii (with preview). It works fine in chrome, but fails completely in firefox (currently untested in safari), even though, as far as I can tell I am using the correct method for changing the corners from javascript.

-->
The above code, appears to do absolutely nothing at all, even though according to many online sources, it is the correct way to accomplish the task.

-->

Why can all browsers just stick to the same standard?!!

-----
Download "Don't Flip Out!" Directly to your OUYA! (Click Here).
Homepage : http://spinalcode.co.uk
Posted : Saturday, 20 August 2011, 10:14 | Permalink | Mark Here
CodersRule


And class, this is why we use jQuery.
Homepage : http://tacosareawesome.com/
Posted : Thursday, 25 August 2011, 17:06 | Permalink | Mark Here
HoboBen


WW Entries : 9
Did you manage to fix this in the end? I had a look but couldn't see anything obviously wrong.

From Firefox 4 (Gecko 2.0), you can (see notes) use CSS3 border-radius as normal - does getting rid of the MozBorderRadius code completely work?

-----
Posted : Thursday, 25 August 2011, 17:20 | Permalink | Mark Here
JL235


WW Entries : 7
I've just had a quick look.

Solution 1

It seems that mozBorderRadius does not work via JavaScript. This is probably because it now supports 'borderRadius', which is the proper way to set this.

In FireFox, any valid style appears to return an empty string, "". This means you can test if a style is value by using:
-->
... or better ...
-->

So my advise is to try:
-->
I've not tested the above, but something similar to that, should work ok in FireFox. I'm testing if each of the arguments given is undefined, and the moment I find one that is not, I set the value and return.

However it would not surprise me if WebKit and IE work entirely differently.

Solution 2

-->
^ jQuery, end of.

-----
PlayMyCode.com - build and play in your browser, Blog, Twitter.
Homepage : http://www.StudioFortress.com
-=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- (c) WidthPadding Industries 1987 649|0 -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=-
Latest Posts
PS4 Games
Jayenkai Wed 00:12
Jay Buys an iPhone
Pakz Tue 10:09
Star Trek - Discovery
Jayenkai Tue 00:51
Is Monkey2 3D?
therevillsgames Mon 13:53
What Can You Post?
Jayenkai Mon 09:34
Sonic Mania
Jayenkai Sun 13:51
Robot Wars
Jayenkai Sun 11:57
Monkey Fullscreen
Jayenkai Sun 06:24
Porting
spinal Sun 04:15
AGameAWeek : 2016 - Part Two
Jayenkai Sun 01:34
More

Latest Items
Snippet : Platform Sprite Generator
Jayenkai Tue 15:22
Snippet : Code Creates Crates
HoboBen Tue 07:02
Snippet : Texture - Leafy camouflage
HoboBen Tue 07:00
Snippet : Texture - Stone 3
Pakz Mon 09:55
Snippet : Texture - Stone 2
Pakz Mon 09:50
Snippet : Texture - Stone 1
Pakz Mon 09:46
Snippet : Texture - Cloudy Patterns
Pakz Mon 08:57
Showcase : Mining Map AI Demo
steve_ancell Wed 08:00
Showcase : Deflektivity
Jayenkai Mon 11:54
Showcase : Grey Lined Backgrounds
HoboBen Mon 04:17
Showcase : CAVE
Jayenkai Sun 07:20
Showcase : I Shall Be Queen!
rychan Fri 06:41
Snippet : Thousands of 3D Cubes
Pakz Fri 02:49
Showcase : Go!
rychan Thu 23:13
Showcase : Map Generator variation
Pakz Sat 00:08
More

Who's Online
rockford
Wed, at 00:58
Jayenkai
Wed, at 00:46
GfK
Wed, at 00:22
spinal
Wed, at 00:01
Pakz
Tue, at 15:20
therevillsgames
Tue, at 14:08
shroom_monk
Tue, at 13:25
steve_ancell
Tue, at 13:07
Krakatomato
Tue, at 13:03
Dabz
Tue, at 11:23
Link to this page
Site : Jayenkai 2006-Infinity | MudChat's origins, BBCode's former life, Image Scaler.