MozillaES.org
«La comunidad de Mozilla en español»

Flash y html Superpuesto

Crear páginas para Gecko, diferencias con IE, articulos de interés y recursos en español
Publicar una respuesta

Flash y html Superpuesto

Notapor williamjmendoza » Jue Ago 31, 2006 9:25 pm

Hola!!! Que tal??? Un saludo.

Escribo porque tengo un problema con un menu desplegable en flash al momento que se ejecuta en el browser Mozilla, y tal vez alguno de ustedes pueda ayudarme.

El problema es que como es un menú desplegable hay un fondo de flash transparente que ocupa una área (que va desde dónde termina el menú cuando esta sin desplegarse hasta el lugar máximo que alcanza el menu desplegado más largo). Como esa área es tranparente el contenido html que se coloque sobre ella puede verse, el problema esta (en mozilla) que si ese contenido son links, estos no funcionan.

Cabe la pena destacar que el menu flas es colocado en el html dentro de una etiqueta <div> cuyo z-index es mayor al z-index de la etiqueta <div> donse se encuantra el contenido. Esto es para que al desplagarse el menu, este quede por encima del contenido html que se encuantra en esa área, sino sería un desastre.

Cualquier cosa pueden revisar esta página:

http://www.equipromed.com.ve/prueba2.php
williamjmendoza
Recién llegado
Recién llegado
 
Mensajes: 1
Registrado: Jue Ago 31, 2006 8:44 pm
Ubicación: Caracas
Arriba

Notapor Invitado69 » Mar Ene 30, 2007 3:47 pm

Tengo el mismo problema, nadie sabe como se podría solucionar ??
Invitado69
 
Arriba

Notapor Nukeador » Mié Ene 31, 2007 7:48 pm

A mi los enlaces me funcionan, pero observo algunos errores al insertar el flash, como es el uso de la etiqueta no estadar embed y que la etiqueta style no tiene atributo type.

Modifica esto y dime si se soluciona.
Nukeador
Dragón de Komodo
Dragón de Komodo
 
Mensajes: 672
Registrado: Vie Ene 07, 2005 2:35 pm
Arriba

Re: Flash y html Superpuesto

Notapor EstebanQuito » Sab Jul 19, 2008 1:05 am

El problema yo tambien lo tengo, me parece que se genera cuando hay un marco flotante por debajo de los creados en Front Page o insertados por codigo en Dreamweaver. Estoy viendo, y si bien logre que se viera bien el menu, los vinculos no funcionan. En cambio en una parte donde mi pagina queda por encima de una imagen, no tengo problema. El problema es por encima del marco flotante.

dejo los codigos con los que agrege el .swf por si a alguien le sirven...

En la etiqueta <HEAD></HEAD> lo siguiente:

Código: Seleccionar todo

<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<title>Partido Movimiento Ciudadano Independiente. Bienvenidos.</title>
<script type="text/javascript" src="anim/flashobject.js"></script>
<script type="text/javascript" >
function open_menu()
{if (navigator.appName.indexOf("Microsoft")!= -1) {
 document.color.style.height="244px";
}else{
 document.getElementById('color').style.height="244px";}
}
function close_menu()
{if (navigator.appName.indexOf("Microsoft")!= -1) {
 document.color.style.height="24px";
}else{
 document.getElementById('color').style.height="24px";}
}
</script>



En el body lo siguiente:

Código: Seleccionar todo
<div id="color_id" >123 Flash Menu Placeholder.</div>
<script type="text/javascript">
var fo = new FlashObject("anim/menuflash.swf","color","629","244","6","#FFFFE1");
    fo.addParam("menu","false");
    fo.addParam("quality","best");
    fo.addParam("scale","noscale");
    fo.addParam("salign","LT");
    fo.addParam("wmode", "transparent");
 if (navigator.appName.indexOf("Microsoft")== -1) {
     fo.addVariable("notIE","1");}
    fo.write("color_id");
if (navigator.appName.indexOf("Microsoft")!= -1) {
document.color.style.position="absolute";
document.color.style.zIndex="10";
document.color.style.left="265px";
document.color.style.top="107px";
}else{
document.getElementById('color').style.position="absolute";
document.getElementById('color').style.zIndex="10";
document.getElementById('color').style.left="265px";
document.getElementById('color').style.top="107px";
}
</script>


Donde "anim/menuflash.swf" es el archivo del menu


saludos
EstebanQuito
 
Arriba
Publicar una respuesta

Volver a Desarrollo web (HTML/CSS/JS, accesibilidad...)

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 0 invitados

POWERED_BY
Traducción al español por Huan Manwe
Protected by Anti-Spam ACP