| 12
 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>TEST</title>
<script>
	function afficheId(baliseId,di){
		if (document.getElementById && document.getElementById(baliseId) != null){
		    document.getElementById(baliseId).style.visibility='visible';
		    document.getElementById(baliseId).style.display='block';
				if (document.getElementById('texte') == null){
					document.getElementById(baliseId).appendChild(document.createElement('span')).setAttribute("id",'texte');
					document.getElementById('texte').appendChild(document.createTextNode(di.id))
				}
		}
	}
 
	function cacheId(baliseId){
		if (document.getElementById && document.getElementById(baliseId) != null){
			document.getElementById(baliseId).style.visibility='hidden';
			document.getElementById(baliseId).style.display='none';
		}
	}
</script>
</head>
<body>
	<div style="display:none;position:absolute;background-color:#1f1643; 
				width:200px;height:100px;border-style:solid;border-color:red;
				filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;color:red;"
				id="contenu">
		coucou - <a href="javascript:cacheId('contenu');">Fermer</a>
	</div>
	<table style="border:1px solid black;height:400px;width:1000px;">
		<tr id="a">
			<td id="a1" onclick="afficheId('contenu',this);" style="border:1px solid black;">A1 et id="a1"</td>
			<td id="a2" onclick="afficheId('contenu');clic(this.id)" style="border:1px solid black;">A2 et id="a2"</td>
		</tr>
		<tr id="b">
			<td id="b1" style="border:1px solid black;">B1 et id="b1"</td>
			<td id="b2" style="border:1px solid black;">B2 et id="b2"</td>
		</tr>
	</table>
</body>
</html> | 
Partager