3.9 - Glisser déposer transparent par javascript

3.9 - Glisser déposer transparent par javascript

par Éric Bugnet,
Nombre de réponses : 1
Avatar Développeurs de plugins Avatar Documentation writers Avatar Traducteurs

Bonjour,

Besoin d'aide de codeurs javascript, ou d'idées.

Je tente de contourner le fait que dans la question de type glisser déposer sur une image, l'image possède forcément un fond blanc. Je souhaiterais utiliser une image png en conservant la transparence.

En regardant de près, on peut modifier ce comportement en modifiant le CSS, mais je ne souhaite pas le faire définitivement (pourquoi pas en fait... ?).

Je pensais mettre du code javascript dans le texte de la question pour modifier le CSS au chargement de la page.

Ça marche, mais pas bien : j'arrive à modifier le css à la volée, mais il semble qu'il soit ensuite à nouveau écrasé, et je comprends pas pourquoi.

En pièce jointe, l'exemple d'une question avec le code Javascript suivant :


<script type="text/javascript">
    var addCSS = document.createElement('style');
addCSS.innerHTML = ".que.ddimageortext  .transparentgroup {background: none; border:dotted grey 1px;}";
    document.body.appendChild(addCSS);

    function transp() {
        var img = document.getElementsByTagName("img");
       var i;
        for (i = 0; i < img.length; i++) {
            if (img[i].classList.contains("group1")) {
                img[i].classList.add("transparentgroup");
            }
        }
    }
    document.addEventListener("load", transp())
</script>


J'ai mis un bouton pour tester, ça fonctionne très temporairement (fraction de seconde).

Si vous avez une idée du pourquoi...

Je suis pas codeur, alors il y a sûrement des choses a améliorer dans ce que j'ai fait, hésitez pas !

Éric

Moyenne des évaluations  -
En réponse à Éric Bugnet

Re: 3.9 - Glisser déposer transparent par javascript

par Éric Bugnet,
Avatar Développeurs de plugins Avatar Documentation writers Avatar Traducteurs
Bon, je m'auto répond...
Pour info, si je place ce script dans un bloc HTML présent durant le quizz, ça fonctionne...
Ça répond pas tout à fait à mon attente, mais j'avance un peu...
Éric