Ir ao conteúdo
  • Cadastre-se

Marcelo Calazans

Membro Pleno
 Perfil  Explorar Conteúdo

  • Posts

    218

  • Cadastrado em

  • Última visita

 Tipo de conteúdo 

Tudo que Marcelo Calazans postou

  1. Marcelo Calazans
    @Eduardo de Quadros No passado isso funcionava muito bem. Mas com Java Script nativo, mesmo no passado, isso não ia muito bem para mim, eu usava da seguinte forma com Jquery: $(window).on("beforeunload", function() { // código }); Mas o que acontece agora, é que os navegadores não gostam muito disso, pois as pessoas ficavam usando isso para perguntar se o usuário queria mesmo sair da página ou para abrir outras páginas “chatas”. Esse exemplo acima, que coloquei e que eu usava, funcionou comigo até meados de 2020, agora, parece que não funciona mais. Algumas pessoas conseguem fazer isso usando AJAX, você poderia tentar para ver se funciona no seu caso. Outra alternativa seria isso abaixo: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento sem título</title> </head> <body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).on("mouseleave", function(e) { if (e.pageY - $(window).scrollTop() <= 1) { alert('deseja fazer o logout?'); } }); </script> </body> </html> Nesta, você pergunta gentilmente para o usuário se ele quer fazer logout, quando ele sai com o ponteiro do mouse para fora da página do site. Aguarde para ver se alguém tem outra ideia. Abraços.
  2. Marcelo Calazans
    Legal, fico feliz.
  3. Marcelo Calazans
    @LucasRodriguesBorges Está quase certo. Abaixo está o código todo novamente que está funcionando aqui: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento sem título</title> </head> <body> <style> #div { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; background-color: transparent; z-index: 999999; } .quadro { width: 800px; height: 260px; background-color: gray; } .botao {background-color: red; padding: 20px; display: inline-block; cursor: pointer;} </style> <div id="div"> <div class="quadro"> <div class="botao" onclick="fecha()">BOTÃO</div> </div> </div> <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum </p> <script> function fecha(){ document.getElementById("div").style.display = "none"; } </script> </body> </html> Repare que para usar como você quer: document.getElementById("div").style.display = "none"; Eu tive que trocar na div, a class por id, por isso coloquei acima o código todo novamente para você não esquecer. Abraços.
  4. Marcelo Calazans
    @LucasRodriguesBorges Dá uma olhada nesse abaixo, seria mais ou menos assim: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento sem título</title> </head> <body> <style> .div { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; background-color: transparent; z-index: 999999; } .quadro { width: 800px; height: 260px; background-color: gray; } .botao {background-color: red; padding: 20px; display: inline-block; cursor: pointer;} </style> <div class="div"> <div class="quadro"> <div class="botao" onclick="fecha()">BOTÃO</div> </div> </div> <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum </p> <script> function fecha(){ alert("aqui você fecha a div com display:none;"); } </script> </body> </html> Esse código aqui funciona, se ficar alguma dúvida fique a vontade em perguntar. Abraços.
  5. Marcelo Calazans
    Disponha colega.
  6. Marcelo Calazans
    Travar o site assim como eles querem, e só liberar quando clicar em algo, na minha opinião não é uma prática boa para SEO. Fica difícil de prever como o Google reage quando se depara com algo assim. Mas pela experiência já te antecipo que não é legal. Mas vou dar uma ideia de como eu faria. Não vou escrever o código para você, mas vou dar uma ideia de uma opção. “Crie uma div com position fixed e z-index alto (width: 100%; height: 100%; top: 0px; left: 0px;), a cor dela pode ser transparente mesmo. Então dentro dessa div você coloca esse quadrado cinza aí que você postou acima aqui no tópico. .div { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; background-color: transparent; z-index: 999999; } Quando a pessoa clicar no botão <aceitar> no centro desse quadrado cinza, com Java Script você diz que a div é display: none;” Mas aguarde para ver se alguém tem outra ideia melhor de como fazer isso que você quer, pois como eu disse, essa prática pode não ser muito boa para SEO. Abraços colega.
  7. Marcelo Calazans
    Os chips presentes na memória, não tem realmente a capacidade de aumentar o desempenho agindo como aceleradores de hardware, como o vídeo bem coloca. Neste ponto poderíamos dizer que relacionar aumento de memória RAM com aumento de desempenho, é um mito. O desempenho maior vai ocorrer realmente por outros motivos, como o vídeo também coloca. Se analisarmos bem, de qualquer forma, independentemente de como vai ocorrer, o desempenho do computador pode sim ficar melhor com o aumento de memória RAM, o que para mim caracteriza que isso, não é um mito. Portanto, dizer que aumentar a memória RAM pode melhorar o desempenho do computador, é sim uma verdade. Mas isso possui limites, vai chegar em um ponto, dependendo de como a máquina é usada, que aumentar a memória RAM a partir de um certo limite, não trará mais resultados em termos de desempenho. Antes de partir para um aumento de memória RAM, deve-se avaliar a real necessidade caso a caso. No mais, o vídeo traz um bom alerta para que as pessoas não fiquem gastando dinheiro desnecessariamente com aumentos de memória infrutíferos. Abraços.
  8. Marcelo Calazans
    Nunca fiz nenhum desses cursos, me formei como técnico em informática na década de 90, e venho desde então trabalhando na área. Mas os cursos citados aqui neste fórum, são bem-conceituados pelo mercado de trabalho, pelo que posso acompanhar. Mas vou direto ao ponto, pois criar conteúdo off-topic aqui é contra as regras, e sugiro que você também siga essas regras e se concentre apenas na sua dúvida. Regras (https://www.clubedohardware.com.br/forums/topic/690576-regras-do-clube-do-hardware-atualizadas-em-08062020/) Indo então direto ao ponto, a sua dúvida: O manual do seu nobreak realmente indica que ele faz essa sinalização que você cita, se caso não houver aterramento. Você cita também, que as tomadas da sua residência são “tomadas de 2 (dois) pinos”, portanto, sugerindo o fato de que não há aterramento, pois para ter aterramento, precisaria obviamente de 3 pinos no mínimo; e não precisa ser eletricista para saber disso. Porque então que o seu nobreak, antes do filtro de linha, na presença de uma tomada sem aterramento não sinalizava isso com o alerta? Isso já caracteriza uma deficiência desse alerta no seu nobreak, ou um mal funcionamento do mesmo (considerando também o fato que o modelo do seu nobreak não é o ideal para se ter ligado em um computador; veja mais sobre nobreak online dupla conversão e onda senoidal pura...). Logo após, o seu nobreak começou “do nada” a sinalizar a falta de aterramento, após você ter conectado ele no filtro de linha citado. Para responder a isso de forma precisa (em 100% sem conjecturas), como você está querendo, seria na minha visão técnica, necessário uma visita presencial de um técnico para executar vários testes em sua residência. Esse técnico precisaria também do esquema elétrico do nobreak e do filtro de linha para avaliar após os testes, o real motivo do acontecido que você narra. Dito isso, você perceberá a dificuldade em responder em poucas palavras e a distância aqui no fórum sem conjecturas, o que você quer saber com 100% de precisão. Mas aguarde para ver se algum outro colega já viu o mesmo problema, ou tem alguma ideia do que possa ser. Respeitosamente, abraços e boa sorte colega.
  9. Marcelo Calazans
    Que bom que gostou. Disponha amigo!!
  10. Marcelo Calazans
    Fiz vários testes aqui, e a proposta abaixo parece funcionar: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento sem título</title> </head> <body> <script> let valor = 576; let nota = [100, 50, 20, 10, 5, 2, 1]; let contador = [0,0,0,0,0,0,0]; let a = 0; while( a <= 7 ) { if (nota[a] <= valor) { valor = valor-nota[a]; contador[a] = contador[a] + 1; } else { a++ } } for (let i = 0; i < 7; i++) { console.log( contador[i] + " nota(s) de R$ " + nota[i] + ",00"); } </script> </body> </html> Mas para ter certeza, teste melhor por favor para ver se não tem nenhum erro de lógica na minha proposta. Abraços.
  11. Marcelo Calazans
    Veja esse exemplo, aqui testando funcionou: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento sem título</title> </head> <body> <script> var teste = new Array(2); teste[0] = 10; teste[1] = 20; teste[0] += 18; alert(teste[0]); </script> </body> </html> Abraços.
  12. Marcelo Calazans
    Veja se é isso: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento sem título</title> </head> <body> <style> .btn,.btn-secondary{ display: inline-block; padding: 12px 30px; border-radius: 10px; text-transform: uppercase; background: #C4C4C4; position: relative; -webkit-box-shadow: -11px -11px 1px 0px rgba(0,0,0,0.95); -moz-box-shadow: -11px -11px 1px 0px rgba(0,0,0,0.95); box-shadow: -11px -11px 1px 0px rgba(0,0,0,0.95); } </style> <section class="container"> <div class="container-item-1"> <p> <img src="img/logo1.png" onload="SVGInject(this)" /> </p> <p> <a href="" class="btn">Pre-order now</a> <a href="" class="btn-secondary">Watch the teaser</a> </p> </div> <div class="container-item-2"> <img src="svg/perssonagem.svg" onload="SVGInject(this)" /> </div> </section> </body> </html> Se for, estude melhor o box-shadow:. Abraços.
  13. Marcelo Calazans
    Tem um usuário que estava falando sobre isso em um tópico há algum tempo. Não sei se funciona, pois não testei, se for seguir isso faça por sua conta e risco, ou contate o usuário que criou o tópico para ver se consegue com ele mais informações. Boa Sorte!
  14. Marcelo Calazans
    Isso mudou muito ao longo dos tempos. Na década de 90, quando eu iniciei na programação, a linguagem que era usada no início do aprendizado era o BASIC. Tempos depois isso mudou, lembro que há cerca de 10 anos atrás, quando eu era um prestador de serviços em uma universidade estadual, eles usavam nesta universidade o PASCAL para início de aprendizagem. Hoje estou um pouco distante da área acadêmica, mas me parece que a linguagem C está sendo muito utilizada no início da aprendizagem. Eu sou um pouco suspeito para falar, pois como gosto bastante de Java Script hoje em dia. Se eu fosse opinar com relação a isso hoje, eu diria que o Java Script é uma boa linguagem para se iniciar na programação.
  15. Marcelo Calazans
    COMPLEMENTANDO o que eu já tinha escrito... Vou dar um exemplo abaixo, que sinceramente não acho muito prático, mas foram algumas das vezes em que usei isso. Espero que isso ajude a entender melhor o uso do (!!): <!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento sem título</title> </head> <body> <script> /* Exemplo UM*/ var a = 10; /* Isso faz a mesma coisa, verifica se uma variável não é zero */ if (a != 0) { alert('não é zero (um)'); } if (!!a) { alert('não é zero (dois)'); } /* Exemplo DOIS */ var b = 'cheia'; /* Podemos usar também para ver se uma string está com conteúdo ou não */ if (!!b) {alert("string cheia");} else {alert("string vazia");} /* Exemplo TRÊS */ var c; /* Podemos testar se uma variável foi apenas declarada e não usada */ if(!!c) {alert('declarada e usada');} else {alert('apenas declarada');} </script> </body> Mas sinceramente acho que podemos viver muito bem sem isso.
  16. Marcelo Calazans
    Com (!!) você consegue converter uma expressão ou elemento em um booleano (verdadeiro ou falso). Funciona igual a função Boolean(), como vou demostrar abaixo: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento sem título</title> </head> <body> <script> var a = Boolean(0); var b = !!0; var c = Boolean(!!null); var d = !!null; var e = Boolean(1); var f = !!1; console.log(a); console.log(b); console.log(c); console.log(d); console.log(e); console.log(f); </script> </body> </html> Para mais detalhes, o ideal é estudar e pesquisar sobre a função Boolean(), porque na verdade, eles fazem a mesma coisa. Mas sinceramente, fica difícil pensar em um exemplo prático com isso, em uma situação do dia a dia que utilizando isso facilitaria a vida; apesar de saber que existe bastante gente usando. Se alguém souber de um exemplo prático do dia a dia, que usando isso facilite a vida, por favor nos avise, pois me interesso em saber. Abraços.
  17. Marcelo Calazans
    Disponha colega.
  18. Marcelo Calazans
    @DanJavascript Testa esse e vê se funciona: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Lan house JS</title> </head> <body> <h1>LAN HOUSE JS</h1> <p> Valor por quinze minutos de uso: <input type="text" id="valorConstante"> </p> <p> tempo passado (min): <input type="text" id="tempoPassadoClient"> </p> <p> <input type="button" onclick="informaValor()" value="calcula valor" > </p> <h3 id="mostrarValor"></h3> <script> function informaValor() { var valorEntrado=document.getElementById("valorConstante").value; var tempoPass=document.getElementById("tempoPassadoClient").value; var tempo = tempoPass / 15; if(!Number.isInteger(tempo)) { tempo = Math.trunc(tempo) + 1; } var valor_para_cobrar = valorEntrado * tempo; alert(valor_para_cobrar); } </script> </body> </html> Aqui para mim, parece que funciona bem dentro do especificado. Abraços.
  19. Marcelo Calazans
    Disponha colega, e se quiser, aqui tem um exemplo bem legal para aprender mais sobre o float: http://jsfiddle.net/ps5vx/ Abraços e bons estudos
  20. Marcelo Calazans
    @M.tech O float talvez não seja muito indicado para fazer o que você quer com os botões, no seu caso, o mais indicado mesmo é o display: inline-block; Abaixo tem um exemplo de duas divs com float para você ver: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento sem título</title> </head> <body> <style> .div_um { float: left; } .div_dois {float: right; } .texto { clear: both; } </style> <div class="div_um"> <p>(UM)</p> </div> <div class="div_dois"> <p>(DOIS)</p> </div> <div class="texto"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> </div> </body> </html> Abraços.
  21. Marcelo Calazans
    Tem várias formas de se fazer isso, apenas com HTML e CSS, sem ter que apelar para o Java Script. display: flex; display: grid; Conforme os exemplos abaixo: https://codepen.io/chriscoyier/pen/bedKLV https://codepen.io/robinrendle/pen/7fd26178982f9be68bc340cec074c38a De certo ponto, dependendo na necessidade; float: right; float: left; Poderiam fazer uma coisa semelhante. Abaixo vou propor outra coisa (display: inline-block;), veja o código: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento sem título</title> </head> <body> <style> .div-lado { display: inline-block; } </style> <div class="div-lado"> <p>(UM)</p> </div> <div class="div-lado"> <p>(DOIS)</p> </div> </body> </html> Sugiro que você pesquise um pouco mais, pois há várias maneiras se se fazer isso, estude e veja qual é a melhor para a sua necessidade. Abraços.
  22. Marcelo Calazans
    Que bom que resolveu amigo, fico feliz.
  23. Marcelo Calazans
    A fonte fica na parte de traz de onde sai o cabo de alimentação que vai na tomada. Se ficar muito na dúvida, sugiro se informar melhor na empresa onde trabalha ou procurar ajuda de um técnico local. Mandar uma foto, como sugeriu o colega @Ricardov pode ajudar.
  24. Marcelo Calazans
    Depende de como é a fonte do seu PC. Verifique se ela é Bivolt ou Full Range, se for ela vai funcionar tanto no 110v como no 220v. Verifique também se ela tem chave seletora de tensão atrás, para mudar de 110v para 220v. Se ficar em dúvida, informe qual é a fonte do seu PC, pois sem saber muitos detalhes não dá para ajudar muito. Agora o nobreak não tem nada a ver com isso.
  25. Marcelo Calazans
    Poxa amigo, fico triste por você. Faça uma última conferência e veja se ligou todos os cabos corretamente, e se tiver certeza que estava tudo certo na ligação, a última alternativa é levar para testar em uma assistência técnica. Leve também o processador para ele testar, e peça para ele ver se a placa-mãe está boa. Acho que não resta outra alternativa no momento. Quando resolver o problema, não se esqueça de dar um retorno aqui para o fórum. Boa Sorte

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

Mais

×
×
  • Criar novo...

 

GRÁTIS: ebook Redes Wi-Fi – 2ª Edição

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!