Boujour
Désolé pour le titre mais c'est un peu tordu.
J'affiche un lecteur vidéo et j'aimerais qu'on puisse, en cliquant une première fois, déclencher la vidéo et quand on clique une seconde fois, une lightbox s'affiche.
Pour cela, dans ma page j’appelle deux script JavaScript dans le <head>.
Le 1er js contient une fonction qui affiche une div (qui contient le script du lecteur) sans l'attribut class mais avec un onclic qui lui attribue une class.
Voici les codes raccourcis des deux scripts :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 <div id='" + name + "' rel='' style='width:"+w+"px;height:"+h+"px' onclick=\"document.getElementById('"+name+"').className = 'lightbox'; \" >code lecteur</div>
Le second js quant à lui doit déclencher une action si la class lightbox est cliquée :
Mon problème : on dirait que mon second script ne voit pas la class qui a été ajoutée par le onclick et du coup il ne se passe rien.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 function lightBox (){ this.initPopup = function(){ jQuery(".lightbox").on("click", function(e) { ... }); }; } var olightBox = new lightBox(); olightBox.initPopup();
Dans la source je vois bien que la class a été ajoutée.
Merci de votre aide.
Partager