Pesquisar na Comunidade

Boa Noite! Estou fazendo um programa para recepção de Hotel. Pois bem... Tenho a tabela (apto1), onde cadastro o cliente e o valor da diária x dias de acomodação, que por sua vez me gera o Total deste cliente. Tenho a tabela (pago), onde guardo as informações de pagamentos feitos. Estou inserindo o ID, NOME, APTO, DATA da tabela (apto1) para a tabela (pago) em IDPAGO, NOMEPAGO, APTOPAGO, DATAPAGO e TOTALPAGO envio via input. Então é simples o calculo, eu pego o TOTAL da tabela (apto1) e quero descontar com o TOTALPAGO da tabela (pago), mas não consigo retornar o mesmo id. (lembrando que é o mesmo ID da tabela (apto1) é o mesmo iD da tabela (pago). $sql = mysqli_query($conn, "SELECT apto1.*, pago.* FROM apto1, pago where apto BETWEEN '$busca' AND '$busca' ORDER BY apto Asc"); e fazendo a seguinte busca nas tabelas... while($aux = mysqli_fetch_assoc($sql)){ //Busca tabela apto1 $id = $aux['id']; $nome = $aux['nome']; $apto = $aux['apto']; $entrada = $aux['entrada']; $total = $aux['total']; //busca Tabela pago $idpago = $aux['idpago']; $nomepago = $aux['nomepago']; $aptopago = $aux['aptopago']; $datapago = $aux['datapago']; $totalpago = $aux['totalpago']; } Agradeço a ajuda e me desculpe se errei algum termo.

bom dia, gostaria de uma ajuda com a seguinte duvida, preciso que quando eu entrar com o mouse em um campo, ative o outro. exemplo: gostaria de quando meu mouse entrasse na minha div(id="anime"), ativasse meu button (id="recebeAnima"). <div class="col-xs-12 col-md-3" id="anima"> <div class="card border-0 sombra-h almentar"> <img class="card-img-top img-fluid" src="img/cidade4.jpg" alt="Card image cap"> <div class="card-body"> <h5 class="card-title"><strong>Los Angeles</strong></h5> <p class="card-text">sexta-feira 30 junho, 2018</p> <button class="btn btn-primary" id="recebeAnima"><i class="fas fa-shopping-cart"></i> comprar</button> </div> </div> </div> css: efeito que gostaria que ativasse quando o mouse entrasse na minha div(id="anime"). .hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { -webkit-transform: scale(1.3); transform: scale(1.3); }

gostaria de um código para crair um button que verificasse o link em js, como essa div que verifica o nome que será exibido, conforme escolha. Se possivel, que obedecesse essa logica. Código html do exemplo. <div id="context-menu"> <div style="margin: 0 20px"> <button id="context-menu-name" class="lead"></button> <br /><br /> fim do exmplo html Fim do arquivo. e por fim, itens.js // add items to the "Add Items" tab $(document).ready(function() { var items = [ { "name" : "Pe&ccedil;a com 4 gavetas", "image" : "models/thumbnails/peca1.png", "model" : "models/js/peca1.js", "type" : "2" "link" : "mouramagazine.com.br", }, { "name" : "base", "image" : "models/thumbnails/peca2.png", "model" : "models/js/peca2.js", "type" : "1" "link" : "httml://mouramagazine.com.br", }, /* { "name" : "", "image" : "", "model" : "", "type" : "1", "link" : "" }, */ ] var itemsDiv = $("#items-wrapper") for (var i = 0; i < items.length; i++) { var item = items; var html = '<div class="col-sm-4">' + '<a class="thumbnail add-item" model-name=" model-link"' + item.name + '" model-url="' + item.model + '" model-type="' + item.type + '"><img src="' + item.image + '" alt="Add Item"> '+ item.name + '</a></div>'; item.link + '" model-url"'; + itemsDiv.append(html); } }); Fim do aquivo.

gostaria de pedir ajuda em relaçao a recuperaçao do ultimo id cadastrado em um banco de dados, tenho um cadastro de pessoas, e queria saber como faço pra mostrar o ultimo id cadastrado

Boa tarde pessoal. Entao... gostaria de ajuda. estou tentando criar uma galeria de fotos onde se você aproximar o mouse sobre a imagem, vire em 180 graus. Porém estou tento bastante dificuldades segue o codigo HTML... <DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Galeria de imagens</title> <link rel="stylesheet" href="_css/fotos.css"/> </head> <body> <section id="principal"> <ul id="album-fotos"> <li id="foto01"><span></span></li> <li id="foto02"><span></span></li> <li id="foto03"><span></span></li> <li id="foto04"><span></span></li> <li id="foto05"><span></span></li> <li id="foto06"><span></span></li> <li id="foto07"><span></span></li> <li id="foto08"><span></span></li> <li id="foto09"><span></span></li> <li id="foto10"><span></span></li> <li id="foto11"><span></span></li> <li id="foto12"><span></span></li> <li id="foto13"><span></span></li> <li id="foto14"><span></span></li> <li id="foto15"><span></span></li> <li id="foto16"><span></span></li> </ul> </section> </body> </html> CSS.... @charset "UTF-8"; ul#album-fotos li{ float: left; width: 150px; height: 150px; margin: 10px; border: 5px solid #fff; background-color: #fff; box-shadow: 1px 1px 3px rgba(0,0,0,.4); list-style: none; } ul#album-fotos li#foto01 { background: url('galeria-01.jpg') no-repeat; background-position: 50% 50%; background-size: 300px 300px; background-color: #ffffff; } ul#album-fotos li:hover { transform: rotateY(180deg); } ul#album-fotos li#foto02 { background: url('galeria-02.jpg') no-repeat; background-position: 50% 50%; background-size: 300px 300px; background-color: #ffffff; } ul#album-fotos li#foto03 { background: url('galeria-03.jpg') no-repeat; background-position: 50% 50%; background-size: 300px 300px; background-color: #ffffff; } ul#album-fotos li#foto04 { background: url('galeria-04.jpg') no-repeat; background-position: 50% 50%; background-size: 300px 300px; background-color: #ffffff; } ul#album-fotos li#foto05 { background: url('galeria-05.jpg') no-repeat; background-position: 50% 50%; background-size: 300px 300px; background-color: #ffffff; } ul#album-fotos li#foto06 { background: url('galeria-06.jpg') no-repeat; background-position: 50% 50%; background-size: 300px 300px; background-color: #ffffff; } ul#album-fotos li#foto07 { background: url('galeria-07.jpg') no-repeat; background-position: 50% 50%; background-size: 300px 300px; background-color: #ffffff; } ul#album-fotos li#foto08 { background: url('galeria-08.jpg') no-repeat; background-position: 50% 50%; background-size: 300px 300px; background-color: #ffffff; } ul#album-fotos li#foto09 { background: url('galeria-09.jpg') no-repeat; background-position: 50% 50%; background-size: 300px 300px; background-color: #ffffff; } ul#album-fotos li#foto10 { background: url('galeria10.jpg') no-repeat; background-position: 50% 50%; background-size: 300px 300px; background-color: #ffffff; } ul#album-fotos li#foto11 { background: url('galeria11.jpg') no-repeat; background-position: 50% 50%; background-size: 300px 300px; background-color: #ffffff; } ul#album-fotos li#foto12 { background: url('galeria12.jpg') no-repeat; background-position: 50% 50%; background-size: 300px 300px; background-color: #ffffff; } ul#album-fotos li#foto13 { background: url('galeria13.jpg') no-repeat; background-position: 50% 50%; background-size: 300px 300px; background-color: #ffffff; } ul#album-fotos li#foto14 { background: url('galeria14.jpg') no-repeat; background-position: 50% 50%; background-size: 300px 300px; background-color: #ffffff; } ul#album-fotos li#foto15 { background: url('galeria15.jpg') no-repeat; background-position: 50% 50%; background-size: 300px 300px; background-color: #ffffff; } ul#album-fotos li#foto16 { background: url('galeria16.jpg') no-repeat; background-position: 50% 50%; background-size: 300px 300px; background-color: #ffffff; } #principal { width: 900px; height: auto; margin: 0 auto; background: #fff; }

Pessoal me da uma força ai, fiz um banco de dados, Editavel, quando tenho a linha abaixo está assim: $query = mysqli_query($link,"update contato set nome='$nome', telefone='$telefone', where id='$id';"); Não consigo alterar os dados pois aparece essa mensagem de erro abaixo: Erro: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'where id='$id'' at line 1 Quando APAGO o where id='$id' Eu consigo alterar, porem todos os Dados do banco alteram também, como se um alterasse todos. vou postar o código inteiro: <?php $id = filter_input(INPUT_GET, "id"); $nome = filter_input(INPUT_GET, "nome"); $telefone = filter_input(INPUT_GET, "telefone"); $link = mysqli_connect("localhost", "root", "", "agenda_telefonica"); if($link){ $query = mysqli_query($link,"update contato set nome='$nome', telefone='$telefone', where id='$id';"); if ($query) { header("Location: index.php"); }else{ die("Erro: ". mysqli_error($link)); } }else{ die("Erro: ". mysqli_error($link)); }

Falaa galera, seguinte: Eu tenho um código já funcionando que exibi os dados de todos os clientes cadastrados no banco de dados, por exemplo: ele mostra "Razão Social", "CNPJ" "Endereço" e etc. Porém, como são muitos clientes, a lista fica muito grande, eu gostaria que exibisse só "Razão Social" e "CNPJ" no caso em uma linha só e abaixo já outro cliente e assim por diante. O que eu queria fazer era ao lado do CNPJ, criar um botão "Visualizar" e assim ele abrir outra página só com as informações daquele cliente. No momento ainda não tenho muito conhecimento em PHP, não sei como faria isso. Alguém da uma força por gentileza =) Abraço. o/

Olá, Tenho uma tabela que recebe um INSERT a cada 01 hora e consequentemente a coluna ID é PRIMARY (auto_Incremental) Através do SELECT abaixo eu consigo visualizar os últimos 12 registros porém o ID vem de forma Decrescente devido devido ao uso do DESC SELECT * FROM tabela ORDER BY id DESC LIMIT 12 id 212 211 210 209 208 207 206 205 204 203 202 201 Minha dúvida é: como faço para trazer os últimos 12 registros com o id ordenado de forma ASC crescente, sem ter que criar uma tabela temporária. Isso é possível? Resultado esperado: id 201 202 203 204 205 206 207 208 209 210 211 212

Ola pessoal, tenho um problema aqui e não consegui resolver.... tenho um while, mas nesse wilhe tenho campos inpunt, queria saber o seguinte. como consigo pegar o id do item usando javascript. vai o codigo ai <?php include_once("../../includes/connect.php"); $id = $_GET["id"]; $listar = mysqli_query($LOCAL, "SELECT * FROM `itens_temp` where id_nota = '$id'"); $l = 1; while ($dados = mysqli_fetch_array($listar)){ echo ' <tr id="item'.$l.'"><input type="hidden" name="idItem" id="idItem" value="'.$dados["idItem"].'" /><input type="text" name="idNota" id="idNota" value="'.$dados["id_nota"].'" /> <td>'.$dados["idItem"].'</td> <td>'.$dados["nProd"].'</td> <td>'.number_format($dados["vl_uni"], 2, ",", ".").'</td> <td>'.$dados["qtd"].'</td> <td>'.number_format($dados["vl_total"], 2, ",", ".").'</td> <td>'.$dados["ncm"].'</td> <td><img src="../../imagens/delete.png" width="30px" id="'.$dados["idItem"].'" border="0" class="BotaoExcluiritem" style="cursor:pointer"></td> </tr> '; $l++; } ?> Agora o javascript $('.BotaoExcluiritem').click(function(){ var idLinha = $(this).parent().parent().attr('idItem'); var codigo = $('#'+ idLinha).find('input:hidden').val(); var numero_nota = $('#idNota', parent.document).val(); alert("Numero:"+numero_nota+ "IDItem:"+ codigo); $.post('excluir_item.php',{codigo:codigo, numero_nota:numero_nota}, function(resposta){ //alert(resposta); // if (resposta==0){ // $('#itens_nota').load('itens_nota.php?id='+numero_nota); // CalculaValores() // }else{ // alert("Não foi possivel excluir o item!"); // } }) }); });

Olá boa noite a todos, estou desenvolvendo um sistema p arduino em C, tenho que consultar a base de dados, e realizar uma consulta pelo id que virá de uma entrada, consegui realizar a conexao e a consulta de todos os dados ao mesmo tempo, porém n consegui realizar a consulta específica como por exemplo buscar o nome da pessoa ou qualquer outro dado pelo ID, por favor me ajudem, desde já obrigado, segue o trecho do código do SELECT. int id=1;// AQUI SERIA ATRIBUIDO ID 1 Á VARIAVEL INT ID. char query[] = "SELECT * FROM karin048_bilhete.usuarios WHERE id ='id' "; //SE RETIRAR A CLAUSULA WHERE ELE BUSCA TODOS OS DADOS DO BANCO SEM PROBLEMAS, MAS QUANDO QUERO CONSULTA ESPECÍFICA COMO NESTE CASO, ELE NEM DA ERRO, CONTINUA BUSCANDO TODOS OS DADOS! MySQL_Cursor *cur_mem = new MySQL_Cursor(&conn); cur_mem->execute(query); column_names *cols = cur_mem->get_columns(); for (int f = 0; f < cols->num_fields; f++) { Serial.print(cols->fields[f]->name); if (f < cols->num_fields-1) { Serial.print(", "); } } Serial.println(); row_values *row = NULL; do { row = cur_mem->get_next_row(); if (row != NULL) { for (int f = 0; f < cols->num_fields; f++) { Serial.print(row->values[f]); if (f < cols->num_fields-1) { Serial.print(", "); } } Serial.println(); } } while (row != NULL); delete cur_mem;

estou com problema no desenvolvimento do meu site, eu gostaria que a imagem ocupasse td a tela , mas ela nao ocupa ate o final , mesmo sendo maior! estou criando pegando referencia como neste site : Segue os codigos que deixei na minha CSS <main class="content-main fl-left"> <div id="foto1"> <article class=" fl-right"> <h1>UMA NOVA EXPERIÊNCIA PARA QUEM É APAIXONADO POR LIVROS. </h1> <p>Somos um clube de assinatura de livros que envia</p> <br> <p>mensalmente um kit literário à casa dos associados.</p> <br> <a class="btn btn-blue radius boxshadow" href="" title="Assine">Faça Parte</a> </div> </article> e da div /*div*/ #foto1 {background-image:url(livros4.jpg);width:1300px;height:600px ;margin:0 auto;background-repeat:no-repeat;}

Galera, to estudando PDO aos poucos. Consegui entender bastante coisa até então. To tentando inserir o id do cliente na tabela endereço, ma quero fazer isto usando o PDO ao invés do MySQL propriamente dito. Na verdade, tem o mysqlo_insert_id. Vi o manual do PDO nesse questao, mas confesso que não entendi: <?php try { $dbh = new PDO('mysql:host=localhost;dbname=test', 'username', 'password'); $stmt = $dbh->prepare("INSERT INTO test (name, email) VALUES(?,?)"); try { $dbh->beginTransaction(); $tmt->execute( array('user', 'user@example.com')); $dbh->commit(); print $dbh->lastInsertId(); } catch(PDOExecption $e) { $dbh->rollback(); print "Error!: " . $e->getMessage() . "</br>"; } } catch( PDOExecption $e ) { print "Error!: " . $e->getMessage() . "</br>"; } Neste exemplo, parece que está pegando o id do usuário no momento, mas nada fazendo com este. Alguém pode me auxiliar ? abço!!

Olá pessoal, Tenho uma um formulário dinamico, onde pode aparecer várias textareas, e por padrão, essas textareas tem o mesmo id e o mesmo name, porém, o name esta sendo enviado como array (name="nomecampo[]"). Queria saber como faço pra validar todos essas textareas no javascript, porque preciso verificar se essas textareas tem menos de 10 caracteres. A textarea esta assim: <textarea class="form-control txta" rows="4" name="descr_icon[]" id="descri_icon" ></textarea> E como o formulario é dinamico, pode aparecer uma, nenhuma, ou várias textareas iguais a esta, e preciso validar no javascript (preciso que seja puro, nao posso utilizar jquery) cada textarea desta, mas a validação é a mesma para todas. Encontrei algumas soluções contando o indice das textareas pelo name, mas no meu caso o name esta passando como array, entao nao deu certo. O que encontrei foi mais ou menos assim: function validacao(nomecampo) { var total = document.getElementsByName(nomecampo); for(i = 0; i < total.lenght; i++) { if (document.getElementByName(i) < 10) { alert('Erro'); return (false); } } } E na chamada da função: <textarea name="camponome" id="camponome"></textarea> <button onclick="validacao('camponome')"></button> Mas como disse, isso não funcionou no meu caso porque passo o name como array (nomecampo[]). Alguém saberia alguma posssivel solução?

Boa tarde, tenho um banco de dados com os seguintes itens. id, jogo, aposta, apostador, aposta valor, valor. e o seguinte código que grava neste BD. <?php $apostador = $_GET['apostador']; $valor = $_GET['valor']; $qnt = $_GET['qnt']; while($qnt!=0) { ${'jogo' . $qnt} = $_GET['jogo' . $qnt]; ${'aposta' . $qnt} = $_GET['aposta' . $qnt]; ${'apostavalor' . $qnt} = $_GET['apostavalor' . $qnt]; $strcon = mysqli_connect("localhost", "root", "", "castrobets") or die("Erro ao tentar se conectar ao banco de dados!"); $sql = "INSERT INTO apostas (jogo, aposta, apostavalor, apostador, valor) VALUES ('${'jogo' . $qnt}', '${'aposta' . $qnt}', '${'apostavalor' . $qnt}', '$apostador', '$valor')"; if ($strcon->query($sql) === TRUE) { echo ""; } else { echo "Erro: Um erro ocorreu ao tentar realiza a aposta! "; } $qnt--; } header( "refresh:5;url=../index.php" ); ?> A minha dúvida é como eu gero um id para que ele monte este cupon com todos estes itens, haja visto que ele gera um id separado para cada item vendido.

Boa noite a todos. Olhem, por favor, este trecho de código: $("#E25").click(function() { setTimeout(function() { document.getElementById("ter25").id = "t25"; document.getElementById("E25").style.display = "none"; }, 2000); $(".class").draggable ({ containment: "#d1", connectToSortable: "#ter25" }); $("#ter25").droppable ({ hoverClass: "ter-ativo", drop: function() { push($(this).html()); } }); }); Eu tenho um botão de id E25. Quando clico nele, divs membras da classe class (criatividade) tornam-se arrastáveis. Essas mesmas divs podem ser "droppadas" em outra div, de id ter25. Porém, preciso que apenas uma div da classe class seja "droppada" na ter25. Então, criei uma função que muda o id da ter25 para t25. Essa funçao é executada 2 segundos após o clique no botão E25. Assim, pensei eu, as divs da classe class não vão mais poder ser "droppadas". Mas me enganei. Por quê?!!! O que determina a div droppable é seu id, e eu mudei seu id!

Eu queria selecionar/escolher dois ids neste codigo (document.getElementById('id') Tenho 2 ids, como posso colocar os dois ali ('id')?

Estou desenvolvendo um script e quero trocar a foto da cadeira conforme a pessoa digite o id da cadeira no input, no caso "banco1", ou "banco2", porém, quando eu fui fazer isso, tentei utilizar um banco[ i ].src = "banco2.jpg"; (ou banco.src[ i ], não sei qual o correto), mas tentei ambos e não funcionou. Alguém sabe como eu poderia mudar a imagem de acordo com o id que a pessoa digitou? <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> </head> <body> <h1>Teatro Guarani - Show Papas da Língua</h1> <hr> <p>Poltrona:<input id="poltrona"> <button type="button" onclick="reservarPoltrona()">Reservar</button> </p> <hr> <div id="mapa" style="font-family: 'Courier New'; font-size: 10px"> <h3>Mapa do Teatro</h3> </div> <p>Legenda: </p> <h4> <img src="banco.jpg" style="width: 25px; height: 35px">Poltrona Disponível <img src="banco2.jpg" style="width: 25px; height: 35px">Poltrona Reservada </h4> <script> var aReserva = []; montarMapa(); function montarMapa() { for (i = 1; i <= 300; i++) { var sp = document.createElement("span"); var zeros = ""; if (i<10) { zeros = "00"; } else if (i<100) { zeros = "0"; } var num = document.createTextNode("["+zeros+i+"]"); if (i % 20 == 11) { sp.style.marginLeft = "100px"; } else { sp.style.marginLeft = "5px"; } sp.appendChild(num); document.getElementById("mapa").appendChild(sp); var banco = document.createElement("img"); banco.src = "banco.jpg"; document.getElementById("mapa").appendChild(banco); banco.style.width = "35px"; banco.style.height = "40px"; banco.id = "banco" + i; if (i % 20 == 0) { var br = document.createElement("br"); document.getElementById("mapa").appendChild(br); } } } function reservarPoltrona() { var poltrona = document.getElementById("poltrona").value; var banco = document.createElement("img"); aReserva.push(poltrona); if (poltrona == "" || isNaN(poltrona) || poltrona < 1 || poltrona > 300) { if (aReserva[i] == banco[i]) { banco.src = "banco2.jpg"; banco.style.width = "35px"; banco.style.height = "40px"; } } } </script> </body> </html>

Como recupero o ID da DIV mesmo clicando em qualquer elemento dentro dela? No caso tenho UL e LI como elementos filhos da DIV. Lembrando que a quantidade e tipos de elementos dentro da DIV podem variar. <DIV id="X"> <ul> <li>Icone</li><li>Título</li> <li>Subtítulo</li> </ul> </DIV>

Olá, primeiramente um boa noite. sou novo aqui no forum e busco solução pra um problema que faz 1 semana que estou quebrando a cabeça para resolver. então vamos lá tenho esse lightbox HTML eu especifiquei o html só nos lightbox mesmo para não ficar muito grade o tópico. <div class="bgrid"> <h3 style="text-align:center;">Intelbrás AMT 2018</h3> <p style="text-align:center;">Click para abrir a imagem</p> <div class="row"> <div class="column"> <img src="servi/alarme/imodelo.png" width="200" height="100" onclick="openModal();currentSlide(1)" class="hover-shadow cursor center"> </div> </div> <div id="myModal" class="modal"> <span class="close cursor" onclick="closeModal()">×</span> <div class="modal-content"> <div class="mySlides"> <div class="numbertext">1 / 4</div> <img src="servi/alarme/a.png" style="width:100%;height:50%;"> </div> <div class="mySlides"> <div class="numbertext">2 / 4</div> <img src="servi/alarme/b.jpg" style="width:100%;height:50%;"> </div> <div class="mySlides"> <div class="numbertext">3 / 4</div> <img src="servi/alarme/c.jpg" style="width:100%;height:50%;"> </div> <div class="mySlides"> <div class="numbertext">4 / 4</div> <img src="servi/alarme/d.jpg" style="width:100%;height:50%;"> </div> <a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a> <div class="caption-container"> <p id="caption"></p> </div> <div class="column"> <img class="demo cursor" src="servi/alarme/a.png" style="width:100%" onclick="currentSlide(1)" alt="Intelbrás AMT 2018"> </div> <div class="column"> <img class="demo cursor" src="servi/alarme/b.jpg" style="width:100%" onclick="currentSlide(2)" alt="Intelbrás AMT 2018"> </div> <div class="column"> <img class="demo cursor" src="servi/alarme/c.jpg" style="width:100%" onclick="currentSlide(3)" alt="Intelbrás AMT 2018"> </div> <div class="column"> <img class="demo cursor" src="servi/alarme/d.jpg" style="width:100%" onclick="currentSlide(4)" alt=""> </div> </div> </div> <div class="service-content"> <p>discrição...</p> </div> </div> <!-- end bgrid --> <div class="bgrid"> <h3 style="text-align:center;">Central Elite 06 zonas</h3> <p style="text-align:center;">Click para abrir a imagem</p> <div class="row"> <div class="column"> <img src="servi/alarme/emodelo.png" style="width:100%" onclick="openModal();currentSlide(1)" class="hover-shadow cursor center"> </div> </div> <div id="myModal" class="modal"> <span class="close cursor" onclick="closeModal()">×</span> <div class="modal-content"> <div class="mySlides"> <div class="numbertext">1 / 4</div> <img src="servi/alarme/aa.jpg" style="width:100%;height:50%;"> </div> <div class="mySlides"> <div class="numbertext">2 / 4</div> <img src="servi/alarme/bb.jpg" style="width:100%;height:50%;"> </div> <div class="mySlides"> <div class="numbertext">3 / 4</div> <img src="servi/alarme/cc.jpg" style="width:100%;height:50%;"> </div> <div class="mySlides"> <div class="numbertext">4 / 4</div> <img src="servi/alarme/dd.jpg" style="width:100%;height:50%;"> </div> <a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a> <div class="caption-container"> <p id="caption"></p> </div> <div class="column"> <img class="demo cursor" src="servi/alarme/aa.jpg" style="width:100%" onclick="currentSlide(1)" alt="Central de Alarme Elite 6 zonas"> </div> <div class="column"> <img class="demo cursor" src="servi/alarme/bb.jpg" style="width:100%" onclick="currentSlide(2)" alt="Central de Alarme Elite 6 zonas"> </div> <div class="column"> <img class="demo cursor" src="servi/alarme/cc.jpg" style="width:100%" onclick="currentSlide(3)" alt="Central de Alarme Elite 6 zonas"> </div> <div class="column"> <img class="demo cursor" src="images/alarme/dd.jpg" style="width:100%" onclick="currentSlide(4)" alt="Central de Alarme Elite 6 zonas"> </div> </div> <div class="service-content"> <p>Discrição...</p> </div> </div> <!-- end bgrid --> CSS /*algumas config adicionais de style das páginas */ img.center { position: relative; top: 0; left: 90px; } body { font-family: Verdana, sans-serif; margin: 0; } * { box-sizing: border-box; } .row > .column { padding: 0 0px; } .row:after { content: ""; display: table; clear: both; } .column { float: left; width: 50%; } /* The Modal (background) */ .modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; } /* Modal Content */ .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; width: 90%; max-width: 500px; } /* The Close Button */ .close { color: white; position: absolute; top: 10px; right: 25px; font-size: 35px; font-weight: bold; } .close:hover, .close:focus { color: #999; text-decoration: none; cursor: pointer; } .mySlides { display: none; } .Slides { display: none; } .cursor { cursor: pointer } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: black; font-weight: bold; font-size: 20px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } /* Number text (1/3 etc) */ .numbertext { color: #000000; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } img { margin-bottom: -4px; } .caption-container { text-align: center; background-color: black; padding: 2px 16px; color: white; } .demo { opacity: 0.6; } .active, .demo:hover { opacity: 1; } img.hover-shadow { transition: 0.3s } .hover-shadow:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) } JavaScript function openModal() { document.getElementById('myModal').style.display = "block"; } function closeModal() { document.getElementById('myModal').style.display = "none"; } var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("demo"); var captionText = document.getElementById("caption"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active"; captionText.innerHTML = dots[slideIndex-1].alt; } O que acontece. tenho numa mesma página esses 2 lightbox só que o problema é um seguinte quando click no segundo lightbox abre as imagens do primeiro como se só tivesse 1 lightbox e eu gostaria que fossem individual pelo fato de ser produtos diferentes... posso estar enganado mais creio eu que pode ser os IDs mais de qualquer forma se alguém poder me ajudar Ficarei muito grato e também isso server para compartilhar também esse Ligthbox de imagem pra quem necessita. Novamente muito obrigado aguardo respostas E se precisar posso estar mandando um print do que está acontecendo.

Quero saber como enviar atraves dados atraves do modal, quando eu envio o codigo da erro ou como id indefinido no index ou variaveis nome descriçao e quantidade indefinidas como estilo ultilizo o locawebstyle //Esse é o Arquivo Alterar.php <?php include "connection.php"; $nome = $_POST['nome_equipamentos']; $quantidade = $_POST['quant_equipamentos']; $descricao = $_POST['descricao']; $id = $_GET['id']; $alterar = mysql_query("UPDATE `tb_equipamentos` SET `nome_equipamentos` = '$nome', `quant_equipamentos` = '$quantidade', `descricao_equipamentos` = '$descricao' WHERE `tb_equipamentos`.`idTB_equipamentos` = '$id'"); if($alterar){ echo '<script>alert("Dados Alterados com Sucesso");</script>'; } // echo '<script>window.location.href="listaequipamento.php"</script>'; @mysql_close("connection.php"); ?> ------------------------------------------------------------------------------------------------------------------------------------ //Esse é a parte do Modal <div class="ls-modal" id="myAwesomeModal" > <form method="post" action="alterar.php"> <div class="ls-modal-large"> <div class="ls-modal-header"> <button data-dismiss="modal">&times;</button> <h4 class="ls-modal-title">Alterar Dados do Equipamento</h4> </div> <div class="ls-modal-body" id="myModalBody" align="center"> <label><b>Nome do Equipamento:</b></label> <br><br> <input type="text" name="nome_equipamentos" autofocus required> <br><br> <label><b>Quantidade:</b></label> <br><br> <input type="number" min="1" required name="quant_equipamentos"> <br><br> <label class="ls-label"> <b class="ls-label-text">Descrição:</b> <textarea rows="12" cols="30" name="descricao" required></textarea> </label> </div> <div class="ls-modal-footer"> <button class="ls-btn ls-float-right" data-dismiss="modal">Cancelar</button> <a href="alterar.php?id=<?php echo $linha['idTB_equipamentos']; ?>" class="ls-btn-primary">Alterar Dados</a> </div> <?php }}?> </div> </form> </div> ---------------------------------------------------------------------------------------------------------------------------------------- //Aqui tem o codigo da verificação das linhas do banco <tbody> <?php $consulta = mysql_query("select * from tb_equipamentos"); if($consulta){ while($linha = mysql_fetch_assoc($consulta)){ ?> <tr> <td value="<?php ?>"> <?php echo $linha['nome_equipamentos'];?> </td> <td class="ls-ico-pencil2"> <a data-ls-module="modal" data-target="#myAwesomeModal">Alterar</a> </td> <td class="ls-ico-remove"> <a href="excluir.php?id=<?php echo $linha['idTB_equipamentos']; ?>">Excluir</a> </td> </tr> </tbody>

Tenho uma página de cadastro: cadastro.php ________________________________________ <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"/> <title>Cadastre-se - TOP Receitas</title> <link rel="stylesheet" href="css/estilo.css"/> <link rel="shortcut icon" href="imagens/favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="css/fotos.css"/> <link rel="stylesheet" href="css/form.css"/> <script> function confirma() { if(document.f1.tSenha1.value != document.f1.tSenha2.value) { alert("As senhas cadastradas são diferentes. Por favor, digite senhas iguais!"); return false; } } </script> </head> <body> <div id="interface"> <?php include_once "header.php" ?> <section id="corpo"> <h4><a href="index.php">TOP Receitas</a> > Cadastre-se</h4> <h2>CADASTRE-SE</h2> <form id="cadastro"> <fieldset><legend><b>Cadastre-se gratuitamente!</b></legend> <div> <img alt="Envie suas receitas para o site" class="icon" src="imagens/caderno.jpg"> <p class="cadastro">Envie suas receitas para o <i>site</i>.</p><br> <img alt="Crie um livro de receitas virtual com as receitas que você escolher" class="icon" src="imagens/coracao.jpg"> <p class="cadastro">Crie um caderno de receitas virtual com as receitas que você escolher.</p><br> <img alt="Envie fotos de pratos que você preparou" class="icon" src="imagens/camera.png"> <p class="cadastro">Envie fotos de pratos que você preparou.</p><br> <img alt="Comente as receitas dos outros usuários" class="icon" src="imagens/dialogo.png"> <p class="cadastro">Comente as receitas dos outros usuários.</p><br> <img alt="Participe de promoções exclusivas para usuários cadastrados" class="icon" src="imagens/chef.jpg"> <p class="cadastro">Participe de promoções exclusivas para usuários cadastrados.</p> </div> </fieldset> </form> <form name="f1" id="cadastro2" method="POST" action="cadastro.php"> <fieldset><legend><b>Dados Cadastrais</b></legend> <div> <p><input type="hidden" name="tCodigo" id="cCodigo"></p> <p class="esquerda"><b>Nome Completo*:</b> <br><input type="text" name="tNomeC" id="cNomeC" required style="width:430px;" maxlength="50" placeholder=" Digite aqui seu nome completo..."></p> <p class="esquerda"><b>Nome de Usuário*:</b> <br><input type="text" name="tNomeU" id="cNomeU" required style="width:430px;" maxlength="50" placeholder=" Digite aqui seu nome de usuário..."></p> <p class="esquerda"><b>E-mail*:</b> <br><input type="email" name="tEmail" id="cEmail" required style="width:430px;" maxlength="60" placeholder=" Digite aqui seu e-mail..."></p> <p class="esquerda"><b>Senha*:</b> <br><input type="password" name="tSenha1" id="cSenha1" required style="width:430px;" maxlength="20" placeholder=" Digite aqui sua senha..."></p> <p class="esquerda"><b>Confirmar Senha*:</b> <br><input type="password" name="tSenha2" id="cSenha2" required style="width:430px;" maxlength="20" placeholder=" Digite aqui novamente sua senha..."/></p> <p class="esquerda"><b>Data de Nascimento*:</b> <br><input type="date" name="tDataN" id="cDataN" required style="width:215px;"></p> <form> <label><b>Sexo*:</b></label> <input type="radio" name="sexo" id="sexo" required value="Masculino"> Masculino <input type="radio" name="sexo" id="sexo" value="Feminino"> Feminino<br> </form> <p class="esquerda"><b>Descrição do Perfil:</b> <br><textarea style="width:430px;height:130px;"name="tDescricao" id="cDescricao" placeholder=" Escreva um texto sobre você..." wrap="hard"></textarea></p> <form action="" method="post" enctype="multipart/form-data"> <p class="esquerda"><b>Foto Perfil:</b><br> <input type="file" value="Foto" name="arquivo" id="arquivo"></p> </form> <input type="checkbox" id="termos" required/> Eu aceito os Termos de Uso e Política de Privacidade do TOP Receitas. <br><br> <center><input type="submit" onClick="return confirma(this)" value="Cadastrar" style="width:100px; height:40px; cursor:pointer;"/></center> </form> </div> </fieldset> </section> <?php include_once "footer.php" ?> </div> </body> </html> <?php include("conexao.php"); //include("funcoes_adicionais.php"); // define variables and set to empty values $codigoErr = $nomeErr = $userNameErr = $emailErr = $senhaErr = $senhaRErr = $dataNascimentoErr = $sexoErr = $descricaoErr = ""; if ($_SERVER["REQUEST_METHOD"] == "POST") { if (empty($_POST["tCodigo"])) { $nomeErr = "Nome is required"; } else { $nome = test_input($_POST["tCodigo"]); } if (empty($_POST["tNomeU"])) { $nomeErr = "Nome is required"; } else { $nome = test_input($_POST["tNomeU"]); } if (empty($_POST["tNomeC"])) { $userNameErr = "Nome is required"; } else { $userName = test_input($_POST["tNomeC"]); } if (empty($_POST["tEmail"])) { $emailErr = "Nome is required"; } else { $email = test_input($_POST["tEmail"]); } if (empty($_POST["tSenha1"])) { $senhaErr = "Nome is required"; } else { $senha = test_input($_POST["tSenha1"]); } if (empty($_POST["tSenha2"])) { $senhaRErr = "Nome is required"; } else { $senhaR = test_input($_POST["tSenha2"]); } if (empty($_POST["tDataN"])) { $dataNascimentoErr = "Nome is required"; } else { $dataNascimento = test_input($_POST["tDataN"]); } if (empty($_POST["sexo"])) { $sexoErr = "Nome is required"; } else { $sexo = test_input($_POST["sexo"]); } if (empty($_POST["tDescricao"])) { $descricaoErr = ""; } else { $descricao = test_input($_POST["tDescricao"]); } /* echo "username = ".$userName; echo "<BR>nomecompleto = ".$nome; echo "<br> email = ".$email; echo "<br> senha = ".$senha; echo "<br> senhaR = ".$senhaR; echo "<br>dataNascimento = ".$dataNascimento; echo "<br>sexo = ".$sexo; echo "<br>descricao = ".$descricao;*/ $con = DBConnect(); $tEmail=$_POST['tEmail']; $sql = mysqli_query($con, "SELECT * FROM usuario WHERE email = '".$tEmail."'"); $row = mysqli_num_rows($sql); if($row>0){ echo "<script type='text/javascript'>"; echo "alert('E-mail já cadastrado em nosso sistema. Cadastre-se com outro e-mail!');"; echo "</script>"; return die; } else { // INSERIR NO BANCO DE DADOS $sql = "INSERT INTO usuario (codigo, userName, nome, email, senha, senhaR, dataNascimento, sexo, descricao) VALUES ('".$codigo."', '".$nome."', '".$userName."', '".$email."', '".$senha ."', '".$senhaR ."', '".$dataNascimento ."', '".$sexo ."', '".$descricao ."')"; } if ($con->query($sql) === TRUE) { ?> <script type="text/javascript"> alert("Usuário(a) [<?php echo $email ?>] cadastrado(a) com sucesso!") </script> <?php } else { echo "Error: " . $sql . "<br>" . $con->error; } // BUSCAR DO BANCO $sql = "SELECT * FROM usuario"; $result = $con->query($sql); // MOSTRAR O RESULTADO /* if ($result->num_rows > 0) { // output data of each row while($row = $result->fetch_assoc()) { echo "codigo: " . $row["codigo"]. "Nome: " . $row["nome"]. "<br>"; } } else { echo "0 results"; } */ DBClose($con); } function test_input($data) { $data = trim($data); $data = stripslashes($data); $data = htmlspecialchars($data); return $data; } ?> ______________________________________ Ele cadastra normal tudo no banco, após isso consigo realizar login pela página: login.php _______________________________________ <?php session_start(); if(isset($_SESSION['UsuarioLog'])){ header("Location: dados.php"); die(); } include_once("conexao.php"); include_once("funcoes_adicionais.php"); include_once("config.php"); if(isset($_POST['entrar'])){ $conn = DBConnect(); $email = mysqli_escape_string($conn, $_POST['email']); $senha = mysqli_escape_string($conn, $_POST['senha']); $teste = DBQuery('usuario', "WHERE email = '$email' AND senha = '$senha'"); if($teste){ $_SESSION['UsuarioLog'] = true; header("Location: dados.php"); } else { echo "<script>alert('Usuário Não Encontrado')</script>"; } } ?> <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"/> <title>Acessar Sua Conta - TOP Receitas</title> <link rel="stylesheet" href="css/estilo.css"/> <link rel="shortcut icon" href="imagens/favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="css/fotos.css"/> <link rel="stylesheet" href="css/form.css"/> </head> <body> <div id="interface"> <?php include_once "header.php" ?> <section id="corpo"> <h4><a href="index.php">TOP Receitas</a> > Login</h4> <div id="login"> <h3 id="titulo">ACESSE SUA CONTA</h3> <p>Caso você não tenha uma conta, <a href="cadastro.php"><b>cadastre-se.</b></a></p> <form name="login" method="POST" action="login.php"> <p><b>E-mail:</b> <input class="login" required type="email" name="email" style="width:200px;"/></p> <p><b>Senha:</b> <input class="login" required type="password" name="senha" style="width:200px;"/></p> <input type="checkbox" /> Lembrar senha <br> <br> <input class="botao_login" name="entrar" type="submit" value="Entrar" style="cursor:pointer;"> </form> <p><a href="esqueci_a_senha.php"><b>Esqueceu a senha?</b></a></p> </div> </section> <?php include_once "footer.php" ?> </div> </body> </html> ________________________________________ Ele realiza login normalmente, e manda o usuário para tela dados.php __________________________________________ <?php session_start(); if(!isset($_SESSION['UsuarioLog'])){ header("Location: login.php"); session_destroy(); } ?> <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"/> <title>Meus Dados - TOP Receitas</title> <link rel="stylesheet" href="css/estilo.css"/> <link rel="shortcut icon" href="imagens/favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="css/fotos.css"/> <link rel="stylesheet" href="css/form.css"/> </head> <body> <div id="interface"> <?php include_once "header.php" ?> <section id="corpo"> <h4><a href="index.php">TOP Receitas</a> > Meus Dados</h4> <h2>MEUS DADOS</h2> <?php include_once "aside.php" ?> <article id="dados"> <div class="conteudo_dados"> <div class="borda_dados"> <h3 class="dados">MEUS DADOS</h3> <p class="dados"><b>Nome Completo:</b> <input type="text" name="tNomeC" id="cNomeC" style="width:430px;" maxlength="50"/></p> <p class="dados"><b>Nome Usuário:</b> <input type="text" name="tNomeU" id="cNomeU" style="width:445px;" maxlength="50"/></p> <p class="dados"><b>E-mail:</b> <input type="email" name="tEmail" id="cEmail" style="width:505px;" maxlength="60"/></p> <p class="dados"><b>Nascimento:</b> <input type="date" name="tDataN" id="cDataN" style="width:300px;"></p> <p class="dados"><b>Sexo:</b> <input type="radio" name="sexo" id="sexo" value="Masculino"> Masculino <input type="radio" name="sexo" id="sexo" value="Feminino"> Feminino</p> <p class="dados"><b>Descrição do Perfil:</b><br> <textarea style="width:560px;height:140px"name="tDescricao"/></textarea></p> <p class="dados"><b>Boletim Informativo:</b><br> <input type="checkbox" /> Desejo receber o Boletim Informativo do TOP Receitas.</p> <p class="dados"><b>Notificações de Comentários:</b><br> <input type="checkbox" /> Desejo receber notificações quando alguém comentar em minha receita.</p> <p class="dados"><b>Notificações de Respostas:</b><br> <input type="checkbox" /> Desejo receber notificações quando meus comentários forem respondidos.</p> <br> <center><input type="submit" value="Salvar Alterações" id="alterar" name="alterar" style="font-size:14pt; cursor:pointer; width:180px; height:40px;"></center> <br> </div> </div> <div class="conteudo_dados"> <div class="borda_dados"> <h3 class="dados">MINHA SENHA</h3> </div> </div> <div class="conteudo_dados"> <div class="borda_dados"> <h3 class="dados">MINHA IMAGEM</h3> </div> </div> <div class="conteudo_dados"> <div class="borda_dados"> <h3 class="dados">DELETAR CONTA</h3> </div> </div> </article> <?php include_once "footer.php" ?> </div> </body> </html> _________________________________________ Nessa tela que não estou conseguindo meu objetivo. Gostaria que os dados cadastrados fossem mostrados nos input, e que a seguir eu conseguisse alterar e salvar esses dados, trocar foto e deletar a conta se necessário. Esses dados tem que ser do usuário que acabou de passar pelo login. Se alguém puder me dar um help, fico grato. Obrigado!

Bom dia galera, fiz um site de receitas e ele não está mostrando as receitas... site é esse http://minhasreceitas.esy.es/index.php ai quando se clica em uma receita ele puxa id via GET e talz, mais não mostra a receita... ver-receita.php: <?php include_once "header.php"; include_once("config/conexao.php"); $id = $_GET['ID']; $select = "SELECT * FROM receitas WHERE ID='$id'"; $result = mysqli_query($conn, $select); if (mysqli_num_rows($result) > 0) { while($ln = mysqli_fetch_assoc($result)) { ?> <div style=" background-color:#FFFFFF; opacity:0.8; border-radius:3px; height:auto; opacity: 0.9;"> <div class="fotoreceita"><img src="uploads/<?php echo $ln["thumb"]; ?>" width="320" height="240"></div> <div align="center" class="titulo"> <?php echo $ln["titulo"]; ?> <span style="float:right; padding-right:5px;"><small>Autor: <?php echo $ln["nome"]; ?></small></span> <div><small style="float:right; padding-right:5px;font-size:12px;"><?php echo str_replace("-", "/", inverteData($ln['data'])); ?> </small></div></div><br> <div class="fonts">- INGREDIENTES</div> <div class="descri"><?php echo $ln["ingre"]; ?> </div> <div class="fonts">- MODO DE PREPARO</div> <div class="descri"><?php echo $ln["modopreparo"]; ?> </div> <div class="fonts">- DICAS</div> <div class="descri"><?php echo $ln["descricao"]; ?> </div> </div> <?php } } include_once "footer.php"; ?> alguém ?

Olá, eu to fazendo um CRUD e na parte do altera tah dando esse erro: Erro ao executar a query: UPDATE tarefas SET titulo = 'ndghn', descricao = 'dnhn' WHERE id = -> You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '' at line 1 e dizendo: undefined index: id; nao to conseguindo resolver e provavelmente é algo simples, mas sou iniciante. quem poder me ajuda eu agradeco. Segue o codigo: <?php header ('Content-type: text/html; charset=ISO-8859-1'); ////////////////////// require("conn.class.php"); require("menu.class.php"); require("tarefa.class.php"); $obj_menu = new Menu; $menu = $obj_menu->monta(); //////////////////////////////// $id = $_POST['id']; $titulo = $_POST['titulo']; $descricao = $_POST['descricao']; $tarefa = new Tarefas; $query = "UPDATE tarefas SET titulo = '".$titulo."', descricao = '".$descricao."' WHERE id = ".$id; $sql = $tarefa->altera($query); if($sql){ $texto = "Tarefa alterada."; }else{ $texto = "Erro ao tentar alterar Tarefa."; } ?> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1"> <title>Gerenciador de Tarefas</title> </head> <body> <h3 align="center">Gerenciador de Tarefas</h3> <hr /><!--MENU--> <p align="center"><?=$menu?></p> <hr /><!--FIM MENU--> <!-------------------> <p align="center"><?=$texto?></p> </body> </html>

Criar um algoritmo que cadastre 5 bois com as informações seguintes: ID MATRICULA NO SISTEMA REGRA: ANO VIGENTE+valoraleatorio (exemplo: 2017208) PESO DO BOI RAÇA DO BOI NOME DO DONO/FAZENDA Após o cadastro faça o algoritmo analisar e informar O BOI MAIS GORDO O BOI MAIS MAGRO *se houver dois no mesmo peso mostrar os dois* MÉDIA DOS PESOS DO BOIS CADASTRADOS Alguém pode me ajudar como se faz????

Sei muito pouco sobre jquery e estou fazendo uns testes para mudar o nome da classe de um elemento html. Essa classe gera uma setinha para baixo por si própria. Ela é uma classe do font awesome. Ao clicar eu até consegui fazer a seta mudar para cima com o ATTR do jquery, mas não estou conseguindo fazer a seta voltar ao normal ao clicar novamente. Abaixo segue o código: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title></title> <script src="jquery.min.js"></script> <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> <script> $(document).ready(function(){ $(".clicar").click(function(){ $(".seta").attr('class', 'fa fa-sort-asc'); }); }); $(document).ready(function(){ $(".clicar").click(function(){ $(".seta").attr('class', 'fa fa-sort-desc'); }); }); </script> </head> <body> <h4 class="clicar"> clicar <i class="fa fa-sort-desc seta"></i> </h4> </body> </html>