Redimensionner un -moz-border-radius

Version imprimable

25/01/2010, 14h27
Storke

Redimensionner un -moz-border-radius

Bonjour,

je fais un site de jeu où j'affiche des jauges, dont la taille est redimensionnée en Ajax grâce à la valeur css "width", et, pour une raison esthétique, j'ai décidé d'utiliser un -moz-border-radius pour avoir des jauges arrondies.
Le problème est que quand je redimensionne ma jauge, les lignes rajoutées à la jauge ne s'affichent pas correctement, sûrement parceque le -moz-border-radius n'est pas "recalculé"...

Existe t-il un moyen de redéfinir ce -moz-border-radius via javascript?

Merci!

peut être en passant par le cssText ??

sinon en appliquant bêtement la règle de tranformation de propriété de style css et DOM

-x => X

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<style type="text/css">
pre {
  border: solid 10px;
 
  /* the border will curve into a 'D' */
  -moz-border-radius: 0 50px 50px 0;
  height:100px;
  width:500px;
}
</style>
</head>
 
<body>
<pre id="foo" >ccc</pre>
<input type="button" onclick="document.getElementById('foo').style.MozBorderRadius='50px 0 0 50px'" value='test' />
 
</body>

27/01/2010, 16h07
Storke

Merci pour votre réponse!

J'ai essayé ce que vous m'avez dit, mais ça ne marche pas... J'ai aussi essayé de redimensionner les 4 MozBorderRadius (BorderBottomLeft, BorderTopRight...) sans résultat...
27/01/2010, 16h18
SpaceFrog

Heu tu testes sous quel navigateur ???

j'ai testé avec succès de mon coté ...
27/01/2010, 17h09
Storke

Je teste sous Firefox.

Quand vous avez fait un test, le -moz-border-radius était t-il défini en CSS dans un premier temps?
27/01/2010, 20h34
SpaceFrog

j'ai testé tel que donné au dessus
28/01/2010, 18h05
Storke

J'ai résolu mon problème de façon assez "sale". En faisant un innerHTML avec une div que j'avais reconstruit en javascript!