Prise en compte click dans module Colorbox

**yotta** · 27/01/2017, 18h20

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 :

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

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

**eleydet** · 28/01/2017, 10h13

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 :

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

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>

**eleydet** · 28/01/2017, 10h41

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 :

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

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>

**yotta** · 28/01/2017, 12h41

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,

Prise en compte click dans module Colorbox

JavaScript

Discussions similaires

Partager

Partager