Prise en compte click dans module Colorbox

Version imprimable

27/01/2017, 18h20
yotta

Prise en compte click dans module Colorbox

Bonjour,
Je débute avec javascript et me trouve actuellement confronté au problème suivant :
Tout d'abord, je précise le contexte : Drupal 7.5, module Colorbox
Inutile d'en savoir plus sur Drupal et ce module si ce n'est qu'il sert à afficher les images plus proprement. Ma question concerne uniquement javascript.
Dans un script de mon cru, j'ai entrepris d'écouter l'évènement de clic de souris sur un canvas HTML5 qui contient plusieurs images avec dans l'idée d'afficher l'image sur laquelle on a cliqué avec ce fameux module Colorbox.
Ma question est :
Comment faire en javascript pour solliciter Colorbox sachant qu'en HTML, on procède comme ci-dessous ?

Code:

<a class="colorbox-load" href="https://xxxx.xxxxxxxxx.fr/sites/default/files/Reputation.jpg#overlay-context=node/1">vérifiable</a>

Cette ligne de code HTML permet d'avoir un lien clicable qui affichera l'image avec ce fameux module Colorbox.

Merci.

Bonjour,

Faire interagir JavaScript avec un framework ou avec un logiciel nécessite de connaître le framework ou le logiciel... D'où la difficulté de répondre à la question posée. Je ne connais ni Drupal, ni Colorbox.

Au premier abord, voici ce à quoi je penses :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <script> ... document.getElementById("lien").onclick=document.location.href="https://xxxx.xxxxxxxxx.fr/sites/default/files/Reputation.jpg#overlay-context=node/1"; ... </script> ... <body> ... <a class="colorbox-load" id="lien">vérifiable</a> ... </body>

Rebonjour,

En fait, j'ai répondu trop vite, je vous prie de m'en excuser. Le code que je viens de proposer est erroné. Une solution consiste à mettre le script après le lien et à introduire une fonction.
Code:

1 2 3 4 5 6 7 8 9 <a class="colorbox-load" id="lien">vérifiable</a> ... <script> ... document.getElementById("lien").onclick=function() { document.location.href="https://xxxx.xxxxxxxxx.fr/sites/default/files/Reputation.jpg#overlay-context=node/1"; } ... </script>

28/01/2017, 12h41
yotta

Bonjour eleydet,
Merci pour votre intervention. Elle me permet de comprendre que je fais fausse route.
En effet, après y avoir regardé de plus près, je me suis rendu compte que cette entité "colorbox-load" décrite comme class dans la code HTML n'est autre qu'un fichier javascript. Donc, ma question se résume plutôt à :
Comment solliciter un autre javascript depuis son script ?
Mais comme vous l'avez précisé, je vais être confronté aux influences de l'organisation des paths de Drupal sur l'environnement javascript. Je dois maintenant savoir comment définir l'URL d'accès à colorbox-load.js depuis mon script.
Pour finir, comme ce post m'a permis de comprendre que je faisais fausse route, je le marque comme résolu.

Cordialement,