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