Ir para conteúdo

Arquivado

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

reinaldorti

getElementById

Recommended Posts

Olá, estou tetando fazer com que um X não aparece quando não tiver o document.getElementById('div-gpt-ad-9228031400000-18'), mais não estou conseguindo..  só que quando eu desativo o banner ele fica aparecendo, alguém poderia me dar uma luz, desde já agradeço...

 

<div class="floater_desktop" id="floater" style="display:none; height:300px; width:500px; z-index:9998; position:fixed; left: 50%; top:50%; margin-left: -250px; margin-top: -150px;">
	<?php 
	$q = new IncludesAction();
	echo $q->adsenseDiv(18); 
	?>
	<div id="fechar" style="display:none; width:25px; height:25px; position:fixed; left:50%; top:50%; margin-left: 225px; margin-top:-160px; border:solid #0f5d9e 2px; background-color:#0f5d9e; z-index:9999; border-radius:10px;">
		<a href="javascript: fechar();" style='color: #fff; font-size: 22px; position:absolute; left:50%; margin-left:-7px; margin-top: -6px;'>X</a>
	</div>
	<script language="javascript">
				
		var myElement = document.getElementById('div-gpt-ad-9228031400000-18');
		if (myElement){		
			abrir();
		}else{
			
		}
		
		//FUNÇÃO PARA FECHAR O FLOATER AO CLICAR NO X
		function fechar(){
			document.getElementById('fechar').style.display = 'none';		
			document.getElementById('div-gpt-ad-9228031400000-18').style.display = 'none';
			document.getElementById('fecha_floater').style.display = 'none';
		}	
		
		//DEFINE O TEMPO PARA FECHAR O FLOATER AUTOMATICAMENTE EM MILISSEGUNDOS
		function abrir(){
			document.getElementById('fechar').style.display = 'block';
			document.getElementById('floater').style.display = 'block';
			setTimeout ("fechar()", 16000);
		}  
	</script>
</div>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
49 minutos atrás, Maujor disse:

@reinaldorti
1) Onde está o div#div-gpt-ad-9228031400000-18 ?

2) if(myElement) é sempre true, quer seja vísivel,  quer seja invisível.

vem pelo php, pois é uma classe que monta essa div, eu so coloco o id que é cadastrado o nome do banner no banco e nesse caso é o 18 (posição 18)
 

<?php $q = new IncludesAction(); echo $q->adsenseDiv(18); ?>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
1 hora atrás, Maujor disse:

@reinaldorti

Criei um Fiddle com seu código e funciona como esperado.
Veja em https://jsfiddle.net/maujor/et7zL2pd/

 

oe, obrigado por responder, fez o teste aqui mais quando eu desativo o anuncio pelo DFP ainda continua aparecendo o x sem o anuncio quero identificar se existe o anuncio e caso nao tenha não apresento o X...

Compartilhar este post


Link para o post
Compartilhar em outros sites

pessoal dei so uma olhanda no topico não seria isso?

document.getElementById('fecha_floater').style.display = 'none'; não ta errado?

 

nao deveria ser document.getElementById('floater').style.display = 'none';

Compartilhar este post


Link para o post
Compartilhar em outros sites
15 minutos atrás, Marcos_imasters disse:

pessoal dei so uma olhanda no topico não seria isso?

document.getElementById('fecha_floater').style.display = 'none'; não ta errado?

 

nao deveria ser document.getElementById('floater').style.display = 'none';

oe, o floater ja ta vindo com display none, mais o x fica aparecendo mesmo ele vindo com display none..

17 minutos atrás, Maujor disse:

@reinaldorti

acrescente o seguinte:


if (myElement){
...
}
//ACRESCENTE 
if(myElement.style.display == 'none') {
   document.getElementById('fechar').style.display = 'none';
 }
// FIM ACRESCENTE

 

Bom dia, vou testar, mais uma vez obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites
5 horas atrás, Maujor disse:

