LuizH.M

Janeiro 30, 2023

Estou tentando criar um scroll suave mais por algum motivo não esta indo

Quem puder ajudar eu agradeço

MENU

<span>Gamer Lovers</span>

</div>

<ul>

<li><a href="index.html">Inicio</a></li>

<li><a href="#quem-somos">Quem Somos</a></li>

<li><a href="https://web.whatsapp.com/send?phone=*************"

target="_blank">Contato</a></li>

<li><a href="#">Entrar</a></li>

</ul>

</nav>

</div>

JAVASCRIPT

const menuLinks = document.querySelectorAll('.menu a[href^="#"]');

function getDistanceFromTheTop(element) {

const id = element.getAttribute("href");

return document.querySelector(id).offsetTop;

}

function scrollToSection(event) {

event.preventDefault();

const distanceFromTheTop = getDistanceFromTheTop(event.target) - 90;

smoothScrollTo(0, distanceFromTheTop);

}

menuLinks.forEach((link) => {

link.addEventListener("click", scrollToSection);

});

function smoothScrollTo(endX, endY, duration) {

const startX = window.scrollX || window.pageXOffset;

const startY = window.scrollY || window.pageYOffset;

const distanceX = endX - startX;

const distanceY = endY - startY;

const startTime = new Date().getTime();

duration = typeof duration !== "undefined" ? duration : 400;

const easeInOutQuart = (time, from, distance, duration) => {

if ((time /= duration / 2) < 1)

return (distance / 2) * time * time * time * time + from;

return (-distance / 2) * ((time -= 2) * time * time * time - 2) + from;

};

const timer = setInterval(() => {

const time = new Date().getTime() - startTime;

const newX = easeInOutQuart(time, startX, distanceX, duration);

const newY = easeInOutQuart(time, startY, distanceY, duration);

if (time >= duration) {

clearInterval(timer);

}

window.scroll(newX, newY);

}, 1000 / 60);

}

Maio 31, 2021

Muito obrigado man

Maio 29, 2021

Estou tentando alterar um css via javascript mas por algum motivo da erro

se puder ajudar agradeço

html

<!DOCTYPE html>
<html lang="pt-br">
<head>
   
   <title>Projeto</title>
   
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-compatible" content="ei=edge">
   <link rel="stylesheet" type="text/css" href="css/estilo.css">

</head>
<body>
   <header></header>

   <nav class="menu" id="principal">
       <ul>
           <li><a href="#" class="home">Home</a></li>
           <li><a href="#">Contato</a></li>
           <li><a href="#">Forum</a></li>
           <li><a href="#">Sobre</a></li>
       </ul>

   </nav>
   <footer>
        <script type="text/javascript" src="js/javascript.js"></script>
   </footer>
</body>
</html>

css

*{
   padding: 0;
   margin: 0;
}
header{
   position: fixed;
   top: 0;
   left: 0;
   height: 50px;
   width: 100%;
   background-color: #5b859a;
}
.menu-chk{
   position: fixed;
   font-size: 25px;
   font-weight: bold;
   padding: 5px;
   width: 40px;
   height: 40px;
   text-align: center;
   background-color: #5b859a;
   color: #fff;
   cursor: pointer;
   transition: all.4s;
   left: 301px;
   top: 0;
}
.menu-chk:hover{
   background-color: #fff;
   color: #5b859a;
}

.menu{
   height: 100%;
   position: fixed;
   background-color: #222;
   top: 0;
   overflow: hidden;
   transition: all .4s;
}
#principal{
   width: 300px;
   left: -300px;
}
ul{
   list-style: none;
}
ul li a{
   display: block;
   font-size: 18px;
   font-family: 'Arial';
   padding: 10px;
   border-bottom: solid 1px #000;
   color: #ccc;
   text-decoration: none;
   transition: all.4s;
}
ul li span{
   float: right;
   padding-right: 10px;
}
ul li a:hover{
   background-color: #5b859a;
}
.home{
   margin-top: 60px;
   background-color: #111;
   border-left: solid 5px #444;
}

js

function chk() {
   var chk = document.getElementById('chk');
   var menu = document.getElementById('principal');

   chk.is(':checked'){
       menu.style.left = "300px";
   }
}

Maio 31, 2019

eu sei fazer a consulta via botão mas eu queria um filtro que conforme eu fosse colocando as datas ele já iria filtrando, confirmei que no banco está no formato data

Agradeço a ajuda

Maio 29, 2019

Tó com dificuldade para fazer um filtro que aconteça a medida que eu vou colocando as datas no input

Agradeço desde já vlw

<?php

include_once('conexao.php');

$sql = sprintf("SELECT * FROM caixa ORDER BY 'data' ");

$dados = mysqli_query($con,$sql) or die(mysqli_error());

$resul = mysqli_query($con, "SELECT sum(dinheiro) FROM caixa");

?>

<!DOCTYPE html>
<html lang="PT-BR">
<head>
<title></title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

</style>
</head>
<body>
<table class="bordered striped highlight">

           <p class="title">Caixa da Igreja</p>
<p>Pesquise por Data : &nbsp&nbsp <input type="date" name="data0" required>&nbsp Até &nbsp&nbsp<input type="date" name="data1" required>
       <?php while($linha = mysqli_fetch_array($dados)) { ?>
       <tr>
<td><?php echo $linha['metodo']?></td>
<td><?php echo "R$ ". $linha['dinheiro']?></td>
       <td width="120"><?php echo date('d/m/Y', strtotime($linha['data']))?></td>
       </tr>
       <?php } ?>

   </br>


   </table></p>
   <div id="total">
<?php while($result = mysqli_fetch_array($resul)){
echo "Total R$: ".$result['sum(dinheiro)'].'<br/>';
}?>

</div>
</br>

</body>
</html>

Entrar

LuizH.M

Total de itens

Registro em

Última visita

Tipo de Conteúdo

Calendário

Fóruns

Posts postados por LuizH.M

Criar um scroll suave html

Editar um css usando javacript

Editar um css usando javacript

Filtrar por data

Filtrar por data

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante