Menu desplegable sobre animacion flash

[Weblook]

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!

[dogduck]

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

[Weblook]

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

[dogduck]

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

[Weblook]

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

Un saludo

[tunait]

Tema trasladado desde javascript

[alonso1]

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.

[el_tigre]

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.

[mankel]

Iniciado por Weblook

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

Un saludo

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

Muchas gracias

[el_tigre]

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

[bhagat]

<param name="wmode" value="transparent">

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

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

[bhagat]

POR FIN HE VISTO CUAL ES LA SOLUCIÓN:
http://www.forosdelweb.com/f17/problemas-con-las-capas-dreamweaver-256753/

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.

[bhagat]

POR FIN HE VISTO CUAL ES LA SOLUCIÓN:
http://www.forosdelweb.com/showthread.php?t=256753

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.

[Mikimoto74]

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??

[bhagat]

Hola Mikimoto 74

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

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ú.

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

[Mikimoto74]

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

[bhagat]

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?

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:

la capa del flash que sea Z-index:0
Z-index: 1 o superior para el menú.

Que tengas suerte

[Mikimoto74]

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.

[bhagat]

No se si nos estamos confundiendo con los términos que estamos usando para comunicarnos, porque dices:

sí que tenía los z-index asignados a ambos elementos

Los Z-index se asignan a las capas no a los elementos

y luego despues dices:

en realidad esa capa, llamada #flashYForm, engloba al flash y al pequeño formulario justo de debajo

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

[Mikimoto74]

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!

[RaulZero]

Al #menu o .menu cualquiera que sea el nombre de donde este tu menu, en hover,ponele z-index:99999 y hace al flash lo que se dice de wmode transparent (ponerlo dentro de embed para que funcione en firefox tambien) y solucionado.

[jomaruro]

Hola RaulZero:

¿No crees que después de más de un año el problema estará resuelto? ¡Espero que sí porque sino el cliente no creo que le pague!

Saludos.

[klyder]

ya que el tema fue revivido hace 3 días no me da vergüenza postear mi duda :P.

cuando inserto el flash no me aparece la etiqueta embed, no entiendo el porque, ya que a este proceso lo había hecho hace un par de meses. y ahora yo no me sale. -.-

muchas gracias.

[johnnyLennon]

Hola, esta es la primera vez ke posteo x aki, la verdad en esto de los CSS soy un novel... llegué aqui por la misma razón que todos ustedes....

Me encontré después de probar soluciones de aki y de otros posts que el z-Index debe ir acompañado siempre de un elemento de posicionamiento (position:absolute, relative, etc.), lo probé y ahora sí ke está trabajando...

Mañana subiré el sitio.

PD: (Por reglas del foro, no puedo incluir el enlace a mi página), pero prueben a poner el atributo position en los lugares donde definieron el z-index, yo la verdad lo hice ya dando patadas de ahogado y resultó ser la solución final a este tema...

Espero haberlos ayudado, saludos...

[karolinabat]

Muchísimas gracias Weblook!!! , me has resuelto un problema que me estaba mareando toda la tarde. GRACIAS

[doctorcito]

Iniciado por Weblook

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

millon gracias funciona 100% :apla uso:

llevo años buscando una solucion a esto y la verdad nunca me imagin que fuera tan sencillo

Salu2

[emercadotecnia]

La solución me parece perfecta pero ¿qué hacemos con Adsense? Los banners de AdSense en flash no se pueden tocar, entonces ¿existe alguna solución?.

Llevo buscando varios días alguna información útil pero nada. Un saludo.

[Tecton]

Caballeros! Un millón de gracias. La solución sigue funcionando!

[Bienjoe]

Iniciado por bhagat

POR FIN HE VISTO CUAL ES LA SOLUCIÓN:
[URL="http://www.forosdelweb.com/showthread.php?t=256753"]http://www.forosdelweb.com/showthread.php?t=256753[/URL]

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.

Muchas gracias!! funcionó perfectamente!!

[vikber]

Muchas gracias por este aporte (y muchos más que he utilizado), estos quebraderos de cabeza que se resuelven gracias al foro, me hace continuar hasta un sin fin de posibilidades.
Un para el foro