Discussion :

[Couin]

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 HTML :

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

<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 HTML :

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

<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

[ProgElecT]

Salut

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

[Watilin]

Salut

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

'this' avec les guillemets ne marchera pas.

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.

---

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 :

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

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".

---

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 :

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

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

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.

[Couin]

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