Recherche un élément puis simuler un clic dessus.

Version imprimable

Voir 40 message(s) de cette discussion en une page

Citation:

je comprend mais pourquoi :

parce que dans un cas il traite une chaîne et dans l'autre un numérique.

• Avec le code HTML suivant :

Code:

<span id="123" data="123">...</<span>

Regarde ce qui se passe avec ces codes

Code:

1
2
3
4
5
6
7
8
console.log("(0)",document.getElementById("123"));                  // valide
console.log("(1)",document.getElementById(123));                    // valide
 
console.log("(2)",document.querySelector('#\\31 23'));              // valide en échappant le premier chiffre suivi d'un espace
console.log("(3)",document.querySelector('[data=\\31 23]'));        // valide en échappant le premier chiffre suivi d'un espace
console.log("(4)",document.querySelector('[data=\\31\\32\\33]'));   // valide en échappant chaque chiffre
console.log("(5)",document.querySelector('[data="123"]'));          // valide avec guillemets
console.log("(6)",document.querySelector('[data=\'123\']'));        // valide avec échappement des quottes

• Voir 4.1.3 Characters and case

Citation:

Même en mettant les ', le résultat reste incorrecte :/

l'exemple est traité ci dessus.

20/04/2018, 14h41
Watilin

Citation:

Envoyé par Kametleon

je comprend mais pourquoi :

Code:

WebControl1.ExecuteJavascriptWithResult("document.querySelector('a[data-tab=provalys]').click()")

Ca fonctionne. Et pas :

Code:

WebControl1.ExecuteJavascriptWithResult("document.querySelector('img[data-id=523822]').click()")

C’est juste une hypothèse, mais dans le premier cas le clic est émis sur un lien, et dans le second cas sur une image. Peut-être que ça ne marche qu’avec les liens.
20/04/2018, 17h17
Kametleon
Avec vos infos j'ai donc :
Code:

1 2 document.querySelector('#anewacts').querySelector('div[data-id=\\538476]').click() document.querySelector('#anewacts').querySelector('div[data-id=\'538476\']').click()
J'ai bien mis les ' et \ au bon endroit ?
Je test dés que possible :)
EDIT: Malgré tout les forme d’écriture, il ne se passe rien ... Je commence à croire que .click() ne fonctionne que sur des liens et pas sur des img ou bouton...

Je me suis posé la même question que @Watilin...

Citation:

C’est juste une hypothèse, mais dans le premier cas le clic est émis sur un lien, et dans le second cas sur une image. Peut-être que ça ne marche qu’avec les liens.
20/04/2018, 18h57
Kametleon
Bon j'ai réussit avec une chinoiserie
Code:

1 2 document.querysSelector('#agrid > div > div:nth-child(8) > div.uicon.round > img.icon.round')
Mais le soucis (sinon sa serait trop simple) c'est que le div:nth-child(8) n'est pas toujours le 8 ...
il y aurait moyen de compter pour trouver le bon numéro ?
24/04/2018, 12h05
NoSmoking
Citation:

Mais le soucis (sinon sa serait trop simple) c'est que le div:nth-child(8) n'est pas toujours le 8
- à quoi ressemble ton code HTML pour ces éléments ?
- tu ne peux pas le cibler autrement en modifiant tes ID par exemple ?

La page web n'est pas de mon fait. Sauf erreur de ma part je ne peux donc pas changer les ID ou autres éléments de la page...
Je sais que les <div> et que le code HTML est mit en place suivant des critères (rempli ou non).
Au chargement de la page il doit aller vérifier certaines choses puis il m'affiche en conséquence les éléments que je doit remplir.

