Flash y html Superpuesto

Crear páginas para Gecko, diferencias con IE, articulos de interés y recursos en español
williamjmendoza
Recién llegado
Recién llegado
Mensajes: 1
Registrado: Jue Ago 31, 2006 8:44 pm
Ubicación: Caracas
Contactar:

Flash y html Superpuesto

Mensajepor 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

Invitado69

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

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

Nukeador
Dragón de Komodo
Dragón de Komodo
Mensajes: 672
Registrado: Vie Ene 07, 2005 2:35 pm
Contactar:

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

EstebanQuito

Re: Flash y html Superpuesto

Mensajepor 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


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 1 invitado