Discussion :

[Beginner.]

Salut,

Comment différencier un objet "classique" d'une node ?

Par objet "classique" je veux dire un objet comme obj : var obj = {};...

Par node je veux dire un élement comme elm : var elm = document.createElement("div") ;...

---> typeof donne "object" dans les deux cas.

J'ai pensé alors à tester ce genre de condition : elm.tagName != undefined...

Mais je voulais savoir si il y a quelque chose de prévu pour faire ça.

[Marco46]

Quel est ton besoin ? Formulé autrement, pourquoi as-tu besoin de savoir si un littéral est un noeud de l'API DOM ?

[Beginner.]

Je ne sais pas si tu vas me comprendre mais en gros c'est un paramètre du constructor d'une class :

Cela peut être une node et dans ce cas j'ajoute un écouteur "resize" qui va lire directement les dimensions clientWidth | clientHeight et scrollWidth | scrollHeight.

Si c'est un objet alors pas d'écouteur, je dois lancer une fonction update avec les dimensions fourni par l'objet...

EDIT : en fait il y a d'autres choses : si c'est une node je modifie directement et automatiquement son scrollLeft / scrollTop si c'est un objet ben je fourni seulement les positions pour qu'elles soient exploitées par l'utilisateur ...

J'ai pensé alors à tester ce genre de condition : elm.tagName != undefined...

---> Bon pour tester si "obj" est un objet "classique" je pense qu'il y a aussi : obj instanceof Object...

[Marco46]

Avec le code de la classe ça serait plus clair

Petit tips en passant, on n'écrit jamais de logique dans un constructeur quel que soit le langage, c'est mal.

[danielhagnoul]

La fonction kGetType (Vérification du type en ES5) fera la différence, elle est incluse et dépendante du fichier dvjhUtilities-1.8.4.js

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<script src="https://danielhagnoul.developpez.com/lib/dvjh/dvjhUtilities-1.8.4.js"></script>

Voir la présentation du fichier et comment l'utiliser dans mon blog, le billet https://www.developpez.net/forums/bl...ties-1-8-0-js/.

[Beginner.]

@danielhagnoul : Merci je vais regarder ça...

Avec le code de la classe ça serait plus clair

C'est pour fabriquer des scrollBars personnalisables, je ne sais pas si le code source aidera beaucoup mais j'ai posté un exemple avec scrollbar horizontale ici : https://playcode.io/230988?tabs=cons...ript.js&output

J'ai ajouté dans le constructeur de la première class (dans scrollbarXY.js) :

Code javascript :

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
if (elem.tagName !== undefined) { // ajoute ces deux listener seulement si elem est un élèment du DOM...
 
            elem.addEventListener("scroll", function (e) {
                self._update(this);
                self._setPos(elem[self._axis == "x" ? "scrollLeft" : "scrollTop"] / self._factor);
            }, false);
 
            window.addEventListener("resize", function (e) {
                self._update(self._elem);
            }, false);
 
            if (self._onScroll === undefined) {
                self._onScroll = function () {
                    elem[self._axis == "x" ? "scrollLeft" : "scrollTop"] = Math.round(self._scrollPos);
                }
            }
        }

Petit tips en passant, on n'écrit jamais de logique dans un constructeur quel que soit le langage, c'est mal.

Merci. Alors il faut que je vois si mon code est concerné par cela...