Le code HTML général reste le même mais les "Childs" sont différents suivant les critères de chargement de la pages qui changent de temps à autres...
le code est comme je citais dans mes précédents messages :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <div id ="agrid"> <div2> ... <divX> <p id="sel" class=""> <img class="round vessel" data-id="523822" src="/img/provalys.png" title="Provalys"> <img class="round vessel" data-id="953485" src="/img/gaselys.png" title="Gaselys"> </p> </divX> ... </div2> </div>
Le code suivant fonctionne pour "appuyer" sur une image contenu dans le 8iéme div

Code:

document.querysSelector('#agrid > div > div:nth-child(8) > div.uicon.round > img.icon.round')

Mais ... La page se chargeant suivant certains critères que je n'ai pas ce n'est pas toujours le 8iéme... Donc le code ne fonctionne que si j'arrive à trouver que se que je cherche est dans le 8iéme child...
PS: Le code ci-dessus je l'ai eu en "inspectant" mon élément avec Chrome et en copiant le Selector proposé par ce dernier.

DANS LE MEILLEUR DES MONDES ^^ :
Le code idéal serait comme pour la simulation de clic comme sur un lien <a> (Le code dessous fonctionne très bien):

Code:

<a ref=" trucbidule" data-tab="provalys"> Texte </a>

Code:

WebControl1.ExecuteJavascriptWithResult("document.querySelector('a[data-tab=provalys]').click()")

Donc j'ai garder la même "idée" pour cliquer sur une <img> ou un <button> mais gros fail...

Code:

<img ref=" trucbidule" data-tab="speed"> Texte </a>

Code:

WebControl1.ExecuteJavascriptWithResult("document.querySelector('img[data-tab=speed]').click()")

Code:

<button ref=" trucbidule" data-tab="course"> Texte </a>

Code:

WebControl1.ExecuteJavascriptWithResult("document.querySelector('button[data-tab=course]').click()")

Le truc chiant est que dans le code WebControl1.ExecuteJavascriptWithResult() je ne peux pas mettre de guillemet " ...je suis limité à des '

25/04/2018, 01h00
Watilin

Je vais peut-être enfoncer des portes ouvertes mais j’aimerais lever toute ambiguïté et être sûr que tu es au courant des points suivants :

1. Dans un code HTML, il y a des balises en deux parties, la partie ouvrante et la partie fermante ; et il y a les balises en une seule partie. <img> est une balise en une seule partie. Pour la lisibilité on peut ajouter un slash à la fin : <img />.
Quand tu as ce code :

Code:

<img ref=" trucbidule" data-tab="speed"> Texte </a>

Tu as en réalité une image contenue dans un lien, dont la partie ouvrante est absente ; l’image est voisine d’un nœud de texte contenant Texte, elle ne le contient pas.

2. NoSmoking l’a déjà dit mais je vais le répéter : pour échapper un guillemet dans une chaîne, précède-le d’un antislash : '\''. La coloration syntaxique de ce forum devrait t’aider.

3. Un clic n’aura évidemment d’effet que sur un élément qui est prévu pour ça. Soit c’est un élément naturellement interactif tel qu’un lien, un bouton ou un contrôle de formulaire, soit les scripts de la page y ont ajouté un gestionnaire d’évènement. Si tu veux vraiment cliquer sur une image, vérifie qu’elle a un gestionnaire de click, sinon c’est probablement que tu te trompes d’élément.
Note que l’évènement clic « remonte » (on dit qu’il bouillonne) vers le parent de l’élément ciblé, puis vers ses grands-parents, etc. jusqu’à la racine du document.

À présent, je voudrais que tu testes les commandes suivantes dans ton environnement, une à la fois, et que tu me dises ce que tu reçois en résultat :

Code:

WebControl1.ExecuteJavascriptWithResult("document.querySelectorAll('#agrid img.icon.round')")

Code:

WebControl1.ExecuteJavascriptWithResult("document.querySelectorAll('#agrid img.icon.round').length")

Code:

WebControl1.ExecuteJavascriptWithResult("Array.from(document.querySelectorAll('#agrid img.icon.round'))")

Voir 40 message(s) de cette discussion en une page