Valeur de "this" ?

Hellooo !

Je souhaite modifier un tchat (BlaB Ax!).
D'origine, une fois loggé, il faut attendre une dizaine de secondes avant qu'un bouton "Messages précédents" s'affiche et permette d'afficher les messages postés avant qu'on arrive, et aussi défiler jusqu'au dernier message (en cliquant sur une petite flèche vers le bas qui apparaît une fois les messages chargés).
J'ai réussi à modifier pour ne plus devoir attendre l'affichage du bouton.
Je voudrais pousser plus loin en automatisant tout ça.

Le bouton "Messages précédents" a comme code :

Code:

---

<div style="display:inline-block;margin-bottom:5px;min-height:24px" class="history_button svg_hist x_bcolor_x x_all_rounded" onclick="show_r_history(this)"><b>Voir messages précedents</b></div><br />

---

Le bouton "Flèche vers le bas" (pour aller jusqu'au dernier message) a pour code :

Code:

---

<div id="autoscroll" class="x_bcolor_z x_circle svg_down" onclick="ascroll()"></div>

---

Bien entendu si j'essaye de remplacer onclick par onload, ca ne marche pas du tout lol

A quoi correspond "this" dans le code du bouton du "Messages précédents" ?
Si dans la fonction show_r_history(x) je fais un alert(x), j'obtiens un [object HTMLDivElement] .
Je voudrais faire un truc genre setTimeout avec show_r_history mais je ne sais que mettre entre les parenthèse pour simuler le "this" .

Si quelqu'un a une idée :)

MErkouiiin

Salut

As tu essayé onclick="show_r_history('this')"

Citation:

---

Envoyé par ProgElecT

Salut

As tu essayé onclick="show_r_history('this')"

---

'this' avec les guillemets ne marchera pas.

Citation:

---

Envoyé par Couin

A quoi correspond "this" dans le code du bouton du "Messages précédents" ?
Si dans la fonction show_r_history(x) je fais un alert(x), j'obtiens un [object HTMLDivElement] .

---

Dans cette situation, this correspond à la représentation DOM de la <div> cliquée.

---

:idea: Techniquement : quand l’analyseur HTML rencontre un attribut d’évènement comme onclick, il produit un bout de code source JavaScript, qui est immédiatement passé à l’interpréteur JavaScript. Ce code source est le code contenu dans l’attribut, encapsulé dans une fonction avec un paramètre toujours nommé event :

Code:

---

1 2 3

function (event) { show_r_history(this); }

---

Comme pour addEventListener() :

• la valeur de this correspond à l’élémént sur lequel le gestionnaire d’évènement a été attaché, en l’occurence la <div> ;
• l’argument event est un objet fournissant des informations sur l’évènement qui a eu lieu, en l’occurence le "click".

---

Citation:

---

Envoyé par Couin

Je voudrais faire un truc genre setTimeout avec show_r_history mais je ne sais que mettre entre les parenthèse pour simuler le "this" .

---

En dehors de l’attribut onclick, tu n’as pas accès aux valeurs de this et event. Tu dois donc obtenir une référence sur la <div> par tes propres moyens. Je te conseille querySelector(). À toi de trouver le bon sélecteur CSS. Aide-toi de la console ;)

Code:

---

1 2 3 4

setTimeout(() => { const laDiv = document.querySelector( … ); show_r_history(laDiv); }, 1000);

---

Citation:

---

Envoyé par Couin

Bien entendu si j'essaye de remplacer onclick par onload, ca ne marche pas du tout lol

---

C’est normal, les <div> n’émettent pas d’évènement "load". Mais tu peux surveiller le moment où elles sont ajoutées au DOM avec MutationObserver.

Hello,

roh la honte, j'ai totalement zapped ce sujet , désoled :(

Pour le coup, la fonctionnalité (aller directement au dernier message) a été ajoutée d'origine sur le tchat lors d'une des dernières mises à jour.

J’ai juste changé le délai pour que ca se fasse plus rapidement.

En tout cas merci d'avoir répondu :)

Bonne fêtes :P