Ir para conteúdo

Gelson Ventura

Members
  • Total de itens

    6
  • Registro em

  • Última visita

Reputação

0 Comum

Sobre Gelson Ventura

  1. Gelson Ventura

    Login Centralizar caixas de texto

    Bom dia, estou com dificuldades em deixar as caixas de textos alinhadas com o texto label, conforme altera o tamanho da tela (responsivo). Segue meu código <!DOCTYPE html> <html lang="pt-br"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Centralizar Login</title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <style type="text/css"> .containeri img { width: auto; height: auto; } .buttonLogin { font-family: Ubuntu-Bold; font-size: 16px; color: #fff; line-height: 1.2; text-transform: uppercase; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; padding: 0 20px; width: 100%; height: 62px; background-color: blue; border-radius: 3px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .buttonLogin:hover { background-color: #403866; } .buttonLogin:focus { background-color: #04B404; } .loginFonte { font-family: arial; font-size: 32px; font-weight:bold; color: red; line-height: 1.2; text-transform: uppercase; text-align: center; width: 100%; display: block; } .inputLogin { font-family: Ubuntu-Bold; color: #403866; line-height: 1.2; font-size: 18px; background-color: #e6e6e6; display: block; width: 100%; height: 60px; padding: 0 20px 0 38px; } @media screen and (min-width: 320px) { .centralizar {margin: 0 auto; width: 100%; /* Valor da Largura */} } @media screen and (min-width: 480px) { .centralizar {margin: 0 auto; width: 80%; /* Valor da Largura */} } @media screen and (min-width: 600px) { .centralizar {margin: 0 auto; width: 70%; /* Valor da Largura */} } @media screen and (min-width: 768px) { .centralizar {margin: 0 auto; width: 50%; /* Valor da Largura */} } @media screen and (min-width: 992px) { .centralizar {margin: 0 auto; width: 40%; /* Valor da Largura */} } @media screen and (min-width: 1200px) { .centralizar {margin: 0 auto; width: 35%; /* Valor da Largura */} } </style> </head> <body> <br/> <div class="container-fluid"> <img src="img/logoLogin2.png" alt="IPS Serviços" class="containeri center-block" /> <div class="centralizar"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" align="center"> <div class="loginFonte" align="center" style="margin-bottom: 15px">BEM VINDO AO IPSWEB</div> </div> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" align="center"> <input id="txtUsuario" class="text-uppercase inputLogin" style="margin-bottom: 15px" type="text" name="username" placeholder="Usuário" autofocus="autofocus" /> <input id="txtSenha" class="text-uppercase inputLogin" style="margin-bottom: 25px" type="password" placeholder="Senha" /> </div> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" align="center"> <button id="btnEntrar" class="btn btn-primary buttonLogin" align="center">Entrar</button> </div> </div> </div> </body> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> <script src="js/jquery-1.11.1.min.js"></script> <script src="js/bootstrap.min.js"></script> </html> Ele fica assim quando tenho uma tela grande Tela normal --> Tela pequena (gostaria que ficasse sempre assim) -----> Alinhando com o texto acima
  2. Gelson Ventura

    Datepicker dentro da janela modal

    Boa tarde, gostaria de saber como faço para usar um datepicker dentro da janela modal. (html, javascript e bootstrap) Eis meu código <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <!-- Link Calendário --> <link href="jquery-ui-1.12.1.custom/jquery-ui.css" rel="stylesheet" /> <!-- Scripts Jquery --> <script src="js/jquery-2.0.2.min.js"></script> <!-- Scripts Jquery UI --> <script src="jquery-ui-1.12.1.custom/jquery-ui.js"></script> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="js/bootstrap.min.js"></script> <script> $(function() { $("#datepicker").datepicker({ dateFormat: 'dd/mm/yy', dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado','Domingo'], dayNamesMin: ['D','S','T','Q','Q','S','S','D'], dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','---','Sáb','Dom'], monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'], monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'], minDate: -5, maxDate: "+1D" }); }); $( function() { $( "#datepicker2" ).datepicker({ dateFormat: 'dd/mm/yy', dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado','Domingo'], dayNamesMin: ['D','S','T','Q','Q','S','S','D'], dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','---','Sáb','Dom'], monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'], monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'], maxDate: "+3D" }); } ); $( function() { $( "#datepicker3" ).datepicker(); $( "#datepicker3").datepicker( "option", "showAnim", "clip" ); } ); $( function() { $( "#datepicker4" ).datepicker(); $( "#datepicker4").datepicker( "option", "showAnim", "slideDown" ); } ); $( function() { $( "#datepicker5" ).datepicker(); $( "#datepicker5").datepicker( "option", "showAnim", "fadeIn" ); } ); $( function() { $( "#datepicker6" ).datepicker(); $( "#datepicker6").datepicker( "option", "showAnim", "blind" ); } ); $( function() { $( "#datepicker7" ).datepicker(); $( "#datepicker7").datepicker( "option", "showAnim", "bounce" ); } ); $( function() { $( "#datepicker8" ).datepicker(); $( "#datepicker8").datepicker( "option", "showAnim", "drop" ); } ); $( function() { $( "#datepicker10" ).datepicker(); $( "#datepicker10").datepicker( "option", "showAnim", "slide" ); } ); </script> </head> <body> <div class="container"> <h2>Large Modal</h2> <!-- Trigger the modal with a button --> <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Large Modal</button> <!-- Modal --> <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p>This is a large modal.</p> <br/> <div class="rows"> <div class= "col-sm-3 col-md-3 col-lg-3"> <div class="form-group"> Máximo e mínimo de dias <div class="input-group date"> <input id="datepicker" type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> <div class= "col-sm-3 col-md-3 col-lg-3"> <div class="form-group"> Máximo dias <div class="input-group date"> <input id="datepicker2" type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> <div class= "col-sm-3 col-md-3 col-lg-3"> <div class="form-group"> Efeito de abertura Clip <div class="input-group date"> <input id="datepicker3" type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> <div class= "col-sm-3 col-md-3 col-lg-3"> <div class="form-group"> Efeito de abertura Slide down <div class="input-group date"> <input id="datepicker4" type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> </div> <div class="rows"> <div class= "col-sm-3 col-md-3 col-lg-3"> <div class="form-group"> Efeito de abertura Fade in <div class="input-group date"> <input id="datepicker5" type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> <div class= "col-sm-3 col-md-3 col-lg-3"> <div class="form-group"> Efeito de abertura Blind (UI Effect) <div class="input-group date"> <input id="datepicker6" type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> <div class= "col-sm-3 col-md-3 col-lg-3"> <div class="form-group"> Efeito de abertura Bounce (UI Effect) <div class="input-group date"> <input id="datepicker7" type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> <div class= "col-sm-3 col-md-3 col-lg-3"> <div class="form-group"> Efeito de abertura Drop (UI Effect) <div class="input-group date"> <input id="datepicker8" type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> </div> <div class="rows"> <div class= "col-sm-3 col-md-3 col-lg-3"> <div class="form-group"> Efeito de abertura Slide <div class="input-group date"> <input id="datepicker10" type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> </div> </body> </html> Até consigo fazer aparecer, mas não grava mais na caixa de texto e parece que fica no fundo
  3. Gelson Ventura

    Backup MySql arquivo bat

    Bom dia, gostaria se é possivel fazer um arquivo bat para backup do mysql (S.O. windows 7), para eu automatizar o processo. Consigo fazendo manual da seguinte forma (no prompt) C:\Program Files\MySQL\MySQL Server 5.7\bin>mysqldump -u root -p nomedobanco -h localhost>C:\Backup\teste2.sql E depois digitar a senha
  4. Gelson Ventura

    Separar milhar

    Perfeito, muito obrigado
  5. Gelson Ventura

    Separar milhar

    Perfeito amigo, muito obrigado. Não entendi muito bem essa parte var nvalue = Number(RemoverPonto(campo)).toLocaleString('pt-BR') Mas funcionou perfeitamente
  6. Gelson Ventura

    Separar milhar

    Gostaria de ao o usuario digitar, os números ir separando por pontos e quando terminar voltar ao normal. Consegui adicionar um ponto, mas os outros não aparecem Eis meu código; function adicionarPonto(nStr) { nStr += ''; x = nStr.split('.'); x1 = x[0]; x2 = x.length > 1 ? '.' + x[1] : ''; var rgx = /(\d+)(\d{3})/; while (rgx.test(x1)) { x1 = x1.replace(rgx, '$1' + '.' + '$2'); } return x1 + x2; } function RemoverPonto(campo) { campo.value = campo.value.replace(".", ""); campo.value = campo.value.trim(); } Html <form name="formteste"> <!--Colocamos como parametro o valor do Id e mandamos para a função DuasCasasDecimais(id)--> <strong>Digite o número (adiciona pontos):</strong><br/> <input type="text" onkeyup="this.value=adicionarPonto(this.value);" onblur="RemoverPonto(this);" /> <br/><br/> </form> Resultado: Como deveria ficar: Obrigado
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.