Discussion :

[boteha]

Bonjour,

Voir ce codepen

Le javascript vise � allumer les parents.

Il fonctionne bien sur grand �cran.

Par contre, sur petit �cran, les id en minuscule (exemple : id="a") ne sont plus allum�es.

Je ne suis pas arriv� � rendre le code insensible � la casse.

Pouvez-vous m'aider ?

[NoSmoking]

Bonjour,

Je ne suis pas arriv� � rendre le code insensible � la casse.

tu n'as pas � chercher � rendre JavaScript insensible � la casse, c'est peine perdue.
C'est � toi de tenir compte de tes contraintes issues de ton analyse !

Comme, suivant la taille de la fen�tre d'affichage, tu masques/affiches un ou l'autre de tes �l�ments rien ne t'emp�che de leur affecter en m�me temps les m�mes classes.

J'ai trouv� ton code inutilement compliqu�, compte tenu des navigateurs actuels, mais bon ceci �tant tu peux simplifier ta fonction initBotegaRollover pour tenir compte de ma remarque ci-dessus.

Cela pourrait donner quelque chose comme :

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
18
19
20
21
function initBotegaRollover() {
  // définition fonction
  const customFunction = function (objet, doOver) {
    let id = objet.id;
    while (id.length > 1) {
      id = id.substr(0, id.length - 1);
      // récup. lower et Upper id
      elems = document.querySelectorAll("#" + id + ",#" + id.toLowerCase());
      // Array.prototype.forEach.call(elems, function(el){  // si IE support
      elems.forEach(function (el) {
        doOver ? addClass(el, 'blu') : removeClass(el, 'blu');
      });
    }
  };
  // affectation action aux tables
  const tables = document.querySelectorAll(".roll");
  // Array.prototype.forEach.call(tables, function(table){  // si IE support
  tables.forEach( function(table){
    addCustomRollover(table, customFunction);
  });
}

� voir si cela convient � ton besoin !

[javatwister]

Le javascript vise � allumer les parents.

C'est un message subliminal? Une maxime m�taphysique? Une d�claration de r�volte contre l'autorit� parentale?

Parce que sinon, vu que tout est dans un tableau, quel int�r�t de masquer les cellules et de souligner par un script tr�s long les lignes et les colonnes correspondant au contenu point�?

[boteha]

Bonjour,

Merci de votre suivi.

J'essaye ce soir le code de NoSmoking. Je vous tiens inform�s.

Autrement ce script date d'il y a 10 ans, il est adapt� aux navigateurs de l'�poque.
Ce n'est pas moi qu'il l'ai �crit et je dois dire que je ne suis pas assez cal� en javascript pour l'am�liorer.
Il a le m�rite de bien fonctionner et d'�tre tr�s rapide en d�pit de sa complexit�.

Parce que sinon, vu que tout est dans un tableau, quel int�r�t de masquer les cellules et de souligner par un script tr�s long les lignes et les colonnes correspondant au contenu point�?

Masquer les cellules c'est pour avoir en petit �cran une mise en page plus compacte.
J'ai cherch� � le faire en css mais l� je m'y connais un peu et je n'ai pas trouv� de solution sans ajouter de la structure HTML, ce qui est regrettable, j'en conviens.

Allumer les parents c'est un effet sympa dans un tableau arborescent.

[boteha]

Bonjour,

Le code de NoSmoking fonctionne parfaitement.

Je l'ai int�gr� au codepen.

Je mets en production avant de cliquer R�solu.

[boteha]

Bonjour,

Code bon pour Firefox, Chrome, Edge.

Par contre ne fonctionne pas sur IE 11, je suppose que tu t'en doutais.

Ce n'est pas trop grave mais si tu vois une petite correction � faire pour le rendre compatible avec IE c'est toujours mieux.

[javatwister]

As-tu vu que les lignes 9 et 17 proposaient une alternative IE?