Hola todos :
Una sugerencia para la próxima,
el_javi : muestra cómo creas el documento, porque hay muchas formas de hacerlo y puede haber tantas respuestas.
No creo que haya adivinado a la primera, pero prueba ésto. Ubicar la posición de un objeto es bastante complicado porque depende de cada documento, así que usé
span.
Código:
<html>
<head>
<title></title>
<script language= "JavaScript">
function capas(idC){
var laCapa = document.getElementById(idC).getElementsByTagName( "span" )[0];
var ver = (laCapa.style.visibility == "visible") ? "hidden" : "visible";
laCapa.innerHTML = "AQUI " + idC;
laCapa.style.visibility = ver;
}
document.write("<table border=1><tbody>"+
"<tr><td id='aA'><span> </span>ALFA </td><td id='bB'><span> </span>BRAVO </td><td id='cC'><span> </span>CHARLY </td></tr>"+
"<tr><td id='dD'><span> </span>DELTA </td><td id='eE'><span> </span>ECO </td><td id='fF'><span> </span>FOXTROT </td></tr>"+
"<tr><td id='gG'><span> </span>GOLF </td><td id='hH'><span> </span>HOTEL </td><td id='iI'><span> </span>INDIO </td></tr>"+
"</tbody></table> <br /><br />");
document.write("<h3 onclick=\'capas(\"aA\")\'>+ ALFA</h1>"+
"<h3 onclick=\'capas(\"bB\")\'>+ BRAVO</h1>"+
"<h3 onclick=\'capas(\"cC\")\'>+ CHARLY</h1>"+
"<h3 onclick=\'capas(\"dD\")\'>+ DELTA</h1>"+
"<h3 onclick=\'capas(\"eE\")\'>+ ECO</h1>"+
"<h3 onclick=\'capas(\"fF\")\'>+ FOXTROT</h1>"+
"<h3 onclick=\'capas(\"gG\")\'>+ GOLF</h1>"+
"<h3 onclick=\'capas(\"hH\")\'>+ HOTEL</h1>"+
"<h3 onclick=\'capas(\"iI\")\'>+ INDIO</h1>" )
</script>
<style>
td{position:relative; font-size:22pt; }
td span{position:absolute; z-index:100; background:#ff0; font-size:12pt; font-weight:bold; visibility:hidden;}
h3{cursor:hand; }
h3{cursor:pointer; }
</style>
</head>
<body>
</body>
</html>
saludos
fuoya