Foros del web, para los que viven de bits

Tengo un menu desplegable hecho en javas script,y coloque una animacion en la prate de abajo del menu, cuando acciono el menu la parte que se desplega queda atras de la animacion, alguien sabe como resolverlo?

muchas gracias!

¿ Y si metes el menu en una capa <div ..., y ante un evento de el menu que la capa tome el foco ?

Muchas Gracias por tu respuesta dogduck:

Lo resolvi, en la fuente html (en la parte del flash), asi quedo por si alguien lo necesita:


<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="200" title="slip">
<param name="movie" value="swf/Untitled.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="swf/Untitled.swf" width="500" height="200" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>

Muchas gracias por tu respuesta!

Saludos

<param name="wmode" value="transparent"> , ¿ es lo que te resolvió el tema ?

Exactamente, lo hice con Dreamweaver, pero creo que modificando la fuente pudiera quedar.

Un saludo

Tema trasladado desde javascript

Hola Weblook
justo estaba tratando de poner un menu desplegable, para una pagina y estaba copiando algunos scripts q encontre, pero sucede q no me funcionan con el firefox, agradeceria si pudieras pasar tu menu o me sugieras donde ubicar alguno compatible con cualquier navegador, gracias.

Hola amigos, estuve revisando y probando, pero no me funciona ni con Capas como se explica aqui lo mío es que tengo un menú en JavaScript y muestro en la parte de abajo en un IFRAME la película de flash, pero ni modificando las propiedades, ni con las capas he logrado que funciones.

¿alguna otra manera?

Mil gracias por las sugerencias.

Jajajaja... hay cosas que definitivamente no nos dariamos cuenta si no intentamos. Maldito parametro

Muchas gracias

Hola Mankel, te funcio´no modificnado ese parámetro en el HTML?, pues yo lo hice y no me funcionó.

TEngo el SWF dentro de un IFRAME de mi mismo index, tienes alguna sugerencia?

Ver mi web

Solo funciona para IE explorer, ¿alguna solución para Firefox y Opera?

animo, aver si le buscamos una solución global entre todos/as

POR FIN HE VISTO CUAL ES LA SOLUCIÓN:
Problemas con las capas en DreamWeaver

Para resumir:

1) Usar Capas, Layer. Div o como querais llamarlas, y atribuirles un Z-index
Z-index:0 para el Div del Flash
Z-index: 1 o superior para el menú.

2) En los parámetros del flash o FLV incluir
<param name="wmode" value="transparent">

(Hasta aquí todo igual que ahora ¿no?

MUY IMPORTANTE

3) para que tambien funcione en Firefox y Opera, etc.incluir el codigo :
wmode="transparent" dentro de la etiqueta EMBED, y quede algo así como:
<embed src="miflash.swf" wmode="transparent" quality="high" etc etc.

He probado muchas otras soluciones y esta ha sido la unica que funciona con todos los navegadores.

POR FIN HE VISTO CUAL ES LA SOLUCIÓN:
Problemas con las capas en DreamWeaver

Para resumir:

1) Usar Capas, Layer. Div o como querais llamarlas, y atribuirles un Z-index
Z-index:0 para el Div del Flash (parece que es importante que el flash tenga Z-index:0)
Z-index: 1 o superior para el menú.

2) En los parámetros del flash o FLV incluir
<param name="wmode" value="transparent">

(Hasta aquí todo igual que ahora ¿no?

Ahora un paso MUY IMPORTANTE para que funcione en todos los navegadores

3) para que tambien funcione en Firefox y Opera, etc.incluir el codigo :
wmode="transparent" dentro de la etiqueta EMBED, y quede algo así como:
<embed src="miflash.swf" wmode="transparent" quality="high" etc etc.

He probado muchas otras soluciones y esta ha sido la unica que funciona con todos los navegadores.

Hola, he probado esta última solución, pero sigue sin funcionar del todo. El problema es el siguiente:

Al hacer la película flash transparente, hace que su fondo sea transparente, con lo cual, dejará ver el menú por debajo, pero en realidad este menu seguirá estando apilado por debajo de la película Flash. De hecho, cualquier elemento de Flash, excepto el fondo transparente como ya he dicho, seguirá tapando el menú, lo cual queda bastante feo.

Alguien sabe alguna forma mejor??

Hola Mikimoto 74

