[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