Div com flash que fica por cima de caixa de texto

fsmzmachado · Outubro 22, 2008

Vou explicar minha dúvida de forma que qualquer usuário possa me ajudar e tb o pessoal que controla o fórum.

Pedido de ajuda pra todos:

Estou criando um site e no topo dele tem um menu em flash que tem sub menus que se abrem quando o usuário passa o mouse sobre eles, mas tenho um problema. Coloquei esse flash dentro de uma div, caso contrário teria que fazer um flash muito grande que ocuparia muito da área do site, pois então. Esse menu tem sub menus como já comentei que se abrem por cima de um iframe que contem caixas de textos, mas as caixas ficam inacessíveis a cliques por causa da área da div, como resolvo isso?

Pedido de ajuda pro pessoal que controla o fórum:

Achei a solução do meu problema na página inicial aqui do fórum... Vocês tem um flash no início do site "blogpshow" se não estou enganado. Quando

eu passo o mouse sobre ele desce uma animação que não atrapalha a caixa de login. Agora não sei como vcs fizeram se foi com "div"... não sei, mas é

exatamente esse efeito que preciso que o menu do meu site faça, para não atrapalhar o html que tem embaixo, espero que tenha entendido minha

dúvida.

Por favor me ajude quem puder, desde já obrigado

fsmzmachado

OBS: sei que já fiz essa pergunta em outro tópico, mas não estava sendo visitado mais então achei melhor criar um novo

Layo · Outubro 22, 2008

coloca seu script ai..

Morpheus#2005 · Outubro 22, 2008

Controle a Div utilizando Z-INDEX.

Essa propriedade é responsável por controlar quem vai ficar no primeiro nível até o último.

Use Css :

{position:absolute; z-index:1;}

Good Luck!!!

fsmzmachado · Outubro 22, 2008

Já está com z-index... o flash que fica dentro da div funciona perfeitamente o problema é o que fica embaixo da área que o flash ocupa, que fica inacessível a cliques, sacou?

Aqui vai o código:

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0,width,804,height,300,src,swf/menu,quality,high,pluginspage,http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash,wmode,transparent,movie,swf/menu' ); //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="804" height="300">

</object>

</noscript></div>

Valeu, aguardo

Controle a Div utilizando Z-INDEX.

Essa propriedade é responsável por controlar quem vai ficar no primeiro nível até o último.

Use Css :
{position:absolute; z-index:1;}
Good Luck!!!

Morpheus#2005 · Outubro 22, 2008

Coloca o resto do Código por favor.

fsmzmachado · Outubro 23, 2008

Aqui está, o código completo:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>4 Mix - Vendas · Marketing · Merchandising · Promoções</title>
<link href="estilos.css" rel="stylesheet" type="text/css">
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body class="body">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
	<td align="center" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
	<td height="5"></td>
  </tr>
</table>
<table width="820" height="600" border="0" cellpadding="0" cellspacing="0">
  <tr>
	<td width="8" height="8"><img src="imagens/quina_esq_sup.png" width="8" height="8"></td>
	<td width="804" class="fundoCelulaSup"></td>
	<td width="8"><img src="imagens/quina_dir_sup.png" width="8" height="8"></td>
  </tr>
  <tr>
	<td width="2" rowspan="2" class="fundoCelulaEsq"></td>
	<td height="75" valign="top"><div id="flash" style="position:absolute; left:50%; top:1; width:804px; height:150; margin-left:-402px; margin-top:0; z-index:1; overflow: visible; visibility: visible;">
	  <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','804','height','300','src','swf/menu','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','swf/menu' ); //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="804" height="300">
		<param name="movie" value="swf/menu.swf" />
		<param name="quality" value="high" />
		<param name="wmode" value="transparent" />
		<embed src="swf/menu.swf" width="804" height="300" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>
	  </object>
	</noscript></div></td>
	<td width="2" rowspan="2" class="fundoCelulaDir"></td>
  </tr>
  <tr>
	<td height="509" valign="top"><iframe name="conteudo" width="100%" height="100%" src="inicial.html" frameborder="no" allowtransparency="yes"></iframe></td>
  </tr>
  <tr>
	<td height="8"><img src="imagens/quina_esq_inf.png" width="8" height="8"></td>
	<td class="fundoCelulaInf"></td>
	<td><img src="imagens/quina_dir_inf.png" width="8" height="8"></td>
  </tr>
</table>
	
	</td>
  </tr>
</table>
</body>
</html>

Abraço, fsmzmachado

fsmzmachado · Outubro 30, 2008

Bom dia,

Consegui colocar a página no ar temporariamente, endereço: http://www.tendencianarede.com.br/4mix/web/

clique no link "TRABALHE COM A GENTE", nessa página é onde fica mais visível o problema que estou tendo, coloquei "onfocus" na caixa de texto nome, mas se o usuário clicar em outra ou quiser voltar nela com um clique não consegue.

Abraços, fsmzmachado

Morpheus#2005 · Outubro 30, 2008

Amigo..o q lhe atrapalha é a transparencia ???? Quando voce clica no menu e ele abre em cima da pagina que você esta navegando é correto, so que fica embaralhado por causa da transparencia..

Retire a linha ..

<param name="wmode" value="transparent" />

E veja se vai surtir o efeito desejado Ok.

Good Luck!!!

fsmzmachado · Outubro 31, 2008

Sem a transparência ficou aparecendo um fundo branco por cima do site, veja no link: http://www.tendencianarede.com.br/4mix/web/

Valeu pela tentativa, mas não foi dessa vez, abraço.

Amigo..o q lhe atrapalha é a transparencia ???? Quando voce clica no menu e ele abre em cima da pagina que você esta navegando é correto, so que fica embaralhado por causa da transparencia..

Retire a linha ..
<param name="wmode" value="transparent" />
E veja se vai surtir o efeito desejado Ok.

Good Luck!!!

Arquivado

Div com flash que fica por cima de caixa de texto

Recommended Posts

fsmzmachado 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Layo 10

Compartilhar este post

Link para o post

Compartilhar em outros sites

Morpheus#2005 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

fsmzmachado 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Morpheus#2005 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

fsmzmachado 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

fsmzmachado 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Morpheus#2005 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

fsmzmachado 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Estou criando uma calculadora de m2 e litros de tinta

Cruzamento de Bases

Consulta sem duplicação

Fóruns

Tempo Real

Informação importante