[DOM] [lightbox] document.getElementById('box')

Version imprimable

13/01/2008, 17h06
yodark

[DOM] [lightbox] document.getElementById('box')

Bonjour,

j'utilise un script lightbox qui affiche une image de manière ajax pour utiliser le script c'est simple il suffit de faire :

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
jusque la pas de problèmes

par contre dans ma page j'utilise un script ajax qui affiche dynamiquement du contenu par le biais de document.getElementById('pseudobox').innerHTML= texte

text = '<a href="images/chat.jpg" rel="lightbox" title="my caption">image #1</a>' ;

Quand je passe cette image de cette facon le script lightbox ne s'active plus et le lien devient un lien normal.
J'ai regardé le code généré il est exactement identique a celui que j'insère normalement en HTML pourtant l'un est fonctionnel l'autre pas pourquoi ?

Autre question est il possible d'activer se script automatiquement sans clic sur un lien ? j'ai essayé
window.location.replace mais on peut pas passer la variable rel= pour activer le script

Merci
14/01/2008, 10h11
cereal59

Tu devrais nous montrer tes sources, mais je pense que tu dois avoir un script qui s'exécute au chargement de ta page et qui agit sur les liens qui ont l'attribut rel="lightbox".

Donc quand le lien est en dur dans ta page pas de problème, mais lorsqu'il est ajouté par un appel Ajax ça ne fonctionne pas (car le script à déjà été exécuté).

Enfin c'est une piste mais montre nous tes sources ...
14/01/2008, 10h40
_Mac_

C'est pas un pb d'ordre d'exécution des scripts, c'est un pb de DOM : lightbox fonctionne en analysant toutes les balises <a> de ton code HTML et prend en compte celles pour lesquelles rel="lightbox". Quand un JavaScript écrit du code HTML, ce n'est pas détectable par Lightbox car ce n'est pas présent dans le code HTML initial de la page en tant que vrai code HTML. Ce que je veux dire c'est que Lightbox voit les vraies balises HTML (<a>, <script>, etc.) mais n'est pas capable de comprendre ce que fait le code JavaScript.

Pour ton pb, il faut donc que tu trouves le moyen d'appeler le script Lightbox au moment ou peut-être juste après avoir fait ton document.getElementById('pseudobox').innerHTML = '<a href="images/chat.jpg" rel="lightbox" title="my caption">image #1</a>' :aie: mais peut-être est-ce le sujet de ta seconde question ?

Citation:

Envoyé par yodark

Autre question est il possible d'activer se script automatiquement sans clic sur un lien ? j'ai essayé
window.location.replace mais on peut pas passer la variable rel= pour activer le script

J'ai pas bien compris : de quel script tu parles et quand veux-tu l'exécuter ? Tu voudrais exécuter le script Lightbox après ton document.getElementById('pseudobox').innerHTML = '<a href="images/chat.jpg" rel="lightbox" title="my caption">image #1</a>' ou ça n'a rien à voir ?