Banner Flutuante com Opacidade em DIV

Társis Lawrence · Junho 13, 2008

Olá galera do Fórum, sou novo por aqui e acredito que essa seja a única maneira de resolver meu problema! Estou desenvolvendo um Portal de Hospedagem, Divulgação, em outras palavras, prestadora de serviços relacionados a internet. No link: http://www.globallider.com.br/div.php encontramos uma animação em flash flutuante inserida dentro de uma DIV e logo, por conseguinte, uma DIV de fundo em opacidade.

Na DIV nomeada com o ID de "fechar" está o botão fechar e a animação.

Na DIV de fundo o nome de transparencia precede. O que acontece é que quando clicamos no botão de form Fechar, ele fecha apenas uma DIV, gostaria que as duas DIV's fossem desabilitadas e/ou fechadas para a navegação normal do internauta. O código, acredito eu, deve conter um erro pequeno ou despercebido. OBS: Adicionei o código para desabilitação da Caixa do Controle Activex (Clique para ativar e usar este controle) AC_FL_RunContent.js é o arquivo em javascript para esta função.

Segue abaixo o Código da Página.

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strinct.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<script language="JavaScript" type="text/JavaScript">
</script>  
<style type="text/css">
<!--
.transparencia
{
    position: fixed !important;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    width: 100%;
    height:100%;
    opacity: 0.6;
    color: #000000;
    background-color: #000000;    
}
 
*.transparencia
{
    filter: alpha(opacity = 60);
}
 
.fechar
{
    position: absolute;
    width: 1px;
    height: 108px;
    margin-top: 0%;
    margin-left: 0%;
    z-index: 15;
}
-->
</style>
</head>
<body>
    <div id="div1" class="transparencia">
		</div>
<div class="fechar" id="div2"> 
  <input name="button" type="button" onclick="this.style.display = 'none';document.getElementById('div2').style.display = 'none';document.body.style.overflow='auto'; " value="Fechar" />
  <script language="javascript">
	if (AC_FL_RunContent == 0) {
		alert("This page requires AC_RunActiveContent.js. In Flash, run \"Apply Active Content Update\" in the Commands menu to copy AC_RunActiveContent.js to the HTML output folder.");
	} else {
		AC_FL_RunContent(
			'codebase', 'https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0'
			'width', '790',
			'height', '1190',
			'src', 'flutuante',
			'quality', 'high',
			'pluginspage', 'https://www.macromedia.com/go/getflashplayer'
			'align', 'middle',
			'play', 'true',
			'loop', 'true',
			'scale', 'showall',
			'wmode', 'transparent',
			'devicefont', 'false',
			'id', 'flutuante',
			'bgcolor', '#ffffff',
			'name', 'flutuante',
			'menu', 'true',
			'allowScriptAccess','sameDomain',
			'movie', 'flutuante',
			'salign', ''
			); //end AC code
	}
</script>
  <noscript>
  <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="790" height="1190" align="middle">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="movie" value="flutuante.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <param name="bgcolor" value="#ffffff" />
    <embed src="flutuante.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="790" height="1190" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="https://www.macromedia.com/go/getflashplayer" /> 
  </object>
  </noscript>
</div>
   </body>
</html>

Obrigado a todos, espero que vocês me ajudem!

brcontainer · Junho 14, 2008

Társis Lawrence bem vindo ao imasters ;)

acredito que seu problema seja com javascript portanto irei mover o tópico

Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif javascrit/dhtml

Társis Lawrence · Junho 15, 2008

Társis Lawrence bem vindo ao imasters ;)

acredito que seu problema seja com javascript portanto irei mover o tópico

Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif javascrit/dhtml

Opa, muito agradecido! Espero que tenha uma resosta rápida[...]

Um grande abraço. :rolleyes:

Mário Monteiro · Junho 16, 2008

Artigos, Dicas, Tutoriais e Matérias (Javascript) http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript

brcontainer · Julho 26, 2008

Artigos, Dicas, Tutoriais e Matérias (Javascript) http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript

Desculpa ae Mario, é que as vezes eu rolo a bolinha do mouse sem querer ae vai no forum errado, valew

Hildds · Julho 26, 2008

Társis Lawrence, não entendi muito bem o problema, mas vou dar uma dica:

opacity:0.65;

-moz-opacity: 0.65;

filter: alpha(opacity=65);

• - Previsto pra CSS3.

• - Opacidade no Firefox.

• - Opacidade no IE.

Então aconselho você utilizar sempre as 3 juntas para evitar incompatibilidades.

http://forum.imasters.com.br/public/style_emoticons/default/blush.gif , até mais.

Társis Lawrence · Julho 27, 2008

Társis Lawrence, não entendi muito bem o problema, mas vou dar uma dica:

opacity:0.65;

-moz-opacity: 0.65;

filter: alpha(opacity=65);

• - Previsto pra CSS3.

• - Opacidade no Firefox.

• - Opacidade no IE.

Então aconselho você utilizar sempre as 3 juntas para evitar incompatibilidades.

http://forum.imasters.com.br/public/style_emoticons/default/blush.gif , até mais.

Aqui está o permalink do problema que estou tentando resolver: www.globallider.com.br/div.php

O problema é que não consigo fazer com que tanto a animação quanto a opacidade se fechem ou automaticamente depois de um determinado tempo ou quando o internauta clicar para fechar. OBS: A animação com ActionScript consegui fazer com que desaparecesse depois de alguns segundos.

Muito obrigado http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

brcontainer · Julho 28, 2008

• - Previsto pra CSS3.

já usado no FF e no Opera.

O problema é que não consigo fazer com que tanto a animação quanto a opacidade se fechem ou automaticamente depois de

Você terá de usar setTimeou ou setInterval.

Tem sistemas prontos na NET.

http://www17.brinkster.com/chivalrous/exemplos/fade.html

procure no forum o termo "fade javascript" ou "fadeout javascript" ou "fadein javascript" ou (com espaço) "fade out javascript" e "fade in javascript"

Arquivado

Banner Flutuante com Opacidade em DIV

Recommended Posts

Társis Lawrence 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

brcontainer 16

Compartilhar este post

Link para o post

Compartilhar em outros sites

Társis Lawrence 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Mário Monteiro 179

Compartilhar este post

Link para o post

Compartilhar em outros sites

brcontainer 16

Compartilhar este post

Link para o post

Compartilhar em outros sites

Hildds 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Társis Lawrence 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

brcontainer 16

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante