[AJAX] createElement et lightbox
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:
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...
