Programación Web y Scripting > JavaScript

 Modificar Una Capa Desde Javascript

(1/1)

franc:
Hola, tengo un problema:


Me gustaria hacer en una web que estoy haciendo lo siguiente:


- Tengo una zona de "miembros" y esta se divide en 2 partes, una con la lista de miembros y otra que es un recuadro donde sale la descripcion... foto ... etc del miembro seleccionado.

- Mi idea es que cada vez que se pase el raton por encima de un miembro, cambie el contenido de la "capa" que contiene el recuadro nombrado anteriormente. ¿ me explico ?


En definitiva: ¿ como se cambia el contenido de un div desde javascript ?


gracias.

Amilius:
Probaste con 2 capas, moviendo su posición con el evento. A la capa que no quieres que salga la mandas fuera de pantalla (no recuerdo si arriba o a la izq, prueba para que no se aloquen los "scrollbars"). Cuando el navegador quiera dibujarla comprobará primero que parte sale en pantalla, como no sale nada no la dibuja.

ROBER.29:
Hola,

Para cambiar el contenido de una capa desde javascript se hace de la siguiente forma:


--- Código: Text --- <script language="javascript">//Esta función se encarga de modificar el contenido de una capa esfecificada por el usuario. Parámetros://CapaId: Identificador de la capa que se quiere cambiar el contenido//valorNuevo: nuevo contenido que desea que tenga la capa.function cambiarCapa(CapaId, valorNuevo){   document.getElementById(CapaId).innerHTML = valorNuevo;}</script>  
Esta función de javascript la llamas desde donde quieras (por ejemplo en el evento onmouseover) y le pasas como parámetros el id de la capa que deseas cambiar y el contenido que deseas que tenga.

Espero que lo hayas entendido.

Un saludo.

mateamargo:

--- Cita de: "franc" --- Hola, tengo un problema:


Me gustaria hacer en una web que estoy haciendo lo siguiente:


- Tengo una zona de "miembros" y esta se divide en 2 partes, una con la lista de miembros y otra que es un recuadro donde sale la descripcion... foto ... etc del miembro seleccionado.

- Mi idea es que cada vez que se pase el raton por encima de un miembro, cambie el contenido de la "capa" que contiene el recuadro nombrado anteriormente. ¿ me explico ?


En definitiva: ¿ como se cambia el contenido de un div desde javascript ?


gracias.
--- Fin de la cita ---
El problema ahí es que cada vez que pases el mouse por encima de un miembro tendrías que consultar a la base de datos para traer su descripción y foto. Si es así, la única forma de hacerlo bien y que funcione rápido es usando Ajax (para evitar recargar toda la página).

Otra alternativa es crear divs dinámicos ocultos con la información de todos los miembros listados y que se vaya mostrando a medida que se pasa el mouse por encima de un miembro, pero la página se volvería muy pesada.

Saludos.

Navegación

[0] Índice de Mensajes