la solución anterior tiene 2 pasos, veo que citas el 2º pero ¿has realizado el 1º?

si no lo haces si que te aparece el problema que citas, al menos así me ocurre a mi.

Cuando cambio estos 2 parametros el menú funciona bien en todos los navegadores

puedes ver un ejemplo práctico en este web, que estoy creando

http://www.iwebnet.com/aqualife3/esp/index-video.htm

saludos

Hola bhagat, gracias por responder. Supongo que al usar z-index con el div del flash usas posicionamiento absoluto no? o hay que usar z-index sin el posicionamiento absoluto?

Otra cosa curiosa es que en el ejemplo que has puesto, el menu funciona bien en FF excepto en la sección "vitrinas" de Flash, que pasa como en mi caso. Extraño verdad?

Si quieres echarle una ojeada al mío, te dejo el enlace aquí:

http://www.perfumes2008.com

intenta realizar una búsqueda aleatoria con dos o tres letras y verás como aparece el menú justo por debajo de la película Flash.

Puedes comprobar con el Firebug de FF o directamente mirando el código como uso posicionamiento absoluto en ambos elementos, y el modo transparente en param y embed

Por lo que yo entiendo el Z-index es el orden en que van las capas (layers, DIV) independientemente que sean absolutas o relativas, esto es: le vas asignando el orden que quieres sin importar de que tipo son (absolutas o relativas).

Gracias por avisarme, me había "comido" la "a" y había escrito "trnsparent"
<param name="wmode" value="transparent" />

ahora esta bien, eso creo !!!.

Observando tu site, veo que has insertado correctamente el transparent en ambos lugares correctamente. Creo que te falta asignarles los Z-index a las capas. Recuerda:

Que tengas suerte

Bhagat, sí que tenía los z-index asignados a ambos elementos. Lo único es que a ambos les había dado posicionamiento absoluto. De todas formas he probado a hacer igual, con los mismos z-index, pero que la capa del flash no sea absoluta (en realidad esa capa, llamada #flashYForm, engloba al flash y al pequeño formulario justo de debajo).

Sigue pasándome el error, y he hecho todo lo que dices.

No se si nos estamos confundiendo con los términos que estamos usando para comunicarnos, porque dices:
Los Z-index se asignan a las capas no a los elementos

y luego despues dices:
Si me dices que tienes ambos elementos en la misma capa #flashYForm es imposible que puedas asignarles Z-index diferentes.

Te repito, por lo que yo se, es indiferente si la capa es absoluta o relativa en cuanto a su posición, pues este atributo se refiere a su posición con respecto al resto de elementos y el Z-index se refiere al orden en que se verá cada una de ellas.

Imagina que las capas son hojas de papel sobre una mesa, la posición Z-index es la que dice en que orden las vas colocando una encima de otra, así las ultimas serán mas visibles pues estarán mas arriba. Con respecto a si su posición es absoluta o relativa es si la forma en que las distribuyes sobre la mesa,(mas a la izquierda, o a la derecha, etc) es absoluta (como sujeta con chinchetas) o relativa (depende de como muevas las otras hojas, el tamaño de la mesa etc)

Por decirlo de otra manera mas rápida,una se refiere a la posición vertical y otra a la disposición horizontal.

un abrazo

No me has entendido Bhagat. En el div #flashYForm tengo el flash y un pequeño formulario, y se encuentra dentro de otro bloque llamado #subheader, y el bloque dinámico está en otro bloque llamado #header, o sea, que no se encuentran en la misma rama del árbol DOM. Están en diferentes jerarquías.

En cuanto a lo de qué son los elementos, ahí discrepo. Un div es un elemento, como puede serlo una tabla, un formulario, o incluso una etiqueta span, b, etc que son algo más abstracto. Todos ellos son nodos del DOM y son tratados como elementos.

También es posible asignar a un elemento cualquiera un posicionamiento absoluto y darle un z-index. No sólo a un div, sino también por ejemplo a un <p>, <h1>, a un <img> con display:block, etc. Lo del término capas para mencionar a los divs queda un poco obsoleto y yo creo que hacemos mal en usarlo, yo el primero, que de vez en cuando se me escapa , puesto que todos los elementos se pueden apilar como capas y por lo tanto se pueden comportar como tal. Por eso yo prefiero hablar de elementos, o de bloques o cajas, si es que son elementos de tipo bloque.

Saludos!