script pour ouvrir lien/LINK dans une DIV

**santaflam** · 25/06/2010, 15h42

Bonjour,

je cherche à ouvrir un lien html dans une DIV "content".
J ai trouvé ce script censé marcher mais il n ouvre pas la page.

Code html :

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
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
	<title>CompanyName - PageName</title>
 
 
<script type="text/javascript">
 
function jah(url,target) { 
// native XMLHttpRequest object 
document.getElementById(target).innerHTML = 'sending...'; 
if (window.XMLHttpRequest) { 
req = new XMLHttpRequest(); 
req.onreadystatechange = function() {jahDone(target);}; 
req.open("GET", url, true); 
req.send(null); 
// IE/Windows ActiveX version 
} else if (window.ActiveXObject) { 
req = new ActiveXObject("Microsoft.XMLHTTP"); 
if (req) { 
req.onreadystatechange = function() {jahDone(target);}; 
req.open("GET", url, true); 
req.send(); 
} 
} 
} 
 
function jahDone(target) { 
// only if req is "loaded" 
if (req.readyState == 4) { 
// only if "OK" 
if (req.status == 200) { 
results = req.responseText; 
document.getElementById(target).innerHTML = results; 
} else { 
document.getElementById(target).innerHTML="jah error:\n" + 
req.statusText; 
} 
} 
}
 
</script>
 
 
</head>
 
 
<body>
 
<div id="container">
	<div id="header">
		<h1> Le header</h1>
	</div>
	<div id="language_bar">
	</div>
 
	<div id="wrap">
 
		<div id="menu">
			<ul id="nav">
			</ul>
		</div>
		<div id="content">
			<ul id="liste_surv">
				<li id="art1">
					<div class="texte_art">
						<a href="jah('des.html','content')">
						<span class="titre_art">
						Design
						</span>
						</a>
					</div>
				</li>
 
			</ul>
		</div>
	</div>
</div>
 
 
</body>
</html>

Est-ce que le lien est correct ('content' etant le nom de la DIV )?
<a href="jah('des.html','content')">

Merci pour toute aide!

**SpaceFrog** · 25/06/2010, 15h57

Code :

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

<a href="#" onclick="jah('des.html','content');return false;">

**santaflam** · 25/06/2010, 18h31

OK, merci ! onclick avec un k, ca lance bien le script! Mais au lieu de charger la page des.html dans le DIV 'content', il écrit "sending..." et met un lien "click".

**Bovino** · 25/06/2010, 18h50

je cherche à ouvrir un lien html dans une DIV "content".

Juste pour me rassurer, tu ne comptes pas insérer une page HTML complète (avec balises <html>, <head>, <body> etc.) dans une div ?
Parce que ça, c'est impossible !

**javatwister** · 25/06/2010, 19h01

Je n'osais le dire, Bovino

Malheureusement, c'est une logique qui n'est toujours pas entrée dans les moeurs.

**santaflam** · 26/06/2010, 18h42

Envoyé par Bovino

Juste pour me rassurer, tu ne comptes pas insérer une page HTML complète (avec balises <html>, <head>, <body> etc.) dans une div ?

Merci pour ton aide!
Si c' est bien ce que je comptais faire. Ca marche comment alors le web ?
Je croyais qu ' on faisait sa mise en page avec menu de navigation et qu à chaque click dans de navigation, on ouvre une autre page contenant le texte, les photos correspondants - ca parait logique pour un non-connaisseur;-)-

Je précise: je crée mon site en local, tout simple (menu, header,footer) html et css,je connais rien d' autre encore (et si possible je veux rien d autre).
Je croyais tout simplement charger le nveau contenu de ma page dans la div content par:
<a href="nveau_contenu.html" target="content">
Evidemment on m a rigolé au nez, Ok. Puis certains parlent de Javascript pour faire ca, d autres disent Php ... Bien ! Est ce qu il y a encore plus compliqué pour afficher 3 bout de textes et deux images dans une page formattée par div ??

Merci!

**santaflam** · 28/06/2010, 19h22

Envoyé par Bovino

Juste pour me rassurer, tu ne comptes pas insérer une page HTML complète (avec balises <html>, <head>, <body> etc.) dans une div ?
Parce que ça, c'est impossible !

Je cherche toujours ... :
lorsque je regarde un site comme celui-ci:
http://neadesignnc.com/neadesignnc/index.htm

j affiche le source, je cherche "details",correspondant au bouton "Details" du menu. Le href en question il appelle bien un fichier detail.htm, je suppose qu il comprend ttes les balises que tu cites.
Ou est ce que je me trompe ??

Merci pour tout commentaire!

**supersnail** · 28/06/2010, 19h59

Bonjour,

Bah là le site que tu montres n'est pas du tout "ajax", le menu est juste le même pour toutes les pages...

Sinon,pour l'insertion d'une page html dans un div, le code HTML est inséré dans un div, et je pense que ce serait un peu bizarre d'écrire:

Code :

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

1
2
3
4
5
6
7
<div id="content">
<html>
<head>
... du code html ...
</body>
</html>
</div>

**E.Bzz** · 29/06/2010, 11h11

Envoyé par SpaceFrog

Code :

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

<a href="#" onclick="jah('des.html','content');return false;">

A+

script pour ouvrir lien/LINK dans une DIV

JavaScript

Vue hybride

Discussions similaires

Partager

Partager