Roundies.js (angle arrondi ss IE) marche pas! Résolu/Fermé

Question

Bonjour, J'essaie désespérément depuis deux jours de faire fonctionner le script "Roundies.js", récupéré ici (Tuto + Liens): >> https://www.alsacreations.com/tuto/lire/891-coins-arrondis-css-sans-images.html << Ce script a pour but de remplacer la propriété CSS3 "border-radius" sous Internet Explorer puisque celui-ci ne la gère pas (comme tant d'autre chose...). Le fichier "Roundies.js" se trouve dans le même répertoire que les fichiers PHP. Voici un extrait du code du fichier PHP: Un extrait du code CSS: .BordureTableau { margin: auto; margin-bottom: 25px; border: none; background-color: #4681FF; border-radius: 20px 20px 0px 0px; -moz-border-radius: 20px 20px 0px 0px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; } Il me semble avoir bien respecté ce qui est dit dans le tuto alors... pourquoi sa fonctionne pas?!!

gp · Accepted Answer

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

Fonx2 · Answer

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

Fonx2 · Answer

Bon! Personne ne peux m'aider? Svp?

gp · Answer

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

Fonx2 · Answer

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

Fonx2 · Answer

Alors? Toujours pas de solution à l'horizon?

pazz · Answer

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

Fonx2 · Answer

@ 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: "" Alors qu'il faut mettre: "" 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!

Fonx2 · Answer

@ 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.

@+!

Roundies.js (angle arrondi ss IE) marche pas!

9 réponses

Discussions similaires