achicar div que contiene flash

juan_14nob · #1 (**permalink**) 10/08/2011, 17:44

Hola!! a todos lo que quiero hacer es achicar un div que contiene una pelicula flash, pense hacerlo con un efecto de la libreria Scriptaculous. lo hago con el efecto morph y funciona bien en mozilla firefox, pero en IE y chrome no funciona. !

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>servicio</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<link rel="stylesheet" href="css/servicios.css" media="screen" type="text/css" />
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous/scriptaculous.js?load=effects"></script>
<script type="text/javascript">   
var ir_x;
 
window.onload = function(){
 
    $('cerrar_menu').onclick = function(){
 
        $('menu').morph('height:76px;');
        $("cerrar_menu").style.display= "none";
        $("cerrar_menu_abajo").style.display= "block";
        
    }
    $('cerrar_menu_abajo').onclick = function(){
 
        $('menu').morph('height:478px;');
        $("cerrar_menu").style.display= "block";
        $("cerrar_menu_abajo").style.display= "none";
    
    }
}
</script>
</head>
<body bgcolor="#000000">
 
<div id="contenedor" align="center">
 
    <div id="encabezado">
 
        <div id="menu">
 
<!--URL utilizadas en la película-->
<!--Texto utilizado en la película-->
<!-- saved from url=(0013)about:internet -->
<script language="javascript">
    if (AC_FL_RunContent == 0) {
        alert("Esta página requiere el archivo AC_RunActiveContent.js.");
    } else {
        AC_FL_RunContent(
            'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
            'width', '1008',
            'height', '476',
            'src', 'servicios',
            'quality', 'high',
            'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
            'align', 'middle',
            'play', 'true',
            'loop', 'true',
            'scale', 'showall',
            'wmode', 'window',
            'devicefont', 'false',
            'id', 'servicios',
            'bgcolor', '#000000',
            'name', 'servicios',
            'menu', 'true',
            'allowFullScreen', 'false',
            'allowScriptAccess','sameDomain',
            'movie', 'servicios',
            'salign', ''
            ); //end AC code
    }
</script>
        <noscript>
            <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="1008" height="476" id="servicios" align="middle">
            <param name="allowScriptAccess" value="sameDomain" />
            <param name="allowFullScreen" value="false" />
            <param name="movie" value="servicios.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" />   <embed src="servicios.swf" quality="high" bgcolor="#000000" width="1008" height="476" name="servicios" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
            </object>
        </noscript>
 
        </div>
 
    </div>
    <div id="cuerpo">
 
        <div id="enlaces">
            
            <div style="cursor:pointer;display:block;width:100px;height:12px;"id="cerrar_menu" title="Ocultar" class="cerrar_menu_im"></div>
            <div style="cursor:pointer;display:none;width:100px;height:12px;"id="cerrar_menu_abajo" title="Mostrar Anim." class="cerrar_menu_abajo_im">
            </div>
            <a href="home.php" class="home">Home</a>
            <div style="width:14px;background:url('flecha_jcweb.jpg');position:relative;float:left;height:32px;margin:5px 0;"></div>
                <a href="#" class="final" style="margin-left:0px;">Servicios</a>
        </div>
    
        .
        .
        .
 
    [divs]
</body>
</html>

y el CSS, servicios.css

Código CSS:

Ver originalhtml{margin:0px;padding:0px;}
body{margin:0px;padding:0px;}
 
#barra_mov{
    width:40px;
    height:15px;
    background: #87e0fd; /* Old browsers */
    -moz-border-radius:10px 10px 10px 10px; 
}
#barra_todo{
    height:25px;
    width:70%;
    margin:0px 0px 25px 5px;
 
}
 
#enlaces a{
    position:relative;
    cursor:pointer;
    float:left;
    margin:5px 0 10px 5px;
    font-family: trebuchet MS;
    font-size:12px;
 
}
#cuerpo{position:relative;color:white;background:black;}
#info-empresa{
    clear:both;
    margin: 32px 0 0 0;
}
#s_uno{
    clear:both;
 
}
.home{color:black;background:#0E96AE;padding:7px;-moz-border-radius:10px 0px 0px 10px;}
 
.final{-moz-border-radius:0px 10px 10px 0px;color:black;background:#0E96AE;padding:7px;}
.titles{
    font-family: trebuchet MS;
    color:#0E96AE;
    float:left;
    text-decoration:underline;
    margin-left:18px;
}
 
.s_uno_parrafo{
 
    font-family: verdana arial helvetica "sans serif";
    
    position:relative;
    top:15px;
    width:800px;
    left:-50px;
    font-size:16px;
    font-weight:bold;
    clear:both;
}

saludos y gracias!!!!!