Pesquisar na Comunidade

Eu tenho uma página que abri um alert ao clicar no link , só que nao cadastra e nem funciona o login. <div class="btn-box"> <a class="btn btn-color venobox vbox-item" data-toggle="modal" href="javascript:void(0)" onclick="openRegisterModal();">Start now Free </a> <img src="images/seta.png"> </div> <div class="modal-body"> <div class="box"> <div class="content"> <!-- Login Form --> <div class="loginBox"> <form id="login-modal" role="form" method="post" action="#"> <input type="hidden" name="param" value="logar" /> <!-- Success/Alert Notification --> <p class="lm-success"><i class="icon icon_check_alt2"></i> <strong>Congratulation! Login modal validation is working. Implement your code.</strong></p> <p class="lm-failed"><i class="icon icon_close_alt2"></i><strong> Something went wrong! Insert correct value.</strong></p> <!-- Input Fields --> <input id="lm-email" class="form-control input-lg" type="text" placeholder="Email" name="email" required=""> <input id="lm-password" class="form-control input-lg" type="password" placeholder="Password" name="senha" required=""> <!-- Login Button --> <input type="submit" class="btn btn-color" value="Login"> <!-- <button class="btn btn-color">Login</button> --> </form> </div> <!-- /End Login Form --> </div> </div> <!-- /End Login Form Box --> <div class="box"> <!-- Signup Form --> <div class="content registerBox" style="display:none;"> <form id="signup-modal" role="form" method="post" action="?go=cadastrar"> <!-- Success/Alert Notification --> <p class="sm-success"><i class="icon icon_check_alt2"></i> <strong>Congratulation! Signup modal validation is working. Implement your code.</strong></p> <p class="sm-failed"><i class="icon icon_close_alt2"></i><strong> Something went wrong! Insert correct value.</strong></p> <!-- Input Fields --> <input id="sm-email" class="form-control input-lg" type="text" placeholder="Email" name="email" required=""> <input id="sm-password" class="form-control input-lg" type="password" placeholder="password" name="password"> <input id="sm-confirm" class="form-control input-lg" type="password" placeholder="Repeat password" name="senha-confirm"> <!-- Signup Button --> <!-- <button class="btn btn-color">Create an account</button> --> <input type="submit" class="btn btn-color" value="Create an account"> </form> </div> <!-- /End Signup Form --> </div> <!-- /End Signup Form Box --> </div> e em baixo do </html> coloquei <?php $param = (empty($_POST['param'])) ? 'error' : $_POST['param']; if($param == 'logar'){ //if($_POST['param'] == 'logar'){ $email = $_POST['email']; $password = $_POST['password']; $query1 = mysql_num_rows(mysql_query("SELECT * FROM usuario WHERE email = '$email' AND password = '$password'")) or die(mysql_error()); if($query1 == 1){ // print "<script>alert('logou');</script>"; print "<script>window.location.replace('dashboard/index.php');</script>"; }else{ echo "<script>alert('User and password do not match.'); history.back();</script>"; } } if(@$_GET['go'] == 'cadastrar'){ // $dominio_gratis = $_POST['dominio_gratis']; $email = $_POST['email']; $password = $_POST['password']; $date_register = date("m-d-Y"); // if(empty($dominio_gratis)){ // echo "<script>alert('Preencha todos os campos para se cadastrar.'); history.back();</script>"; // }else if(empty($email)){ echo "<script>alert('Fill in all the fields to register.'); history.back();</script>"; }elseif(empty($password)){ echo "<script>alert('Fill in all the fields to register.'); history.back();</script>"; }else{ $query1 = mysql_num_rows(mysql_query("SELECT * FROM usuario WHERE email = '$email'")); if($query1 == 1){ echo "<script>alert('User already exists.'); history.back();</script>"; }else{ mysql_query("insert into usuario (email, password, date_register, plan) values ('$email','$password','$date_register', '0')"); header("Location: dashboard/dashboard.php"); } } } ?> Alguem pode ajudar?

Prezados boa tarde. Preciso bloquear a edição de um date input de forma que só seja possível selecionar a data através do calendário. Alguém pode me ajudar? Utilizo php, html e js. <input type="date" value="<?php echo $data ?>" name="datacoleta" class="form-control" required style="width:100%;"> Agradeço desde já.

Salve galera. Tenho uma página com vários box deste abaixo com a descrição de uma TV que temos na empresa onde mostram os status de diversos processos. Ainda não coloquei o link para o direcionamento porém antes da pessoa clicar eu gostaria que quando posicionasse o mouse em cima do botão aparecesse uma miniatura do site destino. é Possivel isso?? eu tentei o mouseover mas não carregou, <div class="col-lg-3 col-xs-6"> <div class="small-box bg-blue-gradient" style="border-radius: 05px 05px;"> <div class="inner"> <h3 align="center"><?=$qtd_veiculos?></h3> <p align="center">VEÍCULOS EM TRÂNSITO</p> </div> </div> </div>

Tópico Site em Código Sobre desenvolver sites sem o wordpress que ja tá tudo ali feito que seja um site dinâmico ou seja com banco de dados , APIs de pagamento, Painel para o usuário , além de todas as funções que tem no wordpress e você teria propriedade pra explicar sobre detalhes mais técnicos da produção onde no wordpress só quem entende de progrqmação explicaria algum detalhe técnico Então usando basicamente : FRONT END HTML CSS JAVASCRIPT ALGUMA DE BACKEND COMO PHP E BANCO DE DADOS Pode se criar sites/sistemas tão bons ou melhores que no wordpress Fato : o proprio wordpress é feito em php e ate o proprio facebook tbm em php Fato 2 : cerca de 70% dos sites são feitos em Wordpress Acho esse lance de procurar o caminho mais fácil limita muito a pessoa por exemplo é facil editar imagens no paint bem intuitivo , agora para editar no photoshop com muitas outras possibilidades acaba sendo importante ir explorando essa elaboração mais difícil com um mesmo objetivo. No caso do exemplo ( editar imagens ) Reflexão: Vale a pena se dedicar a trabalhar com a ferramenta Wordpress apenas por ser um meio rápido de ganhar dinheiro ? Ou trabalhar sem wordpress usando tudo que exigido pra criar coisas originais mais que não seria tão rápido a produção. Mas creio que além dos sites feitos também geraria a possibildade de vender o sistema web criado para o cliente personalizar . Você Desenvolveria de que forma : Wordpress apenas ? Conhecer programação pra trabalhar com Wordpress ? Produzir tudo só com programação totalmente dinâmico sem Wordpress?

Olá, boa tarde, Estou implementando uma função de editar registro de um banco de dados MySQL utilizando a linguagem PHP com MySQLi. Quando clico no link editar, ele vai para uma página de edição e gostaria de imprimir os valores das colunas do registro a editar nos respectivos campos do formulário em HTML. Veja o código da página abaixo: <?php include_once('conexao.php'); $id = $_GET['id']; $pesquisa = "SELECT * FROM alunos WHERE id = '$id'"; $resultado = mysqli_query($conexao, $pesquisa); $registro = mysqli_fetch_array($resultado); $nome = $registro['nome']; $curso = $registro['curso']; mysqli_close($conexao); ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Cadastro de alunos</title> </head> <body> <h3>Cadastro de novos alunos</h3> <form action="proc_edicao.php" method="POST"> <label>Nome: <input type="text" name="nome" placeholder="Digite o nome aqui" value="<?php echo $nome; ?>"> </label> <br><br> <label>Curso: <input type="text" name="curso" placeholder="Digite o nome aqui" value="<?php echo $curso; ?>"> </label> <br><br> <input type="submit" value="Cadastrar"> </form> </body> </html> Aparentemente, não há nada de errado com o conteúdo de value, mas rodando no servidor local nos campos Nome e Curso aparece exatamente o código como está escrito (<?php echo $nome; ?>) e não o conteúdo da variável $nome (o mesmo acontecendo para o campo Curso). Pesquisei na internet sobre isso, e em tudo que encontrei se refere a essa codificação de value como correta. O PHP 8.0 trabalha de outra forma? Quem puder esclarecer essa dúvida, agradeço. Aguardo retorno. Obrigado,

Estou tentando alterar a cor de fundo de uma célula, porém está dando o seguinte erro: Uncaught TypeError: Cannot read property 'style' of null . Segue abaixo o meu código: function criarTabela(){ // vamos criar o elemento HTML table var tabela = document.createElement("table"); tabela.border = "1px"; tabela.cellSpacing = "0px"; tabela.cellPadding = "3px"; // vamos criar o corpo da tabela, ou seja, o tbody var corpo = document.createElement("tbody"); tabela.appendChild(corpo); // vamos criar três linhas contendo quatro células cada uma for(var i = 0; i < 151; i++){ var linha = corpo.insertRow(-1); for(var j = 0; j < 5; j++){ var celula = linha.insertCell(-1); celula.setAttribute("id", "lin"+i+"col"+j); } } // vamos anexar a tabela recém-criada a um elemento div var container = document.getElementById("container"); container.appendChild(tabela); } cria.addEventListener('click', criarTabela); let lin1col0 = document.getElementById('lin1col0'); let lin2col0 = document.getElementById('lin2col0'); let lin3col0 = document.getElementById('lin3col0'); let lin4col0 = document.getElementById('lin4col0'); let lin5col0 = document.getElementById('lin5col0'); let num = 1; switch(num){ case 1: lin1col0.style.backgroundColor = "red"; break; case 2: lin2col0.style.backgroundColor ="red"; break; case 3: lin3col0.style.backgroundColor = "red"; break; case 4: lin4col0.style.backgroundColor = "red"; break; case 5: lin5col0.style.backgroundColor = "red"; break; default: alert("Erro!"); }

Prezados, bom dia. Utilizo as linguagens: php, html e banco de dados mysql. Tenho uma tabela que deveria trazer todos os registros localizados no banco de dados, porém me traz apenas um. Quando rodo a Query sozinha direto no banco ela me traz todos os registros, mas ao incluir no código php/html me traz apenas o primeiro registro, segue o código abaixo: $sqlnominal = "SELECT A.CNES, C.NOME_UNIDADE, A.NOME_PACIENTE, A.CPF, A.CNS, A.DATA_NASC, B.DATA_DISPENSACAO, B.CANETA_NPH, B.CANETA_REGULAR FROM insulino_cadastro A INNER JOIN insulino_dispensacao B ON A.ID_PACIENTE = B.ID_PACIENTE INNER JOIN unidades C ON A.CNES = C.CNES and (B.CANETA_NPH != '' or B.CANETA_REGULAR != '')"; $resultnominal = mysqli_query($con, $sqlnominal); $rownominal = mysqli_fetch_array($resultnominal); ?> <table class="table table-hover table-bordered" id="tabela-dispensacao2" style="margin-top:0.2%"> <tr> <th>UNIDADE</th> <th>PACIENTE</th> <th>CPF</th> <th>CNS</th> <th>DATA DE<br>NASCIMENTO</th> <th>RETIRADA</th> <th>CANETA NPH</th> <th>CANETA REGULAR</th> </tr> <td><?php echo $rownominal["CNES"]?></td> <td><?php echo $rownominal["NOME_PACIENTE"]?></td> <td><?php echo $rownominal["CPF"]?></td> <td><?php echo $rownominal["CNS"]?></td> <td><?php echo dataTela($rownominal["DATA_NASC"]); ?></td> <td><?php echo dataTela($rownominal["DATA_DISPENSACAO"]); ?></td> <td><?php echo $rownominal["CANETA_NPH"]?></td> <td><?php echo $rownominal["CANETA_REGULAR"]?></td> </tr> </table> <?php }else{ echo "Nenhum registro encontrado!"; } Agradeço desde já pela ajuda. Obrigado!

Olá o meu recém criado site apresenta uma falha toda vez que entro nele ele fica recarregando sem eu clicar, mas ele recarrega de um em um segundo não consegui achar o erro aqui está o meu código fonte <!DOCTYPE html> <html lang="pt-br"> <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>Document</title> <link rel="shortcut icon" href="Icons8-Ios7-Science-Geometry.ico" type="image/x-icon"> <style> body{ background-color: #fab700; color:rgb(255, 0, 0); font: normal 20pt Arial; } </style> </head> <body> <h1>Resolvendo alturas inacessíveis</h1> <p>Esse site possui como objetivo encontrar alturas Inacessiveis como de um prédio, uma árvore e etc. Para calcular essa alura iremos usar o triângulo abaixo: </p> <img src="tbr.png" alt="Queremos descobrir a altura"width=550 height=350> <p>Agora para continuar indique os valores pedidos no campo abaixo: </p> <section> <div class="centro"> Digite o valor da primeira medição: <input class="alfa" type="number"><br> Digite a distância que você se afastou: <input class="a" type="number"><br> Digite a distância da segunda medição: <input class="beta" type="number"><br> <button onclick="clicar()">Resultado</button> <p class="resultado"></p> <script> function clicar() { var alfa = document.querySelector('input.alfa').value; var a = document.querySelector('input.a').value; var beta = document.querySelector('input.beta').value; var resultado = (a * Math.tan(alfa) * Math.tan(beta))/(Math.tan(alfa) - Math.tan(beta)) document.querySelector('.resultado').innerHTML = resultado; } </script> </div> </section> </body> </html>

Prezados, boa tarde. Utilizo as linguagens: php, html e java script. Banco de dados: Mysql 1) Eis que na "tabela_1" tenho os campos "código_estabelecimento" e "nome_estabelecimento". 2) Na "tabela_2" tenho "código_pedido", "código_estabelecimento", etc...... Preciso trazer um relatório onde a query vá na "tabela_1" busque pelo "código_estabelecimento" e me traga o "nome_estabelecimento" em um relatório a ser montado em html. Preciso de ajuda na query onde o SQL vai buscar o código do estabelecimento na tabela 1 e me trazer o nome do mesmo para minha tela. Desde já agradeço as ajudas que estão por vir.

Olá, eu quero poder pegar um vídeo do meu canal na Nimo TV e deixar ele em sites parceiros para fortalecer a minha divulgação. Só que não consigo capturar o código <video></video> do html5 do site na Nimo TV. Eles não mostram o formato do vídeo: Se alguém souber me ajudar, terei enorme gratidão! OBS: Perdão se alguém postou algo parecido aqui no site, não vi!

Bom dia a todos. Eu tenho o seguinte código em HTML <input type="checkbox" id="checkmarcacao1" name="checkmarcacao1" value="checkmarcacao1"> <input type="time" id="hora101" name="hora101" disabled="disabled"> E tenho o seguinte código em Javascript <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script> $(document).ready(function () { $('input[name=checkmarcacao1]').change(function() { if ($(this).is(':checked')) { $('input[name=hora101]').removeAttr('disabled'); } else { $('input[name=hora101]').attr('disabled',true); } }); }); </script> Esse meu código em Javascript faz o seguinte: Quando meu Checkbox está marcado, ele habilita o input time. Se eu desmarcar o checkbox, o input time é desabilitado. Acontece que se eu marcar o checkbox, escrever no input time, por exemplo: 12:34, depois desmarcar o checkbox o input time fica desabilitado porém o valor 12:34 ainda fica escrito nele. Eu gostaria de saber como apagar o valor do input time quando o checkbox estiver desmarcado. Quem quiser testar o código segue o link: https://jsfiddle.net/o8f3zvqu/

