Latest Uploads
Merry Xmas

Jayenkai

RCT Classic on iOS

Jayenkai

Oops

Jayenkai

Recommend_Win10

Jayenkai

Title Anim ... d Biomorph

Andy_A

Investigating

Jayenkai

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
CodersRule


And class, this is why we use jQuery.
Homepage : http://tacosareawesome.com/
Posted : Thursday, 25 August 2011, 17:06 | Permalink
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
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 461|0 -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=-
Latest Posts
AGameAWeek : 2017 - Part One
Jayenkai Thu 03:32
Praising Palm
rskgames Thu 03:19
Spinal's SNESGear
rockford Wed 10:58
My New Year resolution
spinal Wed 04:59
Paint vs Driveway
therevillsgames Tue 16:54
PPAP
Jayenkai Tue 12:32
Don't Look!
Jayenkai Tue 12:31
Twittercrap
HoboBen Tue 12:19
Nintendo Switch Presentation - Jan 2017
rychan Tue 04:43
Slow Notes
rockford Mon 12:12
More

Latest Items
Article : Maths 101 - Episode 1: Basic Trigonometry
shroom_monk Sun 14:07
Article : Maths 101 - Episode 5: Line Intersection
shroom_monk Sun 14:02
Dev-Diary : Normals and Dot products
Pakz Sat 20:37
Pets : Molly On The Couch
Jayenkai Thu 04:32
Showcase : Between Space
Pakz Sun 12:55
Snippet : Additive Particle Flames
Pakz Fri 18:12
Snippet : Maze 2d - Recursive Backtracker
Pakz Sun 07:34
Snippet : Bush fire maps
Pakz Wed 09:43
Woot : My Music
Jayenkai Sat 14:20
Snippet : Grass like image generator
Pakz Thu 00:09
Snippet : Grid Menu
Pakz Mon 12:15
Showcase : Gamma Collexion
Jayenkai Sun 12:56
Showcase : SSASE
spinal Sun 07:51
Snippet : Water in 2d map
Stealth Sat 20:19
News : Newsletter #292
rockford Fri 12:16
More

Who's Online
Jayenkai
Thu, at 05:52
rockford
Thu, at 05:51
rskgames
Thu, at 05:07
spinal
Thu, at 05:07
9572AD
Thu, at 02:34
rychan
Thu, at 02:05
Pakz
Thu, at 00:45
shroom_monk
Wed, at 17:24
steve_ancell
Wed, at 17:04
Dabz
Wed, at 14:24
Link to this page
Site : Jayenkai 2006-Infinity | MudChat's origins, BBCode's former life, Image Scaler.