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