[AJAX] Lien Ajax

Version imprimable

20/10/2008, 20h25
late_night1982

[AJAX] Lien Ajax

Bonjour à tous,

Alors, je suis novice en CSS et Ajax du coup mon savoir reste plutôt limité! Voici mon problème :

dans le processus de réalisation d'un site Web, concernant la partie du XHTML intégrant du Ajax, j'ai utilisée ce script trouvé au lien suivant :

http://www.phatfusion.net/pageloader...er/content.htm

En fait, en gros c'est pour charger le contenu d'une page html dans une autre page html grâce à une <div>. Mon script marche très bien, je n'ai aucun soucis à ce sujet, mais je dois vous préciser que mon contenu à charger est une image. Et cette dernière est assez spéciale du fait qu'elle est un lien et que ce lien doit ouvrir l'image en une taille plus grande, avec une galerie en javascript.

Du coup, le lien image marche dans ma div chargeant la page html, mais l'image ne s'affiche pas dans ma galerie javaScript mais dans une autre fenêtre html. Il est à noter que mon lien dans la page à charger marche très bien avec la galerie JavaScript.

Ca paraît compliqué comme ça, mais au final c'est simple.

Merci pour tout!!!!
20/10/2008, 20h55
Bovino

Effectivement, pour les images possédant un lien vers la galerie, ce lien doit être lié à une fonction javascript ou un attribut onclick (ce qui en soit revient au même), cependant, une image ajoutée au DOM via Ajax n'a à priori pas été intégré au contexte de cette fonction, donc le lien ne peut pas fonctionner.
Lorsque tu ajoutes une image, il faut dans la fonction qui l'ajoute au DOM préciser le comportement à avoir.
Je ne sais pas si j'ai été clair, si ce n'est pas le cas, un peu de code permettra de t'aider mieux...
20/10/2008, 21h01
late_night1982

Merci de ta réponse,

je pense avoir compris, par contre, saurais-tu quel est le code à integrer au lien ajoutant l'image au DOM?

encore merci!
20/10/2008, 21h31
Bovino

Citation:

saurais-tu quel est le code à integrer au lien ajoutant l'image au DOM?

Non, car je ne sais pas comment ta gelerie est gérée... pour cela, il faudrait montrer quel code tu utilises !
20/10/2008, 21h42
late_night1982

Voici le lien de l'image dans ma page à charger. C'est le lien qui est censé appeler la galerie.

Code:

<a href="img/media-docenahombres-de-medi.jpg" rel="lightbox" title="my caption"><img src="img/th_media-docenahombres-de-medi.jpg"></a>

Et voici le lien se trouvant dans l'autre page qui sert à charger l'image dans la <div>

Code:

<a href="content5.htm" class="loadMe">oeuvres</a>

Dis moi si tu as besoin de plus de code?

Merci!

et voici ce que j'intègre dans mon <body> :

Code:

1
2
3
4
5
6
7
8
 
<script type="text/javascript">
 
			window.addEvent('domready', function(){
				new pageLoader({loadInTo:'ajaxContent'});
				new History();
			});
		</script>

20/10/2008, 22h09
Bovino

Désolé, ton code ne m'indique rien sur ta façon d'appeler ta lightbox... :cry:
D'autant que tu sembles utiliser mootools (?) que je ne connais quasiment pas...

Voici mes parties de code :

- Page Html qui contient les images avec la Lightox :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<head>
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/slimbox.js"></script>
</head>
<body>
 
<div id="content">
<h2>Content page 3</h2>
<a href="img/media-docenahombres-de-medi.jpg" rel="lightbox" title="my caption"><img src="img/th_media-docenahombres-de-medi.jpg"></a>
<img src="img/th_media-docenahombres-de-medi.jpg">
<img src="img/th_media-docenahombres-de-medi.jpg">
</div>
 
</body>
</html>

et Voici la partie du code de la 2ème page censée charger le contenu de la page précédente dans une <div> :

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
28
29
30
31
32
33
34
35
36
37
<head>
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/slimbox.js"></script>
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="history.js"></script>
<script type="text/javascript" src="pageLoader.js"></script>
</head>
 
<body>
<div id=page>
<div id="dhtmlgoodies_menu">
<ul>
  <li><a href="#">Adolfo Siurana</a>
    <ul>
      <li><a href="#">curriculum vitae</a></li>
      <li><a href="content5.htm" class="loadMe">obras</a></li>
    </ul>
  </li>
  <li><a href="#">Aitor Lara</a>
    <ul>
      <li><a href="#">curriculum vitae</a></li>
      <li><a href="#">obras</a></li>
    </ul>
  </li>
</div>
 
<script type="text/javascript">
 
			window.addEvent('domready', function(){
				new pageLoader({loadInTo:'ajaxContent'});
				new History();
			});
		</script>
 
<div id="ajaxContent"></div>
 
</div>

Si vous avez besoin d'avoir d'autres renseignements, dites le moi!

Merci pour tout!!!!