Boa tarde pessoal, gostaria de pedir uma ajuda para criar um evento em um formulário HTML. Eu tenho um formulário em HTML e PHP, e nele tem um campo do tipo select e um campo do tipo text(desabilitado). Gostaria que ao clicar no campo select e escolher qualquer opção da lista, automaticamente em seguida aparecesse dentro do campo text um valor respectivo a opção escolhida anteriormente. Exemplo: Tenho um campo select com tipos diferentes de materiais (vidro, papel, alumínio, etc.) e no campo text(desabilitado) terei a quantidade de anos que cada material demora a se decompor na natureza. O campo text inicialmente estará vazio, mas quando selecionar o material, aparecerá dentro deste text a quantidade de anos. obs.: Os valores do campo select e do campo text estão ambos na mesma tabela do banco de dados(MySQL), o campo select com valores string e o campo text com valores inteiros. Não sei se consegui explicar direito, mas acredito que terei que utilizar javascript para este evento, mas ainda não sei como. Alguém tem ideia de como eu poderia fazer isso ou alguma dica? Muito obrigada!!

Viva pessoal, Estou tentando fazer uma consulta em que os parâmetros são enviados através do ajax para o php, até aqui tu esta a correr bem. O problema é quando tento resgatar a resposta através do "console.log" é me devolvido "undefined", será que alguém me pode auxiliar com esse pequeno problema?! Em baixo segue o essencial do código do ajax e php. AJAX $.ajax({ type: 'POST', url:'index2.php?adm='+$pag, data:{send: 1, opt: $option}, //dataType:'json', success: function(result){ console.log(result); } }); PHP $data = array(); /*USER OPTION REQUEST*/ if (isset($_POST['send'])){ switch($_POST['opt']){ ... case 3: /*ERASE SELECTED ITEMS*/ $data = array('status'=>'OK'); echo json_encode($data); die; break; } } Supostamente se no console.log adiciona-se "result.status" deveria obter "OK", mas em vez disso obtenho undefined. Caso execute o código da forma que esta obtenho como resultado {"status":"OK"}

Viva pessoal, Estou tentando fazer uma consulta em que os parâmetros são enviados através do ajax para o php, até aqui tu esta a correr bem. O problema é quando tento resgatar a resposta através do "console.log" é me devolvido "undefined", será que alguém me pode auxiliar com esse pequeno problema?! Em baixo segue o essencial do código do ajax e php. AJAX $.ajax({ type: 'POST', url:'index2.php?adm='+$pag, data:{send: 1, opt: $option}, //dataType:'json', success: function(result){ console.log(result); } }); PHP $data = array(); /*USER OPTION REQUEST*/ if (isset($_POST['send'])){ switch($_POST['opt']){ ... case 3: /*ERASE SELECTED ITEMS*/ $data = array('status'=>'OK'); echo json_encode($data); die; break; } } Supostamente se no console.log adiciona-se "result.status" deveria obter "OK", mas em vez disso obtenho undefined. Caso execute o código da forma que esta obtenho como resultado {"status":"OK"}

Oi pessoal, estou tentando alinhar o titulo no meu vertical da div, já vi varios tutoriais sobre "vertical-align e display: table-cell" mas nada funciona, alguém poderia me ajudar?? Como esta: https://ibb.co/6grR6zP Meu CSS: .category-noticias {width:100%;background-color:#ffffff;border: 1px solid #bd67bd;} .category-noticias .thumb{float: left;width:130px; height:120px; object-fit: cover; background-color:#ffffff; padding:0px;} .category-noticias .titulo {margin-left: 158px; line-height:15pt; font-size:13pt; text-transform:uppercase; word-wrap: break-word;} .category-noticias .titulo a {font-family: lato, sans-serif;color:#64578c;text-decoration:none;}

Criei um sistema de login com php e mysql mas não consigo realizar o login mesmo tendo certeza de que os dados foram cadastrados com sucesso. Não sei o que fiz de errado. Vejam o código: <?php $login2 = $_POST['loginlogar']; $senha2 = $_POST['senhalogar']; $link = mysqli_connect("localhost", "root", "", "bancolanche") or die("<h1>Não foi possível conectar!!</h1>". mysqli_error()); $banco = mysqli_select_db($link, "bancolanche") or die("<h1>Não foi possível abrir banco de dados!!</h1>". mysqli_error()); $sql = "SELECT login, senha FROM users"; $resulta = mysqli_query($link, $sql); while ($book = $resulta->fetch_object()) { $logindb = $book->login; $senhadb = $book->senha; } if($login2 == "" || $senha2 == ""){ $_SESSION['msg'] = "<h1 style='color:red'>Erro ao logar! Há campos de preenchimento obrigatório em branco.</h1>"; header("Location: logar.php"); } else { if($logindb==$login2 && $senhadb==$senha2){ $_SESSION['msg'] = "<h1 style='color:green'>Logoff realizado com sucesso!</h1>"; header("Location: index.html"); } else { $_SESSION['msg'] = "<h1 style='color:red'>Erro ao logar! Usuário inexistente ou senha incorreta.</h1>"; header("Location: logar.php"); } } mysqli_close($link); ?>

Estou criando um jogo de avançar casas e não estou conseguindo somar os valores sorteados pelo dado. Quero fazer assim: let somadado=0; let valorsorteado=5; somadado=5; valorsorteado=3; somadado=8; valorsorteado=2; somadado=10; Assim por diante.

Boa noite pessoal estou com um problema que o icone do meu site não aparece no mobile segue uma foto do problema o meu codigo esta assim <!-- icones --> <link href="icones/favicon.ico" rel="icon"> <link href="icones/favicon.ico" rel="shortcut icon"> <link rel="apple-touch-icon" sizes="57x57" href="icones/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="icones/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="icones/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="icones/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="icones/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="icones/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="icones/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="icones/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="icones/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="icones/android-icon-192x192.png" > <link rel="icon" type="image/png" sizes="36x36" href="icones/android-icon-36x36.png"> <link rel="icon" type="image/png" sizes="48x48" href="icones/android-icon-48x48.png"> <link rel="icon" type="image/png" sizes="96x96" href="icones/android-icon-96x96.png"> <link rel="icon" type="image/png" sizes="144x144" href="icones/android-icon-144x144.png"> <link rel="icon" type="image/png" sizes="72x72" href="icones/android-icon-72x72.png"> <link rel="icon" type="image/png" sizes="32x32" href="icones/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="icones/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="icones/favicon-16x16.png"> <link rel="manifest" href="icones/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="icones/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport">

Bom dia Pessoal! Gostaria da ajuda de vocês, não tenho conhecimento aprofundado em html e css e a tray não quer me dar suporte para alteração desta fonte dizendo que é padrão..... Enfim a fonte está minuscula mal dá para entender o que está escrito, e não acho onde altero... https://www.lacee.com.br/loja/extra.php?loja=495949&amp;pagina=afiliados

Galera estou desenvolvendo uma aplicação na qual eu preciso mostrar as câmeras de monitoramento, as câmeras são da HIKVISION e tenho o link pronto pra mostrar porém sempre pede login e senha como mostra a imagem abaixo: Existe alguma forma de chamar essa tela e preencher via script

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> <!--Titulo--> <title>Projeto</title> <!--Cadeia de caracteres--> <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> <input type="checkbox" id="chk" onclick="chk()"> <label for="chk" class="menu-chk">&#9776;</label> <div class="bg"></div> <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"; } }

Fala galera blz? Então preciso de ajuda numa coisa aqui que não sei de jeito nenhum como resolver. Eu encontrei na W3School um menu tab vertical perfeito para minha página que é one page. Segui o link: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_vertical_tabs Mas estou me encontrando com um problema! Eu gostaria que esse menu permanece-se na mesma tag mesmo atualizando a página, por exemplo, se eu escolher a segunda opção do menu ela permanecerá ativada mesmo se eu atualizar a página. Na opção oferecida pela W3Shool, toda vez que a página é atualizada ele volta para a primeira tag que tem por padrão a primeira opção com um active. Não sei como resolver ou se tem uma solução para algo assim mas se alguém puder me ajudar eu agradeceria muito.

Pessoal, estou com um problema em um menu (nav) que possui 2 níveis Peguei esse código "pronto" porém está com algo que não consigo entender O link do segundo nível quando clica não redireciona para a página desejada , porém se eu clicar e pedir para abrir em nova guia dai ele funciona.. Vou colocar o código aqui (tentei deixar o mais simples possível, com apenas os itens a serem testados) Fico no aguardo <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> <script> $(document).ready(function () { $('.navbar .dropdown-item').on('click', function (e) { var $el = $(this).children('.dropdown-toggle'); var $parent = $el.offsetParent(".dropdown-menu"); $(this).parent("li").toggleClass('open'); if (!$parent.parent().hasClass('navbar-nav')) { if ($parent.hasClass('show')) { $parent.removeClass('show'); $el.next().removeClass('show'); $el.next().css({"top": -999, "left": -999}); } else { $parent.parent().find('.show').removeClass('show'); $parent.addClass('show'); $el.next().addClass('show'); $el.next().css({"top": $el[0].offsetTop, "left": $parent.outerWidth() - 4}); } e.preventDefault(); e.stopPropagation(); } }); $('.navbar .dropdown').on('hidden.bs.dropdown', function () { $(this).find('li.dropdown').removeClass('show open'); $(this).find('ul.dropdown-menu').removeClass('show open'); }); }); </script> <style> .navbar .dropdown-toggle, .navbar .dropdown-menu a { cursor: pointer; } .navbar .dropdown-item.active, .navbar .dropdown-item:active { color: inherit; text-decoration: none; background-color: inherit; } .navbar .dropdown-item:focus, .navbar .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa; } @media (min-width: 767px) { .navbar .dropdown-toggle:not(.nav-link)::after { display: inline-block; width: 0; height: 0; margin-left: .5em; vertical-align: 0; border-bottom: .3em solid transparent; border-top: .3em solid transparent; border-left: .3em solid; } } </style> </head> <body> <div class="navbar navbar-expand-md navbar-dark bg-dark mb-4" role="navigation"> <a class="navbar-brand" href="#">#####</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarCollapse"> <ul class="navbar-nav mr-auto"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" id="dropdown1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Testar</a> <ul class="dropdown-menu" aria-labelledby="dropdown1"> <li class="dropdown-item" ><a href="http://www.google.com">Google</a></li> <li class="dropdown-item dropdown"> <a class="dropdown-toggle" id="dropdown1-1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Submenu</a> <ul class="dropdown-menu" aria-labelledby="dropdown1-1"> <li class="dropdown-item"><a href="http://www.google.com">Google</a></li> </ul> </li> </ul> </li> </ul> </div> </div> </body> </html>

Olá, meus amigos, tudo bem? Eu me sinto confiante ao postar aqui, porque sempre me ajudam com soluções que realmente resolvem, e não gambiarras. Eu não sou programador nem Webdesigner, sou da área da comunicação, e uso HTML (e bem pouco de Javascript) nos meu blogs do Blogger. Mas eu pesquiso o máximo aí pela internet antes de recorrer aqui, pra não ficar lotando o fórum de perguntas leigas, só que nesse momento eu estou esgotado e nem se o Google para desktop tivesse um modo escuro meus olhos aguentariam, tamanho cansaço, KKK. O caso é: eu preciso exibir a data em que uma postagem foi publicada. Para tal, pesquisei e encontrei uma forma através de javascript. Trata-se da função .getDay, .getMonth e .getFullYear. O resultado para o ano deu certo, mas o mês e o ano estão retornando números totalmente errados. Na postagem-teste de hoje, 19 de março, aparece lá que a data foi 05 de fevereiro... Vejam o código abaixo: <div class='post-date'> <span class='year'> <script type='text/javascript'> var dt = new Date("<data:post.timestamp/>"); document.write(dt.getFullYear() ); </script> </span> <span class='day'> <script type='text/javascript'> var dt = new Date("<data:post.timestamp/>"); document.write(dt.getDay() ); </script> </span> <span class='month'> <script type='text/javascript'> var dt = new Date("<data:post.timestamp/>"); document.write(dt.getMonth() ); </script> </span> </div> Quando salvo e vou visualizar, aparece, como dito, a data 05 de fevereiro. Então dei um belo "inspecionar elemento" para ver o que os scripts estavam retornando. Vejam: <div class="post-meta"> <div class="post-date"> <span class="year"> <script type="text/javascript"> var dt = new Date("3/19/2021"); document.write(dt.getFullYear() ); </script> 2021 </span> <span class="day"> <script type="text/javascript"> var dt = new Date("3/19/2021"); document.write(dt.getDay() ); </script> 5 </span> <span class="month"> <script type="text/javascript"> var dt = new Date("3/19/2021"); document.write(dt.getMonth() ); </script> 2 </span> </div> </div> Deixei um print em anexo para terem um exemplo visual. Alguém consegue entender? At.te.

Questão 01 Primeiro, vamos criar um componente que possua duas caixas de texto. No entanto, essas caixas só podem aceitar números, além disso, elas devem ter rótulos (label) com um valor mínimo e um valor máximo. É preciso também sempre checar se o valor mínimo é menor que o valor máximo. O componente que você deverá construir ainda deve possuir um botão que deve contar e imprimir quantos números existem entre valor mínimo e valor máximo que sejam múltiplos de 2 e 3 (simultaneamente). O programa não deverá calcular se algum dos numeros não for inserido. Alguém consegue resolver?