03/02/2009, 10:03
| |||
| |||
| Película flash y menú hecho con javascript Cree una animación(película) en flash para insertarla en una parte de mi página en html y dado que tiene un menú que esta hecho con javascript creo que hay algo de incompatibilidad. Al posar el mouse sobre una de las opciones del menú se despliegan las opciones pero no las puedo ver pues aparecen detrás de la película. Me preguntaba si no existe una opción como en powerpint de enviar al fondo o algo así para que me permita ver bien mi menú. |
|
03/02/2009, 11:13
| |||
| |||
| Respuesta: Película flash y menú hecho con javascript Supongo que el menú y la animacion lo tienes en divs? pues los div tiene una propiedad para numerar las capas, Z-index , con esto supongo lo tendría solucionado. |
|
03/02/2009, 12:02
| |||
| |||
| Respuesta: Película flash y menú hecho con javascript <DIV STYLE="position:absolute; z-index:1"> aqui pon el object del flash</DIV> <DIV STYLE="position:absolute; z-index:2"> aqui pon el menu </DIV> Creo que es algo así. hechale un vistazo a esta pagina o cualquira que explique a fondo los divs. http://www.htmlpoint.com/css/css_10.htm por cierto prueba que funciones en varios navegadores me suena que hay algun problema con los divs en explorer o mozilla o alguno de esos. |
|
03/02/2009, 12:47
| |||
| |||
| Respuesta: Película flash y menú hecho con javascript z-index Pues no me funciona  Aquí donde se inserta el menú:
Código:
Y aquí el objeto flash<tr>
<td style="width:800px;">
<div style="background-color:#999999;">
<script type="text/javascript" src="menu/menu.js"></script>
</div>
</td>
</tr>
Código:
Son los únicos divs que tengo pero no se como conseguir que funcione. <td style="width:600px;padding:5px;background-color:#FFFFFF;vertical-align:top;text-align:center">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','600','height','400','src','img/pelicula','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','img/pelicula' ); //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,28,0" width="600" height="400">
<param name="movie" value="img/pelicula.swf">
<param name="quality" value="high">
<embed src="img/pelicula.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="600" height="400"></embed>
</object>
</noscript><!--<img src="img/O4S1966.JPG" width="580" height="387">--></td>
|
|
03/02/2009, 13:25
| |||
| |||
| Respuesta: Película flash y menú hecho con javascript debes de poner los dos divs dentro del mismo td, sino no saben superponerse, y el problema que estooy viendo es que tienen distintas dimensiones los td, tendras que poner estas dimensiones a los divs supongo que mas o menos seria una cosa así Código HTML: <td style="width:600px;padding:5px;background-color:#FFFFFF;vertical-align:top;text-align:center"> <DIV STYLE="position:absolute; top:130px; left:100px; width:200px; height:200px; z-index:1"> <script type="text/javascript" src="menu/menu.js"></script> </DIV> <DIV STYLE="position:absolute; top:250px; left:150px; width:200px; height:200px; z-index:-1"> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','600','height','400','src','img/pelicula','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','img/pelicula' ); //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,28,0" width="600" height="400"> <param name="movie" value="img/pelicula.swf"> <param name="quality" value="high"> <embed src="img/pelicula.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="600" height="400"></embed> </object> </noscript> </DIV> </td> |
|
03/02/2009, 13:40
| |||
| |||
| Respuesta: Película flash y menú hecho con javascript Pero mi código no lo tengo así, el menu esta en un td y la película en otro td. No se si pegar todo el codigo html...
Código:
Si hay problema diganme y lo quito.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content= "text/html; charset=us-ascii" />
<title></title>
<!-- Standard reset and fonts -->
<script type="text/javascript" src="menu/js/stmenu.js"></script>
<script type="text/javascript" src="js/obj.js"></script>
<!-- -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body onLoad="MM_preloadImages('img/2_17.gif')">
<table border="0" cellpadding="0" cellspacing="0" style="width:800px;" align="center">
<tr>
<td style="width:800px;">
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="2"><a href= "" target= "_blank"><img src="img/1_01.gif" alt="" width="76" height="72" border="0" /></a></td>
<td rowspan="2" background="img/1_02.gif" width="436" height="72" alt="">
<table width="436" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10"> </td>
<td width="21"> </td>
<td width="20"> </td>
<td width="385"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><a href="index.php" target="_self"><img src="img/home.gif" width="16" height="13" border="0" /></a></td>
<td><a href="index_023.php" target="_self"><img src= "img/sobre.gif" width="16" height="13" border="0" /></a></td>
<td> </td>
</tr>
</table>
</td>
<td background="img/1_03.gif" width="288" height="35" alt="">
<table width="288" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="47" height="35"><a href="" target="_blank"><img src="" alt= "" width="47" height="35" border="0" /></a></td>
<td width="47" height="35"> </td>
<td width="47" height="35"><a href="" target="_blank"><img src="" alt= "" width= "47" height="35" border="0" /></a></td>
<td width="47" height="35"><a href="" target="_blank"><img src="" alt= "" width="47" height= "35" border="0" /></a></td>
<td width="47" height="35"><a href="" target="_blank"><img src="" alt= "" width="47" height="35" border= "0" /></a></td>
<td width="47" height="35"><a href="" target="_blank"><img src="" alt= "" width="47" height="35" border="0" /></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="img/1_04.gif" width="288" height="37" alt= "" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="width:800px;">
<div style="background-color:#999999;">
<script type="text/javascript" src="menu/menu.js"></script>
</div>
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" style="width:800px;">
<tr>
<td style="width::200px;padding:10px;background-color:#F0F0F0;vertical-align:top;">
<table border="0" cellpadding="0" cellspacing="0" style="width:165px;">
<tr>
<td style="padding:1px;"> <a href="" target="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image17','','img/2_17.gif',1)"><img src="img/2_17_n.gif" name="Image17" width="165" height="43" border="0"></a></td>
</tr>
<tr>
<td style="padding:1px;"> <a href="index_029.php" target="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image18','','img/2_18.gif',1)"><img src="img/2_18_n.gif" name="Image18" width="165" height="43" border="0"></a></td>
</tr>
<tr>
<td style="padding:1px;"> <a href="index_028.php" target="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image19','','img/2_19.gif',1)"><img src="img/2_19_n.gif" name="Image19" width="165" height="43" border="0"></a></td>
</tr>
<tr>
<td>
<a href= "" target= "_blank"><img border="0" src="img/logo_vivir.gif" width="165" height="190"></a>
</td>
</tr>
</table>
</td>
<td style="width:600px;padding:5px;background-color:#FFFFFF;vertical-align:top;text-align:center"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','600','height','400','src','img/pelicula','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','img/pelicula' ); //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,28,0" width="600" height="400">
<param name="movie" value="img/pelicula.swf">
<param name="quality" value="high">
<embed src="img/pelicula.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="600" height="400"></embed>
</object>
</noscript><!--<img src="img/O4S1966.JPG" width="580" height="387">--></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
|
|
03/02/2009, 14:18
| |||
| |||
| Respuesta: Película flash y menú hecho con javascript Prueba con esto y si no te funciona pruebo otra cosa. Código HTML: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content= "text/html; charset=us-ascii" /> <title></title> <!-- Standard reset and fonts --> <script type="text/javascript" src="menu/js/stmenu.js"></script> <script type="text/javascript" src="js/obj.js"></script> <!-- --> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> </head> <body onLoad="MM_preloadImages('img/2_17.gif')" bgcolor="#000000"> <table border="0" cellpadding="0" cellspacing="0" style="width:800px;" align="center"> <tr> <td style="width:800px;"> <table width="800" border="0" cellspacing="0" cellpadding="0"> <tr> <td rowspan="2"><a href= "" target= "_blank"><img src="img/1_01.gif" alt="" width="76" height="72" border="0" /></a></td> <td rowspan="2" background="img/1_02.gif" width="436" height="72" alt=""> <table width="436" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="10"> </td> <td width="21"> </td> <td width="20"> </td> <td width="385"> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td><a href="index.php" target="_self"><img src="img/home.gif" width="16" height="13" border="0" /></a></td> <td><a href="index_023.php" target="_self"><img src= "img/sobre.gif" width="16" height="13" border="0" /></a></td> <td> </td> </tr> </table> </td> <td background="img/1_03.gif" width="288" height="35" alt=""> <table width="288" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="47" height="35"><a href="" target="_blank"><img src="" alt= "" width="47" height="35" border="0" /></a></td> <td width="47" height="35"> </td> <td width="47" height="35"><a href="" target="_blank"><img src="" alt= "" width= "47" height="35" border="0" /></a></td> <td width="47" height="35"><a href="" target="_blank"><img src="" alt= "" width="47" height= "35" border="0" /></a></td> <td width="47" height="35"><a href="" target="_blank"><img src="" alt= "" width="47" height="35" border= "0" /></a></td> <td width="47" height="35"><a href="" target="_blank"><img src="" alt= "" width="47" height="35" border="0" /></a></td> </tr> </table> </td> </tr> <tr> <td><img src="img/1_04.gif" width="288" height="37" alt= "" /></td> </tr> </table> </td> </tr> <tr> <td style="width:800px;"> <div style="background-color:#999999;"> <script type="text/javascript" src="menu/menu.js"></script> </div> </td> </tr> </table> <div style="left: 0; top: 0; width: 100%;"> <table border="0" cellpadding="0" cellspacing="0" style="width:800px;" align="center"> <tr> <td style="width::200px;padding:10px;background-color:#F0F0F0;vertical-align:top;"> <table border="0" cellpadding="0" cellspacing="0" style="width:165px;"> <tr> <td style="padding:1px;"> <a href="" target="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage ('Image17','','img/2_17.gif',1)"><img src="img/2_17_n.gif" name="Image17" width="165" height="43" border="0"></a></td> </tr> <tr> <td style="padding:1px;"> <a href="index_029.php" target="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage ('Image18','','img/2_18.gif',1)"><img src="img/2_18_n.gif" name="Image18" width="165" height="43" border="0"></a></td> </tr> <tr> <td style="padding:1px;"> <a href="index_028.php" target="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage ('Image19','','img/2_19.gif',1)"><img src="img/2_19_n.gif" name="Image19" width="165" height="43" border="0"></a></td> </tr> <tr> <td> <a href= "" target= "_blank"><img border="0" src="img/logo_vivir.gif" width="165" height="190"></a> </td> </tr> </table> </td> <td style="width:600px;padding:5px;background-color:#FFFFFF;vertical-align:top;text-align:center"><script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','600','height','400','src','img/pelicula','quality' ,'high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','img/pelicula' ); //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,28,0" width="600" height="400"> <param name="movie" value="img/pelicula.swf"> <param name="quality" value="high"> <embed src="img/pelicula.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi? P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="600" height="400"></embed> </object> </noscript><!--<img src="img/O4S1966.JPG" width="580" height="387">--></td> </tr> </table> </div> </body> </html> |
|
03/02/2009, 14:52
| |||
| |||
| Respuesta: Película flash y menú hecho con javascript pues la ultima tabla que tienes la metí en el div, dejame pensar a ver como lo puedo sacar, es que no tengo a mano mis pagina para poder montar una pagina parecida. |
|
03/02/2009, 15:37
| |||
| |||
| Respuesta: Película flash y menú hecho con javascript a ver empecemos desde el principio, el menu es lo que esta a la izquierdano?? el flash en el centro y el submenu sale a la derecha de la las opciones opcion---------------->subopciones??? lo has probado si quitas el flash y funciona?? |
|
03/02/2009, 15:49
| |||
| |||
| Respuesta: Película flash y menú hecho con javascript El menu es el que aparece en esta sección:
Código:
Que llama a un script que es el que genera todo el menú, lo hicieron mediante un software de la compañía Sothink DHTML Menu, por lo que no aparece sino hasta que lo abres con el navegador.<tr>
<td style="width:800px;">
<div style="background-color:#999999;">
<script type="text/javascript" src="menu/menu.js"></script>
</div>
</td>
</tr>
Lo que aparece a la izquierda no es el menú son solo links con imagenes. Esta página anteriormente tenía solo una foto que es la que aparece al centro y así si funcionaba bien, pero yo cambié la foto por la película y ya no puedo ver el menú. De acuerdo a lo que leí tendría que poner la película dentro de un div y así funcionaría el z-index pero ya lo intenté y no funciona. |
|
03/02/2009, 17:18
| |||
| |||
| Respuesta: Película flash y menú hecho con javascript Tan cerca y lejos la solución a mi problema Aquí el link: http://www.projectseven.com/support/answers.asp?id=127 Cita: Gracias por el apoyo redvir!!! Question #127 Flash objects show through underlying content such as Pop Menu Magic menus or PVII Widgets, or PVII Galleries, showing on top of the content. What can I do to fix this? The Answer Prepared May. 2005 by Gerry Jacobsen, PVII Flash objects normally appear above all other objects on the page and therefore will show through any positioned elements that would ordinarily show on top. This is a deficiency in the Flash Player technology. You can use the Flash "wmode" parameter to set the transparency to "opaque". Here's how: Essentially you add the "wmode" parameter on both the <object> and the <embed> tag: A) Inside the <object tag>, add this line: <param name="wmode" value="opaque"> B) On the <embed> tag, add this attribute: wmode="opaque" The typical Flash object html source would now look like this: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="525" height="340" title="MyFlash"> <param name="movie" value="myFlashMovie.swf"> <param name="quality" value="high"> <param name="wmode" value="opaque"> <embed src="myFlashMovie.swf" wmode="opaque" width="525" height="340" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed> </object> Important note for Dreamweaver 8-CS4 users Adobe's Active Content script, new in Dreamweaver 8.02, writes the object and embed tags inside a JavaScript. To set the wmode parameter, you will need to do so in the script. The wmode parameters cannot be assigned in the markup, and Adobe has provided no facility to apply this parameter from within their interface. Here's a quick way to add the wmode parameter to the script: In Code View, look for the AC_FL_RunContent line where the Flash object is normally embedded, it will look like this: <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','450','heigh t','348'...... Next, insert this directly before the 'width', 'wmode','opaque', So it now looks like this: .......swflash.cab#version=7,0,19,0','wmode','opaque','width','450','height','348'............ |
Este tema le ha gustado a 1 personas 
