Posicionamiento al mostrar/ocultar capas

Mister Maceta · #1 (**permalink**) 03/11/2005, 04:41

Quiero realizar unas ayudas en una página web mostrando y ocultando capas cuando pase el ratón por un vínculo. Para realizar este comportamiento he optado por el javascript que ofrece el Dreamweaver 'Mostrar/ocultar capa'. Sé poner todos los atributos de estilo de la capa en una css, menos el posicionamiento. Me gustaría que fuera siempre pegado al link, sin necesidad de poner coerdanadas fijas cada vez que cree una capa nueva.

¿Es posible que exista un atributo en el estilo de las capas que diga que se muestre pegado al link por donde pasa el ratón?

Si no es así como yo pienso, me podeis aconsejar un javascript que haga el mismo cometido que estoy intentando con el Dreamweaver.

Muchas gracias por vuestra colaboración

programeitor · #2 (**permalink**) 03/11/2005, 22:07

<html>
<head>
<style>
.visto{position:absolute;display:inline;color:black;background:green;}
.novisto{display:none}
</style>
<script>
function ver(obj){
obj.getElementsByTagName('span')[0].className='visto'
}
function nover(obj){
obj.getElementsByTagName('span')[0].className='novisto'
}
</script>
<head>
<body>
texto
<a href="" onmouseover="ver(this)" onmouseout="nover(this)">
<span class="novisto">
contenido de la ayuda
</span>
enlace
</a>
texto
</body>
</html>

Mister Maceta · #3 (**permalink**) 04/11/2005, 06:08

Gracias por tu ayuda, pero no termina de ser lo que buscaba. El rollover no carrula bien del todo en Mozilla y cuando pasas el ratón sale el texto de ayuda encima del enlace, y a mí, lo que me gustaría es que saliera una ventanita ligeramente por debajo o por la derecha del enlace. De esta forma se asocia la ayuda al enlace que explica en lugar de ocultarlo.

programeitor · #4 (**permalink**) 04/11/2005, 12:24

Puedes hacer dos cosas, si colocas el span detras de el texto del link, te saldra a la derecha de esa palabra, .de otro modo siempre puedes darle un margen a la clase 'visto'.

.visto{.............................;margin:2.5% -4%;}

Mister Maceta · #5 (**permalink**) 05/11/2005, 07:29

OK, perfecto. Esto era lo que deseaba, le he puesto los estilos en el margen y sale perfectamente debajo del enlace. Además, no sé por qué, pero ahora el mouseout y mouseover van correctamente en Mozilla, con el mensaje anterior se atascaba un poco.
Muchas gracias programeitor
Un saludo