Saber el alto de una capa dinámica

[salvica]

Hola a tod@s

No se si la pregunta está bien aquí o en JavaScript, pero en fin, disculparme si meto la pata

Defino una capa que contiene una tabla de N filas que está asociada a varios elementos "<area" de un mapa de españa que ocupa la totalidad de la página. Hasta aquí sin problemas, la muestro y la oculto perfectamente.

El problema radica en que cuando desplazo la rata a los extremos de la página, la capa debe posicionarse a la izquierda/derecha arriba/debajo del cursor.

Bien, con el izquierda/derecha lo tengo resuelto ya que el ancho de la capa es fijo (400px), pero ¿y con la altura de la capa? ¿hay alguna propiedad que me indique la altura real de la tabla?

Ya os dije que es una mezcla de css y javascript
Ayudarme, forfa, de todas formas gracias adelantadas
Salvica

[JavierB]

Hola salvica.

Si pones un id a la capa:

<div id="esternocleidomastoideo">

Podrás averiguar su altura con:

document.getElementById('esternocleidomastoideo'). offsetHeight;

Espero que te sirva. Saludos,

P.D. Me ha hecho mucha gracia lo de "cuando desplazo la rata". Eso es luchar por la igualdad de sexos y lo demás tontería

[salvica]

Hola JavierB

Perdona por no contestar antes, pero he estado bastante liado con lo de la capa en cuestión (como 500 líneas de código en formato comprimido )

Efectivamente, lo resolví con el offsetHeight, gracias por la ayuda

Iniciado por JavierB

... P.D. Me ha hecho mucha gracia lo de "cuando desplazo la rata". Eso es luchar por la igualdad de sexos y lo demás tontería

Como solo se le ve "el rabo" y es más bien grande (enorme diria yo) pasa de "ratón" a "rata de alcantarilla"

Bromas aparte (y continuando con el tema) en la página tengo otras tres capas fijas (y visibles) que se superponen (a veces) con la que muevo por la pantalla

¿Hay alguna propiedad que me ponga las capas fijas en "el fondo"?
Las fijas la declaro como:

Código HTML:

      .islas {
           font-size:12px;
           font-family: Arial, Verdana, Helvetica;
           font-weight: bold;
           background-color: darkblue;
           border:1px solid #000000;
           color: #FFFFFF;
      }

Código HTML:

 <div id="azores"   class="islas" style="position:absolute;width:171;height:15;left:0;top:100">&nbsp;<?php echo $islasAzores;   ?> &nbsp;</div>
      <div id="madeira"  class="islas" style="position:absolute;width:171;height:15;left:0;top:294">&nbsp;<?php echo $islasMadeira;  ?> &nbsp;</div>
      <div id="canarias" class="islas" style="position:absolute;width:171;height:15;left:0;top:410">&nbsp;<?php echo $islasCanarias; ?> &nbsp;</div> 

Gracias de nuevo
salvica

[salvica]

Yo me lo guiso, yo me lo como (aunque me lo han soplado por otro lado)

La solución es dar un valor a la propiedad CSS z-index del <div id="tip" que se mueve y quedaría algo asi:

Código PHP:

  <div id="tip"                    style="position:absolute;left=0;top=0;z-index:3;width:400;visibility:hidden;"></div>
<div id="azores"   class="islas" style="position:absolute;width:171;height:15;left:0;top:100;"> Islas Azores </div>
<div id="madeira"  class="islas" style="position:absolute;width:171;height:15;left:0;top:294;"> Islas Madeira </div>
<div id="canarias" class="islas" style="position:absolute;width:171;height:15;left:0;top:410;"> Islas Canarias </div> 
   

Saludetes