Roundies.js (angle arrondi ss IE) marche pas! [Résolu]

Hello !

Ayé, ça fonctionne ! Je suis super speed aujourd'hui (début de vacances, avions et tout ce qui va avec...), j'espère que je vais être clair.

1. Tu ne change rien à ton/tes fichiers .css, hormis les habituels codes pour le radius à la netscape comme ça:

	
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
-khtml-border-radius : 3px;

2. Dans les lignes suivantes tu verra que (pour d'autres raisons), j'ai un style conditionnel pour IE, on s'en fiche. Ce qui compte est juste en dessous et n'est pas conditionnel, de toute façon Firefox n'en fera rien (au pire une erreur dans un coin, à voir). Tu importes le roundies.js, et tu ajoutes les arrondis que tu souhaites directement sur les ID et/ou CLASS des div que tu veux :

<!-- DD roundies (coins arrondis pour ie) -->
<!--[if IE]>
	<link rel="stylesheet" href="./css/main_ie.css" type="text/css"/>
<![endif]-->
<script type="text/javascript" src="./css/roundies.js"></script>
	<script>
		DD_roundies.addRule('.btn', '3px', true);
		DD_roundies.addRule('.active_btn', '3px', true);
		DD_roundies.addRule('#global', '10px', true);
		DD_roundies.addRule('#menu', '10px', true);
		DD_roundies.addRule('#video', '10px', true);
		DD_roundies.addRule('#centre', '10px', true);
		DD_roundies.addRule('#addon', '10px', true);
		DD_roundies.addRule('#webcam', '10px', true);
		DD_roundies.addRule('#annonce', '10px', true);
		DD_roundies.addRule('fieldset', '5px', true);
		DD_roundies.addRule('input', '3px', true);
		DD_roundies.addRule('textarea', '3px', true);
	</script>

3. Là je crois que c'est tout... Le site sur lequel j'ai fait ça est en ligne (http://www.france-vacationhome.com), si problème, re-poste, ou utilise FireBug pour fouiner dans mon code !

Good Luck !

Guillaume PELESE
gpelese.fr

Ben alors?!!
Serais-je le seul à utiliser le script "Roundies" sur cette planète?!?

Bon! Personne ne peux m'aider? Svp?

Hello,

Je suis dessus depuis ...3jours ^^
courage, je te fais signe une fois ok.

gp

Merci!

J'ai l'impression ke ce n'est évident!!

Bon courage!

Alors? Toujours pas de solution à l'horizon?

peut être qu'il te faut lancer la fonction au chargement.

window.onload = function(){
DD_roundies.addrule('.BordureTableau', '20px 20px 0px 0px');
}

car tes éléments ne sont pas encore chargé.

pazz

@ gp
Super! Merci beaucoup pour ton aide!
C'est grâce au code que tu as posté que j'ai pu régler le problème: une simple histoire de majuscule!!

En effet, dans mon code j'ai mis:
"<script type='text/javascript'>DD_roundies.addrule('.BordureTableau', '20px 20px 0px 0px');</script>"

Alors qu'il faut mettre:
"<script type='text/javascript'>DD_roundies.addRule('.BordureTableau', '20px 20px 0px 0px');</script>"

Et voila! Le remplacement du "addrule" par "addRule" a résolut le problème!

Cela dit, j'ai remarqué un certain délai dans l'application des angles arrondis.
Je vais essayé d'exécuter la fonction au chargement, comme conseillé par pazz.

En tout cas, merci beaucoup pour votre aide!

@ pazz
Merci pour ta contribution.
J'ai testé ton code mais hélas, il ne règle pas le problème de casse initial et il n'apporte pas non plus de solution pour le problème du délais d'application des angles arrondis.

En tout cas, merci beaucoup quand même d'avoir pris du temps pour lire et répondre.

@+!