[AJAX] createElement et lightbox

**Malarkey** · 19/01/2007, 10h23

Bonjour à tous,

j'ai décidé d'utilisé l'excellent script light box, pour afficher les photos présentes sur le site de la société où je travaille.

Cependant, mon chef d'équipe veut qu'une grande partie du site soit traitée en AJAX. Très bien. Seulement, pour le chargement des photos, j'utilise un createElement, ce qui donne :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<head>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
 
<script type="text/javascript">
function createBox() {
	var obj = document.getElementById("test");
	var anchor = document.createElement("a");
	anchor.setAttribute("rel","lightbox");
	anchor.setAttribute("href","images/image-1.jpg");
	var img = document.createElement("img");
	img.setAttribute("src","images/image-1.jpg");
	anchor.appendChild(img);
	obj.appendChild(anchor);
	alert(obj.innerHTML);
}
</script>
</head>
<body onload="createBox();">
<div id="test"></div>
<div>
	<a href="images/image-1.jpg" rel="lightbox"><img src="images/image-1.jpg"></a>
</div>
</body>

Avec la seconde div, cela fonctionnne nickel. Mais pas avec la première. Pourtant, avec le innerHTML, on peut voir que le code est rigoureusement le même. Quelqu'un aurait-il une astuce pour ce bug? Ou est ce tout simplement normal...

**Malarkey** · 19/01/2007, 11h55

J'ai trouvé une solution à mon problème! En fait, le script lightbox "scan" les images de la page au chargement du script lightbox.js. Or, mes images ont créées après ce scan. Du coup, il ne les prend pas en compte!

Ce qu'il faut faire : rajouter initLightbox(); à la fin de la fonction createBox() pour rescanner toutes les images de la page. C'était tout con.

J'espère que ça servira a d'autres.

[AJAX] createElement et lightbox

JavaScript

Discussions similaires

Partager

Partager