[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...
