Discussion :

[Pgs]

Bonjour,

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

Code html :

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

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

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

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

[SylvainPV]

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.

[Pgs]

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

[SylvainPV]

Tu veux injecter du JS sur un site qui ne t'appartient pas ? 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.

[Pgs]

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

[Pgs]

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 :

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

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 :

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

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

La commande

Code :

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

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

n'a pas d'effet.

Merci pour toute aide

[NoSmoking]

Bonjour,

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().

[Pgs]

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 :

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

<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

[Pgs]

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 !

[SylvainPV]

Code :

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

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.

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

[Pgs]

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 :


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

[Beginner.]

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

[Pgs]

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

[Beginner.]

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.

[Pgs]

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

[Beginner.]

Ah ok merci bien !