Discussion :

[NouveauDev]

Bonjour,

J'ai une application ou j'ai une liste déroulante en en-tête et un tableau.
En fonction de ce qui est sélectionné dans la liste déroulante, le contenu du tableau est différent.
Pour modifier la ligne je dois la sélectionner et cliquer sur le bouton "Modifier".
Un modal s'ouvre et me permet d'effectuer mes modifications.
Je clique ensuite sur "Valider" et mon modal se ferme et mes modifications remontent correctement.

Mais quand je sélectionne un autre élément dans la liste déroulante, un autre contenu dans le tableau s'affiche et la ligne précédemment
modifiée n'est plus visible.

Aucune ligne n'est sélectionnée dans ce nouveau tableau mais quand je clique sur "Modifier", j'ai les informations de la ligne précédemment
modifiée !

J'aimerais donc simuler un clic dans ma fenêtre pour désélectionner la ligne mais mon code ne fonctionne pas :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
function simulateClick() {
            var event = new MouseEvent('click', {
              'view': window,
              'bubbles': true,
              'cancelable': true
            });
            var cb = document.getElementById('link');
            cb.dispatchEvent(event);
          }
          simulateClick();

Merci d'avance pour votre aide.

[tsuji]

Que voulez-vous dire "ma fenetre" ?

[NouveauDev]

Bonjour,

L'interface de mon application.

[tsuji]

Vous avez parlé de liste déroulante, de tableau, de modal... mais c'est quoi le link ? L'interface de votre application, ce n'est pas un navigateur, je suppose ? Si vous ne sentez pas confortable de poster la page (de cliente ?, pas tout entier mais les structures concernées) ici, je propose vous faites poster la question au forum général javascript où les membres auraient plus de persistantes de vous questionner le détail. Que diriez-vous ?

[NouveauDev]

Bonjour,

Vous avez peut etre raison, le message n'est peut être pas dans la bonne catégorie.
Je constate néanmoins que je n'ai pas été clair.
J'aimerais simuler un click sur une div dans mon interface

[tsuji]

J'aimerais simuler un click sur une div dans mon interface

Si 'link' est @id d'un div, on doit y avoir un handler de clic préalable pour y arriver de simuler quoi que ce soit.

Code html :

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

<div id="link" onclick="console.log('div link is clicked')">

Faites voir pour tester. (Il faut chercher le console logging pour trouver le message. Ou bien utiliser alert() au lieu de console.log(); mais ce serait plus intrusif.)

Dans le cas où il y a un handler de l'événement clic dans le parent ou ancêtres de cette div, il faut faire un peu plus d'attention si vous ne voulez pas de les faire fonctionner puisque vous mettez bubbles: true. Pour faire un teste plus net, mettez bubbles: false uniquement pour tester.

[NouveauDev]

J'ai compris
Je ne m'y prennais pas de la bonne manière
Merci pour votre aide