Modifier la toolcase Topaze via JS (toolcase undefined)


#1

Bonjour,

Je me permets de vous contacter car, dans le cadre de la conception d’une charte, j’aimerais ajouter et retravailler certains éléments de la toolcase Topaze (ajout d’un bouton de sauvegarde et regroupement d’outils dans un sous-menu pour gagner de la place sur les terminaux mobiles).

Pour cela, j’utilise le fichier skin.js. J’essaie de récupérer la toolcase (getElementsByClassName) mais au moment ou skin.js se charge, la toolcase (comme ses parents jusqu’à div#tplLft) n’existe pas encore. J’ai bien essayé la méthode scOnLoads mais ça ne donne rien non plus de ce côté-là.

Auriez-vous des idées ?
Vous remerciant

Camille


#2

Bonjour,
Ayant trouvé la solution je la partage avec ceux qui seraient intéressés:

  1. Dans le répertoire js, créer un second fichier .js en plus de skin.js

  2. Dans skin.js, ajouter les lignes suivantes

var script2fin = document.createElement(‘script’);
script2fin.defer=‘defer’;
script2fin.src=’…/skin/js/nomDuSecondFichierJS.js’;
document.body.appendChild(script2fin);

  1. Vous pouvez ensuite travailler uniquement dans votre second fichier

L’attribut “defer” permet de différer l’exécution (en l’occurrence du second fichier de script) à la fin du chargement du document (une fois que tout existe).

Cordialement,

Camille