Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Társis Lawrence

Banner Flutuante com Opacidade em DIV

Por , em Javascript

Recommended Posts

Társis Lawrence    0

Társis Lawrence
Postado

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!

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

Társis Lawrence    0

Társis Lawrence
Postado

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:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mário Monteiro    179

Mário Monteiro
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hildds    1

Hildds
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Társis Lawrence    0

Társis Lawrence
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado 

• - 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"

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito