cliquer sur un lien en js

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
albanl123
Messages : 4
Enregistré le : 03 juil. 2018, 08:23

cliquer sur un lien en js

Message par albanl123 » 03 juil. 2018, 08:26

Bonjour

Je suis un bon codeur Php mais une grosse bille en js

hors on me demande de cliquer en automatique sur les liens Prendre rendez vous ici https://imageacademie.prordv.com/locations

Comment faire pour forcer un clique sur par exemple
le lien de Prendre rendez vous de ImageAcademie PARIS ?

Merci de votre aide

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: cliquer sur un lien en js

Message par webmaster » 03 juil. 2018, 10:00

Bonjour,

Forcer le clic sur un élément est tres simple :
<a href="http..." id="myLink">Le lien</a>

et en JS :
document.getElementById("myLink").click();

PS : je vais ajouter cette question dans la FAQ :)
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: cliquer sur un lien en js

Message par webmaster » 03 juil. 2018, 10:11

PS : J'ai ajouté cette question à la FAQ

http://www.toutjavascript.com/faq/index.php3?ID=103
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

albanl123
Messages : 4
Enregistré le : 03 juil. 2018, 08:23

Re: cliquer sur un lien en js

Message par albanl123 » 04 juil. 2018, 17:08

merci pour ton aide, mais j'ai dis que je suis une bille en js, il semblerait que je sois une grosse bille alors.

J'ai mis ceci
<script>document.getElementById("myLink").click();</script>
<a id="myLink" href="#" class="button-lieu-detail" data-id="13" >**13**</a>

(tu peux le retrouver ici pour tester https://imageacademie.prordv.com/locations?id_lieu=13 )
En tout cas ca ne fonctionne pas.
Peux etre que le call to action ne fonctionne pas avec le click, enfin je ne sais pas pourquoi ca ne marche pas mais quand je clique manuellement sur le lien **13** alors ca marche mais quand c'est lui <script>document.getElementById("tjs").click();</script> qui le fait ca ne marche pas du moins ca pointe sur le "#" sans lancer l'action
Une idee?

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: cliquer sur un lien en js

Message par webmaster » 04 juil. 2018, 19:31

Il faut mettre l'appel du script après la création du lien car l'exécution est séquentielle
Au moment ou le script est appelé le lien n'existe pas encore...

Je pense que ca fonctionnera :)
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

albanl123
Messages : 4
Enregistré le : 03 juil. 2018, 08:23

Re: cliquer sur un lien en js

Message par albanl123 » 05 juil. 2018, 06:16

nop ca n'a pas suffit.
Ca ne fonctionne pas.

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: cliquer sur un lien en js

Message par webmaster » 05 juil. 2018, 11:11

Ok, alors il faut attendre que le document (et les autres scripts) soit bien chargé en ajoutant un listener sur window :
window.addEventListener("load", function(evt) {
document.getElementById("myLink").click();
});
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

albanl123
Messages : 4
Enregistré le : 03 juil. 2018, 08:23

Re: cliquer sur un lien en js

Message par albanl123 » 05 juil. 2018, 15:33

Yep ca fonctionne.
Merci

eirajeremy
Messages : 1
Enregistré le : 22 févr. 2024, 11:24

Re: cliquer sur un lien en js

Message par eirajeremy » 22 févr. 2024, 11:27

albanl123 a écrit :
03 juil. 2018, 08:26
Bonjour

Je suis un bon codeur Php mais une grosse bille en js

hors on me demande de cliquer en automatique sur les liens Prendre rendez vous ici https://imageacademie.prordv.com/locations my location

Comment faire pour forcer un clique sur par exemple
le lien de Prendre rendez vous de ImageAcademie PARIS ?

Merci de votre aide
Pour cliquer sur un lien en utilisant JavaScript, vous pouvez utiliser la méthode click() sur l'élément HTML correspondant. Voici un exemple de la façon de procéder :

javascript
Copie
// Retrieves the element a whose href contains the contents "Make an appointment" and "ImageAcademie PARIS"
var link = document.querySelector('a[href*="Make an appointment"][href*="ImageAcademie PARIS"]');

// Check if the link exists
if (link) {
link.click(); // Click on the link
} other {
console.log('Cannot find the link to click.');
}
Vous pouvez insérer ce code JavaScript dans votre site internet ou votre navigateur pour cliquer automatiquement sur le lien "Prendre rendez-vous" de "ImageAcademie PARIS".

Répondre