Ouvrir lien dans un div / Link dans div

**santaflam** · 22/06/2010, 13h46

Développeurs Bonjour,

Je cherche à ouvrir un lien dans une DIV.
J ai une page structurée par des DIV avec un header, menu, content.
Je ne veux pas de frame (puisque j ai lu 100fois que c était déconseillé).
Pas de Javascript non plus.
Que du (X)HTML + CSS.

J ai cru naturel de faire ( "content" étant le nom de la DIV dans laquelle je veux ouvrir mon code.

Code :

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

1
2
3
4
5
6
 
<div id="content">
	<ul id="liste_surv">
		<li id="art1">
			<div class="texte_art">
				<a href="./des.html" target="#content"> etc etc </a>

Mais ca ne marche pas, et les qques recherches sur le web me le confirment ...
Comment fait on dans ce cas ?

Merci pour tout tuyau !
Santa

**Bovino** · 22/06/2010, 14h00

Ben... vu que c'est pas possible, je vois mal ce que tu attends comme réponse

Il existe bien une solution en JavaScript, mais vu que tu n'en veux pas (pourquoi d'ailleurs ???)

**santaflam** · 22/06/2010, 14h23

.. j attends qu on me dise que j ai pas compris le principe, ou qu il y a une solution "workaround" - ca parait bien incroyable qu il n y ait pas de solution sachant qu on a bombardé les frames depuis des années ... et que le Javascript, bcp en font la réserve. Et puis la solution Javascript, marche t-elle si Javascript est désactivé dans le Browser ? Il y en a pas mal qui fonctionne comme ca ...

**santaflam** · 24/06/2010, 13h54

Re-bonjour,
je reviens sur le sujet, n ayant rien trouvé d autre que ... Javascript ...

J ai trouvé donc ce script (censé marcher) mais il n ouvre pas la page du tout.
Quelqu un peut-il me dire si c est le script qui permettra d ouvrir le lien html dans la DIV 'content' ?

J aimerais une solution la plus simple et standard que possible, c-a-d qui marchera correctement lorsque j enverrai mon code composé d Html, css et donc de Javascript chez un hebergeur.

Merci d avance !

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
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
86
87
88
89
90
91
92
93
94
 
<!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>
 
	<meta name="description" content="Description" />
	<meta name="keywords" content="Keywords" />
 
	<meta name="author" content="le site" />
 
<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> <BR>
						<img class="img_art" src="./images/dem.jpg"> </img>
						Tout le design 
						</a>
					</div>
				</li>
 
			</ul>
		</div>
	</div>
	<div id="footer">
		<p class="center_it"> Copyright </p>
	</div>
</div>
 
 
</body>
</html>

Ouvrir lien dans un div / Link dans div

HTML

Vue hybride

Discussions similaires

Partager

Partager