Discussion :

[fox1]

Bonjour à tous,

cela fait quelques semaines que je me suis mis à Jquery et je rencontre une difficulté.

J'ai une page html (appelons la page1.html) qui contient entre autre chose un div qui charge via Jquery le contenu d'une autre page html (page2.html). Dans cette autre page j'ai un lien qui est censé ouvrir une autre page (page3.html) avec l'effet thickbox.

quand j'ouvre directement page2.html, l'effet thickbox fonctionne parfaitement.
Mais quand j'ouvre page1.html, ma page2.html se charge sans problème mais le lien vers page3.html se fait sans l'effet thickbox, comme un simple lien html.

Je suis pas sur d'être très clair mais si vous avez compris alors certainement que vous pourrez m'aider.

[Bovino]

Tu as un bout de code à montrer ?

[fox1]

Un bout de code ??? Pas de probleme !!!

alors voici ce que je met dans page1.html :

Code :

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

1
2
3
4
5
6
 
<a href="fragment1.html"  class="load" >voir mon fragment 1</a>
<br /><br />
<a href="fragment2.html"  class="load" >voir mon fragment 2</a>
<br /><br /><br /><br />
<div id="myid"></div>

dans le fichier fragment1.html :

Code :

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

1
2
3
4
 
<div style="background-color:#0099FF;">Coucou voici mon fragment 1 !!!</div>
<br />
<a href="testeffet.html?keepThis=true&TB_iframe=true&height=250&width=400" class="thickbox">Effet thickbox</a>

dans le fichier fragment2.html c'est juste du code html :

Code :

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

<div style="background-color:#FF9933;">Coucou voici mon fragment 2 !!!</div>

et dans le fichier testeffet.html je met rien de particulier juste du code html

maintenant dans le fichier fonctions.js j'ai juste ceci :

Code :

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

1
2
3
4
5
6
7
 
$(document).ready(function () {  
  $("a.load").click(function() {
  $("#myid").load(this.href);
    return false;
  });
});

Je n'ai pas oublié de mettre les lignes d'appel aux différents fichier javascript et css qui sont nécessaires à savoir jquery-1.2.6.js, thickbox.js, fonctions.js et thickbox.css

si on ouvre fragment1.html l'effet thicbox fonctionne mais si on ouvre page1.html l'effet ne fonctionne pas.

Merci de te pencher sur mon probleme !!!

[Bovino]

Je ne connais pas particulièrement thickbox, mais j'imagine que ce script ne s'applique pas sur des éléments qui n'existent pas sur la page au moment où le script est exécuté...

[Helfima]

c'est je pense juste un probleme d'ordre des choses
quand tu ouvre directement ta page2 le script jquery s'execute
le probleme c'est que quand tu ouvre page1 ton script jquery de la page2 ne s'execute pas il faut que ce soit le script page1 qui mette l'effet

donc applique l'effet de la page1 sur la page2 recuperée

[jsd03]

Bonsoir,

je rencontre le même problème que toi et j'aurai aimé savoir si tu avais trouvé une solution à ton problème ?

[jsd03]

Je viens de trouver la solution, il suffit à la suite du traitement Ajax de rajouter :

Code :

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

$.getScript("thickbox.js");

bien sûr si thickbox.js n'est pas dans le même dossier, il faut indiquer le chemin avant le fichier.

[wylls]

Moi aussi j'ai exactement le même problème, un div mis à jour pour un ajax qui contient un code avec une thickbox, et lorsque l'on clique il ouvre une nouvelle page pour présenter l'image agrandie.

J'ai bien essayé le code de jsd03, et il va bien chercher le script mais le code thickbox ne s'exécute toujours pas normalement.

Faut-il mettre ce code à un endroit bien précis dans le traitement de l'ajax.

(Je précise que la thickbox fonctionne correctement dans un div chargé normalement au chargement de la page).

Merci d'avance pour le coup de main.