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>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