@reinaldorti

acrescente o seguinte:


if (myElement){
...
}
//ACRESCENTE 
if(myElement.style.display == 'none') {
   document.getElementById('fechar').style.display = 'none';
 }
// FIM ACRESCENTE

 

<div id="floater" style="display:none; height:300px; width:500px; z-index:9998; position:fixed; left: 50%; top:50%; margin-left: -250px; margin-top: -150px;">
	<?php 
	$q = new IncludesAction();
	echo $q->adsenseDiv(18); 
	?>
	<div id="fechar" style="display:none; width:25px; height:25px; position:fixed; left:50%; top:50%; margin-left: 225px; margin-top:-160px; border:solid #0f5d9e 2px; background-color:#0f5d9e; z-index:9999; border-radius:10px;">
		<a href="javascript: fechar();" style='color: #fff; font-size: 22px; position:absolute; left:50%; margin-left:-7px; margin-top: -6px;'>X</a>
	</div>
	
	<script language="javascript">
	
		var myElement = document.getElementById('div-gpt-ad-9228031400000-18');	
									
		if (myElement){		
			abrir();			
		}

		if(myElement.style.display == 'none') {
			document.getElementById('fechar').style.display = 'none';
		}		
				
		//FUNÇÃO PARA FECHAR O FLOATER AO CLICAR NO X
		function fechar(){
			document.getElementById('fechar').style.display = 'none';		
			document.getElementById('div-gpt-ad-9228031400000-18').style.display = 'none';
			document.getElementById('floater').style.display = 'none';
		}	
		
		//DEFINE O TEMPO PARA FECHAR O FLOATER AUTOMATICAMENTE EM MILISSEGUNDOS
		function abrir(){
			document.getElementById('fechar').style.display = 'block';
			document.getElementById('floater').style.display = 'block';
			setTimeout ("fechar()", 26000);
		} 				
	</script>
</div>

