Interagir avec une page html

Bonjour,

Je souhaite interagir avec deux objets d'une page html :

Code:

---

<button class="control control-next" type="button" data-action="nextSong" title="Suivant" data-reactid=".3.3.1.0.4.0"></button>

---

pour déclencher le passage à la chanson suivante.

Puis

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<div class="player-track" data-action="seek" data-reactid=".3.3.0.1"> <h2 class="player-track-title heading-2" data-reactid=".3.3.0.1.0"> <span class="player-track-link" data-action="link" data-href="/album/74479" data-reactid=".3.3.0.1.0.0">Eye of the Tiger</span> </h2> <h3 class="player-track-artist heading-2-sub ellipsis" data-reactid=".3.3.0.1.1"> <span data-reactid=".3.3.0.1.1.0">par</span> <span data-reactid=".3.3.0.1.1.1">&nbsp;</span> <span data-reactid=".3.3.0.1.1.2:0:0"></span> <span class="player-track-link" data-action="link" data-href="/artist/39" data-reactid=".3.3.0.1.1.2:0:$artist_39">Survivor</span> </h3> </div>

---

pour récupérer le titre et l'auteur de la chanson.

Je programme en C++/wxWidgets mais j'ai besoin de comprendre quelles instructions javascript envoyer à la page. Page exemple, le bouton "Suivant" n'a pas d'ID. Comment le lancer via une commande extérieure ?

Merci.

Philippe

Il n'y a pas que les ID pour identifier un élément, on peut venir le sélectionner en JavaScript par bien d'autres moyens (nom de tag, class, attributs et valeurs d'attributs...)

Dans le cas présent il y a déjà un JS qui écoute un évènement sur ce bouton data-action="nextSong". Il faudrait regarder le code du JS existant et voir si on ne peut pas appeler directement la fonction appelée à la suite de cet événement.

Merci Sylvain,
Je n'arrive pas à trouver la fonction. La page est http://www.deezer.com/.
En affichant le code source, je n'y vois même pas le champ "nextSong".
Peut-être est-il ajouté de façon dynamique.

Philippe

Tu veux injecter du JS sur un site qui ne t'appartient pas ? :weird: Le seul moyen de faire ça, c'est une extension au navigateur et ton code ne fonctionnera plus du jour au lendemain dès que Deezer voudra mettre à jour son site.

Voici mon objectif :

* en travaillant, il m'arrive d'écouter des playlists (par exemple sous deezer),
* lorsque la chanson ne me plait pas, je suis obligé de cliquer sur l'icône du navigateur dans la barre d'outil windows, de sélectionner le bon onglet (si besoin), de cliquer sur suivant, puis de revenir à mon application initiale,
* lorsque la playlist diffuse une super chanson que je ne connais pas, je fais la même manip pour aller copier le titre.

Je voudrais pouvoir plus directement faire ces deux séries d'opérations :
* lancer "directement" la fonction "suivant",
* copier "directement" la balise contenant le titre.

Rien de plus ambitieux...

Bonjour,

Pour faire suite à mon précédent mail :
a) Je n'ai toujours pas trouvé la fonction à appeler. Je tente donc d'autres solutions.
b) J'arrive à déclencher le clic sur un bouton par

Code:

---

document.getElementById('submit').click();

---

c) Je n'arrive pas à déclencher le clic sur la balise <a> contenue dans un div. Cette balise a une seule propriété définie : href

Code:

---

<div id="div_1"><a href="..."</a><div>

---

La commande

Code:

---

document.getElementById('div_1').click();

---

n'a pas d'effet.

Merci pour toute aide

Bonjour,

Citation:

---

Je n'arrive pas à déclencher le clic sur la balise <a> contenue dans un div. Cette balise a une seule propriété définie : href

---

et pourtant tu étais bien parti en faisant document.getElementById('div_1')... qui te permet de récupérer la <div>, il te faut après récupérer le <a> de cette <div> avant de lui appliquer ton click().

Merci,

Mais alors, dans le cas suivant, comment récupérer le <a> qui va bien, c'est à dire celui qui n'a pas display à none ?

Code:

---

<div id="div_1" style="display: block;"><a style="display: none;" href="...">...<a href="...">...</a><a style="display: none;" href="...">...<a style="display: none;" href="...">...</a><a style="display: none;" href="..."></a></div>

---

Philippe

Je pense avoir trouvé ce vers quoi tu voulais me diriger...

.children[1] pointe sur le second <a>

Si la structure n'est pas constante, il faut que je balaie tous les enfants et que je fasse des tests : est-ce un <a> ? est-il affiché ?

c'est ça ?

Merci !

Code:

---

document.querySelector('[data-action="nextSong"]').click()

---

Mais j'ai de sérieux doutes sur la faisabilité et la praticité de ce que tu essaies de faire.

J'ai fait des tests sur plusieurs pages et ça marche bien : j'alimente des champs de saisie et je clique sur les boutons souhaités.
Il me reste un problème : si je me connecte à une page deezer via l'émulateur IE11, certains boutons (par exemple "skip") sont inactifs.
Il doit avoir des clés de registre à saisir pour que l'émulateur IE11 accepte toutes les commandes.
J'ai lu la doc, mais il a beaucoup de clés qui régissent le fonctionnement de l'émulateur.

J'ai testé ta commande : elle fonctionne très bien !!
Je peux passer à la chanson suivante.
Du coup, je me rends compte que le problème que je rencontre avec l'émulateur IE11 n'est pas un problème de bouton.
C'est plutôt le module de lecture de la chanson qui ne démarre pas :
Pièce jointe 205789

Il reste à 00:00.

Le changement de piste marche bien. Le clic sur play est lui aussi bien pris en compte puisque le bouton "s'enfonce" : mais la lecture ne démarre pas.

Je suppose qu'il faut ajouter une clé de registre pour que l'émulateur IE11 accepte le démarrage du playeur... mais laquelle...

Citation:

---

Envoyé par Pgs

J'ai fait des tests sur plusieurs pages et ça marche bien : j'alimente des champs de saisie et je clique sur les boutons souhaités.

---

Comme l'a fait remarqué Sylvain plus haut, on ne peut pas injecter du JS sur un site qui ne t'appartient pas à moins d'utiliser une extension au navigateur alors je me demande comment tu as fait ?

Est-ce possible en utilisant des frames ? Mais je crois qu'il faut que les pages dans les frames aient le même domaine pour pouvoir communiquer... J'ai vu un fil qui en parlait mais j'ai peut-être mal compris...

Utilisation d'un objet C++ qui appelle le WebControl IE

Ah merci je ne connaissais pas cela... Est-ce comme si tu intégrais le navigateur dans ton application ? Je demande cela car il semble que ce soit possible d'intégrer Google chrome en Java ou C#... Ce qui serait mieux que le webview de javafx qui est quand même bien.

Oui, c'est l'objet wxWebView de la bibliothèque wxWidgets

Ah ok merci bien !