Charger à plusieurs reprises une division par load

**rib** · 27/01/2010, 23h11

je develloppe en ce moment un site avec plusieur div qui sont chagé par .load de jquery.
peut ton reutiliser load depuis un div precedemnt chargé?

je joint un petit exemple au cas ou ma question ne serait pas claire pour tout le monde:

test.html:

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>test de load</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://www.jquery.info/scripts/jquery-1.0.1.pack.js" type="text/javascript"></script>
 
<script type="text/javascript"><!--
 
$(document).ready(function () {
  $("a.load_content")
  .click(function() {
  $("#content").load(this.href);
    return false;
  });
 });
 
// --></script>
 
</head>
 
<body>
<h1>Test de load</h1>
 
Dans le body je mets un lien classique qui porte une class load<br />
 
<a href="test2.html"  class="load_content" >charger test2 dans le div</a><br />
 
<div id="content">
Je suis le contenu par defaut du div id="content", remplacez moi!
</div>
 
</body>
</html>

test2.html:

Code :

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

1
2
3
4
5
6
7
8
9
<body>
<h1>Test2</h1>
 
Voici un liens vers test3 qui utilise la meme fonction load que dans test mais ki a ete precedement chargé dans le div "content"<br />
 
<a href="test3.html"  class="load_content" >charger le content</a><br />
 
</body>
</html>

test3.html:

Code :

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

1
2
Pourquoi test3 n'est pas chargé dans "content" present dans test.html.
est ce possible?

si qqun connait une facon de charger test3 depuis test2 dans test1 je suis prenneur.
merci d'avance.

**danielhagnoul** · 31/01/2010, 23h57

Bonsoir.

Attention nous en somme à jQuery 1.4.1, beaucoup plus performant que l'ancêtre 1.0.1 !

Si vous continuez à utiliser la version 1.0.1, vous devez inclure jQuery dans chaque fichier, exemple pour test2.html :

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
<body>
	<div>
		<h1>Test2</h1>
		<p>
			Voici un liens vers test3 qui utilise la meme fonction load que dans test mais ki a ete precedement chargé dans le div "content"<br /><a href="test3.html" class="load_content" >charger le content</a>
		</p>
	</div>
	<script charset="CP-1252" src="../lib/jquery-1.4.1.min.js"></script>
	<script>
		$("a.load_content").click(function(){
			$("#content").load($(this).attr("href"));
			return false;
		});
	</script>
</body>

Si vous utilisez la dernière version de jQuery, il suffit d'utiliser live() dans test.html :

Code :

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

1
2
3
4
5
6
7
8
9
<script charset="CP-1252" src="../lib/jquery-1.4.1.min.js"></script>
<script>
	$(function(){
		$("a.load_content").live("click", function(){
			$("#content").load($(this).attr("href"));
			return false;
		});
	});
</script>

**rib** · 02/02/2010, 17h58

merci beaucoup c exactement ce qu'il me falait.

Charger à plusieurs reprises une division par load

jQuery

Discussions similaires

Partager

Partager