oe, o x continua aparecendo mesmo sem o floater.. ate invertir colocando o if(myElement.style.display == 'none') { para cima, mais mesmo assim continua..  Debuguei com o console e o id div-gpt-ad-9228031400000-18 sempre aparece mesmo não tendo banner...

Compartilhar este post


Link para o post
Compartilhar em outros sites
2 horas atrás, reinaldorti disse:

<div id="floater" style="display:none; height:300px; width:500px; z-index:9998; position:fixed; left: 50%; top:50%; margin-left: -250px; margin-top: -150px;">
	<?php 
	$q = new IncludesAction();
	echo $q->adsenseDiv(18); 
	?>
	<div id="fechar" style="display:none; width:25px; height:25px; position:fixed; left:50%; top:50%; margin-left: 225px; margin-top:-160px; border:solid #0f5d9e 2px; background-color:#0f5d9e; z-index:9999; border-radius:10px;">
		<a href="javascript: fechar();" style='color: #fff; font-size: 22px; position:absolute; left:50%; margin-left:-7px; margin-top: -6px;'>X</a>
	</div>
	
	<script language="javascript">
	
		var myElement = document.getElementById('div-gpt-ad-9228031400000-18');	
									
		if (myElement){		
			abrir();			
		}

		if(myElement.style.display == 'none') {
			document.getElementById('fechar').style.display = 'none';
		}		
				
		//FUNÇÃO PARA FECHAR O FLOATER AO CLICAR NO X
		function fechar(){
			document.getElementById('fechar').style.display = 'none';		
			document.getElementById('div-gpt-ad-9228031400000-18').style.display = 'none';
			document.getElementById('floater').style.display = 'none';
		}	
		
		//DEFINE O TEMPO PARA FECHAR O FLOATER AUTOMATICAMENTE EM MILISSEGUNDOS
		function abrir(){
			document.getElementById('fechar').style.display = 'block';
			document.getElementById('floater').style.display = 'block';
			setTimeout ("fechar()", 26000);
		} 				
	</script>
</div>

oe, o x continua aparecendo mesmo sem o floater.. ate invertir colocando o if(myElement.style.display == 'none') { para cima, mais mesmo assim continua..  Debuguei com o console e o id div-gpt-ad-9228031400000-18 sempre aparece mesmo não tendo banner...

tem o script online????

Compartilhar este post


Link para o post
Compartilhar em outros sites
3 horas atrás, Marcos_imasters disse:

aqui nao apareceu o anuncio

isso mesmo, quando não tiver o anuncio quero remover o X é isso que não to conseguindo.. pq pelo id = div-gpt-ad-9228031400000-18 sempre da true e aparece o x

Compartilhar este post


Link para o post
Compartilhar em outros sites
2 horas atrás, reinaldorti disse:

isso mesmo, quando não tiver o anuncio quero remover o X é isso que não to conseguindo.. pq pelo id = div-gpt-ad-9228031400000-18 sempre da true e aparece o x

aqui nao pareceu nem anuncio e nem o X

Compartilhar este post


Link para o post
Compartilhar em outros sites
9 minutos atrás, Marcos_imasters disse:

aqui nao pareceu nem anuncio e nem o X

ele ta no ar e fica 7 segundos e depois some...

 

IMAGEM

Compartilhar este post


Link para o post
Compartilhar em outros sites
28 minutos atrás, Marcos_imasters disse:

aqui nao pareceu nem anuncio e nem o X

preciso arrumar uma forma de ocultar o X quando não tiver anuncio, pois o pessoal aqui fica enchendo  o saco pq atrapalha a navegação ..

Compartilhar este post


Link para o post
Compartilhar em outros sites
6 minutos atrás, Maujor disse:

Deixe o site no ar sem o anuncio para analisarmos.

opa, está la, só vai ter anúncio hoje a noite as 00:00, tenho que ficar ativando e desativando ele por conta disso, quando tem anuncio programado eu deixo ele descomentado, quando não tem anuncio eu comento o x para ao ficar atrapalhando..

 

mais uma vez agradeço pela ajuda...

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por ILR master
      Pessoal, pergunta bem simples. Abaixo tenho o seguinte código:
       
      <script>
      function alerta()
      {
        if (window.confirm("Você realmente quer sair?")) {
          window.open("sair.html");
      }
      }
      </script>
       
      Funciona perfeitamente, só que está abrindo em outra janela e quero que abra na mesma janela.
       
      Alguém pode me ajudar?
    • Por Giovanird
      Olá a todos!
      Tenho uma pagina que possui uma DIV onde coloquei uma pagina PHP.
      Uso a função setInterval para atualizar a pagina inclusa dentro da DIV.
      O problema é que ao acessar o site , a DIV só me mostra a pagina inclusa somente quando completo o primeiro minuto.
      Preciso que a pagina inclusa já inicie carregada
       
      Meu código JavaScript e a DIV com a pagina PHP
       
      <script> function atualiza(){ var url = 'direita.php'; $.get(url, function(dataReturn) { $('#direita').html(dataReturn); }); } setInterval("atualiza()",60000); </script> <div> <span id="direita"></span> </div>  
    • Por Thiago Duarte
      Oi, gostaria de arrastar imagem e ao soltar formar bloco html, meu bloco de html ficaria com nome, content-1.html, content-2.html, etc
       
      Alguem pode me ajudar?
    • Por belann
      Olá!
       
      Estou fazendo o upload de arquivos com fetch dessa forma
      fetch(url, {
              method: 'POST',
              headers: {'Content-Type': 'multipart/form-data',},
              body: formData 
          }).catch((error) => (console.log("Problemas com o Upload"), error));
       
      estou usando input type=file
      e criando uma const formData = new FormData(); 
      mas não faz e não dá nenhum erro.
      estou fazendo o upload com a url="http://localhost/dashboard/dados".
×

Informação importante

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