Redimensionner un -moz-border-radius

**Storke** · 25/01/2010, 14h27

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!

**SpaceFrog** · 25/01/2010, 14h47

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**Storke** · 27/01/2010, 16h07

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...