Discussion :

[dev2010]

bonjour � tous;
je suis en train de d�velopper un tableau contenant des liens qui affichent des photos (r�cup�r�es depuis le serveur), pour ce la, j'ai utilis� le plugin thickbox, voici le code d'une cellule de mon tableau:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
<td>
 <a href="images/2010.graphe/temperature/07/ABZH.jpg" title="Hitorique" class="thickbox"><img src="images/buton_on.png" alt="Afficher"/></a>
</td>

pour cela �a marche bien,
mon probl�me est dans l'actualisation de mon tableau en utilisant ajax, en fait, Le plugin Thickbox ne sera pas utilis� et mes photos s'affichent dans des nouvelles fen�tres, voici le code d'une cellule de mon tableau (en js):

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
var lienPhoto = document.createElement("A");
lienPhoto.href = "images/2010.graphe/temperature/07/ABZH.jpg";
lienPhoto.titre = "Hitorique";
lienPhoto.class="thickbox";
var image1 = document.createElement("IMG");
image1.src = "images/buton_on.png";
image1.alt = "Afficher";
lienPhoto.appendChild(image1);
td12.appendChild(lienPhoto);

je vous suis reconnaissont pour toute solution propos�e,
merci d'avance.

[emmanuel.remy]

Salut,

L'attribut qui permet de modifier une class d'un �l�ment est className (je ne dis pas que cela va tout faire fonctionner, mais c'est un d�but

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

lienPhoto.className="thickbox";

ERE

[dev2010]

salut Emmanue,
merci pour ton aide, mais malheureusement j'ai d�j� fait �a, et �a ne fonctionne pas , la classe "thickbox" n'�tait pas utilis�, et mes photos s'affichent encore dans des nouvelles pages,
merci encore.

[Bovino]

Lorsque tu lances le script de la thickbox, celui-ci affecte aux �l�ments pr�sents dans la page un comportement sp�cifique.
Lorsque tu ajoutes des �l�ments � ta page via AJAX, ceux-ci ne peuvent pas �tre inclus dans un script lanc� avant !
Il faut donc relancer le script de la thickbox, si possible uniquement sur les nouveaux �l�ments (au pire, sur toute la page).

[dev2010]

bonjour Bovino,
voici le script utilis� pour impl�menter le plugin thickbox:

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/thickbox.js"></script> 
 
<style type="text/css" media="all">@import "thickbox.css";</style>   ou
<link rel="stylesheet" href="thickbox.css" type="text/css" media="screen" />
 
<td>
 <a href="images/2010.graphe/temperature/07/ABZH.jpg" title="Hitorique" class="thickbox"><img src="images/buton_on.png" alt="Afficher"/></a>
</td>

comment peut on relancer ce script sur les nouveaux �l�ments cr�es via ajax?
j'ai essay� d'ajouter �a:

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
var script1 = document.createElement("script");
  script1.type = "text/javascript";
  script1.scr = "js/jquery.js";
 
  var script2 = document.createElement("script");
  script2.type = "text/javascript";
  script2.scr = "js/thickbox.js";
 
  var link = document.createElement("link");
  link.rel = "stylesheet";
  link.href = "thickbox.css";
  link.type = "text/css";
  link.media = "screen";
   ...
 
  tbl.appendChild(script1); // tbl: c'est le nouveau tableau crée via ajax
  tbl.appendChild(script2);
  tbl.appendChild(link);

mais �a ne fonctionne pas,
merci d'avance.

[dev2010]

bonjour � tous,
bon j'ai trouv� une solution � mon probl�me, bas� sur l'id�e propos� par Bovino, et c'est d'ajout� ce code:
$.getScript("js/thickbox.js");
qui fait recharger le script de la thickbox.
bonne chance.