inserer une page web dans une autre page web

Version imprimable

Bonjour,

je veux intégré du contenu web dans une page web déjà existante sans utilisé <iframe src="..." />

j'ai essayé avec un script Ajax en utilisant jquery mais le problème c'est que je n'arrive pas a avoir un affichage

voila le code si quelqu'un peux m'aider ou me conseiller une autre méthode merci.

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
 
<html>
	<head>
 
 
 
		<title> starting page</title>
 
 
		<script type="text/javascript" src="jquery-1.4.4.js"></script>
		<script type="text/javascript" src="prototype.js"></script>
		<script type="text/javascript" src="scriptaculous.js"></script>
		<script type="text/javascript">
new Ajax.Request('http://www.developpez.net/forums/', 
 
{
 
onSuccess:function(t) {
 
$('success').innerHTML = t.responseText;
 
 
},
 
onFailure:function(t) {
 
alert("An error occured.");
 
} 
 
});
	</script>
 
	</head>
 
	<body>
		<center>
			<h2>
				Result
			</h2>
		</center>
		<h1>
			Infos
		</h1>
 
		<div id="cell4"></div>
 
 
 
<script>
$("#success").load("http://www.developpez.net/forums/", function(response, status, xhr) {
  if (status == "error") {
    var msg = "Sorry but there was an error: ";
    $("#error").html(msg + xhr.status + " " + xhr.statusText);
  }
});
  </script>
 
<div id = "success"></div>
		pied de page
	</body>
</html>

Merci.

Bonsoir

Voir : Où dois-je poser mon $ ?

Code:

1
2
3
4
5
6
7
8
 
<script>
	jQuery.noConflict();
 
	jQuery(function($){
		$("#success").load( ... );
	});
</script>

Citation:

Envoyé par danielhagnoul

Bonsoir

Voir : Où dois-je poser mon $ ?

Code:

1
2
3
4
5
6
7
8
 
<script>
	jQuery.noConflict();
 
	jQuery(function($){
		$("#success").load( ... );
	});
</script>

Bonjour danielhagnoul,

merci danielhagnoul, j'ai ajouter le jQuery.noConflict() et jQuery(function($){ mais j'ai toujours le même problème la page ne s'affiche pas, peut être que c'est un problème de Cross-domain :cry:

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
<html>
	<head>
 
 
 
		<title> starting page</title>
 
 
		<script type="text/javascript" src="jquery-1.4.4.js"></script>
		<script type="text/javascript" src="prototype.js"></script>
		<script type="text/javascript" src="scriptaculous.js"></script>
		<script type="text/javascript">
new Ajax.Request('http://www.adress_web.com/', 
 
{
 
onSuccess:function(t) {
 
$('success').innerHTML = t.responseText;
 
},
 
onFailure:function(t) {
 
alert("An error occured.");
 
} 
 
});
	</script>
 
	</head>
 
	<body>
		<center>
			<h2>
				Result
			</h2>
		</center>
		<h1>
			Infos
		</h1>
 
		<div id="cell4"></div>
 
 
 
<script>
jQuery.noConflict();
jQuery(function($){
$("#success").load("http://www.adress_web.com/", function(response, status, xhr) {
  if (status == "error") {
    var msg = "Sorry but there was an error: ";
    $("#error").html(msg + xhr.status + " " + xhr.statusText);
  }
})});
  </script>
 
<div id = "success"></div>
		pied de page
	</body>
</html>

Merci.

14/02/2011, 17h31
Neomaven

hello,

merci problème résolu avec virtualhost :ccool: