bonjour,
je débute en html/javascript.

ce que j'ai fait pour l'instant, c'est qu'en cliquant sur une image il m'en affiche deux autres, mais ce que je voudrais faire maintenant c'est de rendre une de ces deux cliquable aussi. du coup je ne sais pas ou placer mon 2eme "onClick"

en gros ce que je voudrais faire, c'est qu'en cliquant sur "fac-p.jpg" je pointe sur un ancre de la meme page

merci pour votre aide

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
95
96
97
98
99
100
101
102
103
104
<html>
<head>
<title>fact_v</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript"> 
 
var facp = new Image();
var facg = new Image();
 
 
facp.src = "fac-p.jpg";
facg.src = "fac-g.jpg";
 
function doB(pimage, gimage) {
document['p'].src=pimage;
document['g'].src=gimage;
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="1024" height="800" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td width="379" height="181" rowspan="15">&nbsp;</td>
		<td>
			<img src="images/fact_v_g_02.jpg" width="191" height="27" alt=""></td>
		<td width="454" height="181" rowspan="15">
 
            <IMG name="p" SRC="images/im_vide.jpg" WIDTH="148" HEIGHT="176"/>
            </td>
	</tr>
	<tr>
		<td>
<img src="images/fact_v_g_04.jpg" width="191" height="15"  
onmouseover="this.src='images/fact_v_neg_04.jpg'"
onMouseOut="this.src='images/fact_v_g_04.jpg'"
                onClick="doB('images/fac-p.jpg','images/fac-g.jpg')"></td>
	</tr>
	<tr>
		<td>
			<img src="images/fact_v_g_05.jpg" name="test" width="191" height="4" alt=""></td>
	</tr>
	<tr>
		<td>
<img src="images/fact_v_g_06.jpg" name="g2" width="191" height="15"
onmouseover="this.src='images/fact_v_neg_06.jpg'"
onMouseOut="this.src='images/fact_v_g_06.jpg'"
                onClick="change('images/fact_2.jpg')"></td>
	</tr>
	<tr>
		<td>
			<img src="images/fact_v_g_07.jpg" width="191" height="13" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/fact_v_g_08.jpg" width="191" height="15" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/fact_v_g_09.jpg" width="191" height="4" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/fact_v_g_10.jpg" width="191" height="15" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/fact_v_g_11.jpg" width="191" height="4" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/fact_v_g_12.jpg" width="191" height="15" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/fact_v_g_13.jpg" width="191" height="4" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/fact_v_g_14.jpg" width="191" height="15" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/fact_v_g_15.jpg" width="191" height="3" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/fact_v_g_16.jpg" width="191" height="26" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/fact_v_g_17.jpg" width="191" height="6" alt=""></td>
	</tr>
	<tr>
		<td width="1024" height="14" colspan="3">&nbsp;</td>
	</tr>
	<tr>
		<td 
 width="1024" height="605" colspan="3">
			<img name="g" src="images/g.jpg"></td>
	</tr>
</table>
</body>
</html>