Jump to content

lucashenrique175

Members
  • Content count

    7
  • Joined

  • Last visited

Community Reputation

1 Comum

About lucashenrique175

Recent Profile Visitors

297 profile views
  1. lucashenrique175

    [Resolvido] Alert JavaScript

    Olá, infelizmente não tive êxito dessa forma. Mas pesquisando achei outra janela modal a qual obtive sucesso na minha aplicação. Desde já agradeço por sua atenção. Obg!
  2. lucashenrique175

    [Resolvido] Alert JavaScript

    Estou começando agora com Javascript, mas acho interessante a janela modal em casos de confirmação e em casos de sucesso. Mas estou estudando todas as possibilidades de usa-la. Dei uma olhada naquele JqueryValidation e achei muito interessante. Vou dar uma estudada. Muito obg pela dica!
  3. lucashenrique175

    [Resolvido] Alert JavaScript

    Olá pessoal, Estou com um problema... Sou muito leigo em javascript e comecei a estudar tem pouco tempo. Estava querendo substituir os alerts por uma janela modal mais bonita. Consegui achar um código na internet que auxilia muito nisso. Peguei ele e estou tentando aplicar no meu script. Nesse código ao ser clicado em um link ou um botão, ele pega a class ou id dos mesmos e abre a janela, sendo uma janela simples de alerta ou uma janela de confirmação só que estilizadas. No meu código estou tentando validar os dados enviados do formulário e, caso o campo não for preenchido, ao invés de mostrar o convencional alert, estou tentando implementar essa janela modal. Eu até consegui fazer que ela apareça caso o campo não esteja preenchido. O problema é que tenho que se dou um clique nada acontece, mas quando dou o segundo clique ela aparece normalmente, dai em diante ela funciona normalmente, mas se atualizo a pagina tenho que dar dois cliques para que funcione. E se preencho o nome ela também aparece. Se alguém souber e poder me ajudar ficaria grato. <!DOCTYPE html> <html lang="pt-br"> <head> <title>Alert - Testes</title> <meta charset="UTF-8" /> <meta name="viewport" content="widht=device-widht, initial-scale=1"> <script src="m2br.dialog.pack.js"></script> <script src="m2br.dialog.js"></script> <link rel="stylesheet" type="text/css" href="m2br.dialog.css" /> </head> <body> <form action="" method="post" name="form" onsubmit="return Validar();"> <input type="text" name="nome"> <input type="submit" value="enviar" name="enviar" class='enviar'> </form> <script> function Validar(){ var nome = form.nome.value; if (nome == "") { $('.enviar').m2brDialog({ tipo : 'erro', largura : 300, altura : 100, titulo : 'Alerta!', texto : '<h3>Erro ao enviar os dados</h3> <div class="text">Por favor, preencha o campo nome!</div>' }); return false; } }; </script> </body> </html>
  4. lucashenrique175

    Return False não funciona

    Olá, Estou com o seguinte problema... Antes de deletar um registro, estou fazendo uma pergunta de confirmação. O problema é que se clico em cancelar ainda sim o registro é deletado, mesmo colocando return false. Queria que ao clicar em cancelar a confirmação eu permanecesse na mesma página, mas não sei o porque desse erro. Desde já agradeço sua atenção. Segue o código abaixo: <a href='<?php echo "deletar.php?acao=deletar&id=$id"?>' class="del"> <script> $(document).ready(function(){ $(".del").click(function(){ var resposta = confirm("Tem certeza que deseja deletar esse registro?"); if (resposta == true){ return true; }else{ return false; } }); }); </script>
  5. lucashenrique175

    JQUERY ATTR

    Olá Eziquiel, Muito obrigado! Seu código funcionou perfeitamente. Mais uma vez, muito obrigado! Entendi perfeitamente!
  6. lucashenrique175

    JQUERY ATTR

    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>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.