Tema: achicar div que contiene flash
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/08/2011, 17:44
Avatar de juan_14nob
juan_14nob
 
Fecha de Ingreso: abril-2010
Mensajes: 552
Antigüedad: 14 años
Puntos: 6
achicar div que contiene flash
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
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>servicio</title>
  6. <script language="javascript">AC_FL_RunContent = 0;</script>
  7. <script src="AC_RunActiveContent.js" language="javascript"></script>
  8. <link rel="stylesheet" href="css/servicios.css" media="screen" type="text/css" />
  9. <script type="text/javascript" src="prototype.js"></script>
  10. <script type="text/javascript" src="scriptaculous/scriptaculous.js?load=effects"></script>
  11. <script type="text/javascript">   
  12. var ir_x;
  13.  
  14. window.onload = function(){
  15.  
  16.     $('cerrar_menu').onclick = function(){
  17.  
  18.         $('menu').morph('height:76px;');
  19.         $("cerrar_menu").style.display= "none";
  20.         $("cerrar_menu_abajo").style.display= "block";
  21.         
  22.     }
  23.     $('cerrar_menu_abajo').onclick = function(){
  24.  
  25.         $('menu').morph('height:478px;');
  26.         $("cerrar_menu").style.display= "block";
  27.         $("cerrar_menu_abajo").style.display= "none";
  28.     
  29.     }
  30. }
  31. </script>
  32. </head>
  33. <body bgcolor="#000000">
  34.  
  35. <div id="contenedor" align="center">
  36.  
  37.     <div id="encabezado">
  38.  
  39.         <div id="menu">
  40.  
  41. <!--URL utilizadas en la película-->
  42. <!--Texto utilizado en la película-->
  43. <!-- saved from url=(0013)about:internet -->
  44. <script language="javascript">
  45.     if (AC_FL_RunContent == 0) {
  46.         alert("Esta página requiere el archivo AC_RunActiveContent.js.");
  47.     } else {
  48.         AC_FL_RunContent(
  49.             'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
  50.             'width', '1008',
  51.             'height', '476',
  52.             'src', 'servicios',
  53.             'quality', 'high',
  54.             'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
  55.             'align', 'middle',
  56.             'play', 'true',
  57.             'loop', 'true',
  58.             'scale', 'showall',
  59.             'wmode', 'window',
  60.             'devicefont', 'false',
  61.             'id', 'servicios',
  62.             'bgcolor', '#000000',
  63.             'name', 'servicios',
  64.             'menu', 'true',
  65.             'allowFullScreen', 'false',
  66.             'allowScriptAccess','sameDomain',
  67.             'movie', 'servicios',
  68.             'salign', ''
  69.             ); //end AC code
  70.     }
  71. </script>
  72.         <noscript>
  73.             <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">
  74.             <param name="allowScriptAccess" value="sameDomain" />
  75.             <param name="allowFullScreen" value="false" />
  76.             <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" />
  77.             </object>
  78.         </noscript>
  79.  
  80.         </div>
  81.  
  82.     </div>
  83.     <div id="cuerpo">
  84.  
  85.         <div id="enlaces">
  86.             
  87.             <div style="cursor:pointer;display:block;width:100px;height:12px;"id="cerrar_menu" title="Ocultar" class="cerrar_menu_im"></div>
  88.             <div style="cursor:pointer;display:none;width:100px;height:12px;"id="cerrar_menu_abajo" title="Mostrar Anim." class="cerrar_menu_abajo_im">
  89.             </div>
  90.             <a href="home.php" class="home">Home</a>
  91.             <div style="width:14px;background:url('flecha_jcweb.jpg');position:relative;float:left;height:32px;margin:5px 0;"></div>
  92.                 <a href="#" class="final" style="margin-left:0px;">Servicios</a>
  93.         </div>
  94.     
  95.         .
  96.         .
  97.         .
  98.  
  99.     [divs]
  100. </body>
  101. </html>

y el CSS, servicios.css

Código CSS: 
Ver original
  1. html{margin:0px;padding:0px;}
  2. body{margin:0px;padding:0px;}
  3.  
  4. #barra_mov{
  5.     width:40px;
  6.     height:15px;
  7.     background: #87e0fd; /* Old browsers */
  8.     -moz-border-radius:10px 10px 10px 10px; 
  9. }
  10. #barra_todo{
  11.     height:25px;
  12.     width:70%;
  13.     margin:0px 0px 25px 5px;
  14.  
  15. }
  16.  
  17. #enlaces a{
  18.     position:relative;
  19.     cursor:pointer;
  20.     float:left;
  21.     margin:5px 0 10px 5px;
  22.     font-family: trebuchet MS;
  23.     font-size:12px;
  24.  
  25. }
  26. #cuerpo{position:relative;color:white;background:black;}
  27. #info-empresa{
  28.     clear:both;
  29.     margin: 32px 0 0 0;
  30. }
  31. #s_uno{
  32.     clear:both;
  33.  
  34. }
  35. .home{color:black;background:#0E96AE;padding:7px;-moz-border-radius:10px 0px 0px 10px;}
  36.  
  37. .final{-moz-border-radius:0px 10px 10px 0px;color:black;background:#0E96AE;padding:7px;}
  38. .titles{
  39.     font-family: trebuchet MS;
  40.     color:#0E96AE;
  41.     float:left;
  42.     text-decoration:underline;
  43.     margin-left:18px;
  44. }
  45.  
  46. .s_uno_parrafo{
  47.  
  48.     font-family: verdana arial helvetica "sans serif";
  49.     
  50.     position:relative;
  51.     top:15px;
  52.     width:800px;
  53.     left:-50px;
  54.     font-size:16px;
  55.     font-weight:bold;
  56.     clear:both;
  57. }


saludos y gracias!!!!!