insertion image javascript

**gloglo** · 12/05/2008, 14h12

salut,

J'ai une tableau fait avec de l'ajax, je souhaite que lorsque une valeur change dans mon tableau, j'affiche une image à côté de la valeur ayant changé, cette image sera affiché uniquement durant 1 sec. Je souhaite faire ceci en javascript mais je ne vois pas deja comment inserer une image tout en utilisant javascript.

Merci d'avance pour votre aide

**htr999** · 12/05/2008, 15h33

essaie ceci (IE, FFX)

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
<html>
<head>
<title>image tableau</title>
<script>
function efface(id){
	if (!document.getElementById(id))
		return;
	elem = document.getElementById(id);
	elem.parentNode.removeChild(elem);
}
 
function insere(nomFich){
	if (document.getElementById("img"))
		return;
	elemImg = document.getElementById("divImg");
	elemImg.innerHTML = "<img id='img' src='"+nomFich+"' alt='"+nomFich+"'/>";
	setTimeout("efface('img')",1000);
}
</script>
</head>
 
<body>
	<table style="border: 1px solid #DDDDDD;">
		<tr>
			<td style="width:20px; height:20px;" onclick="insere('img1.jpg');">1</td>
			<td style="width:20px; height:20px;" onclick="insere('img2.jpg');">2</td>
			<td rowspan="4"><div id="divImg"></div></td>
		</tr>
		<tr>
			<td style="width:20px; height:20px;" onclick="insere('img3.jpg');">3</td>
			<td style="width:20px; height:20px;" onclick="insere('img4.jpg');">4</td>
		</tr>
		<tr>
			<td style="width:20px; height:20px;" onclick="insere('img5.jpg');">5</td>
			<td style="width:20px; height:20px;" onclick="insere('img6.jpg');">6</td>
		</tr>
		<tr>
			<td style="width:20px; height:20px;" onclick="insere('img7.jpg');">7</td>
			<td style="width:20px; height:20px;" onclick="insere('img8.jpg');">8</td>
		</tr>
	</table>
</body>
</html>

**gloglo** · 12/05/2008, 16h13

merci beaucoup ça marche tres bien ton truc

insertion image javascript

JavaScript

Discussions similaires

Partager

Partager