Foros del Web » Programando para Internet » Javascript » Frameworks JS »

achicar div que contiene flash

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

Etiquetas: flash, html, javascript, js, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:52.