Ir para conteúdo

Luccas Gaulia

Members
  • Total de itens

    83
  • Registro em

  • Última visita

Reputação

1 Comum

Sobre Luccas Gaulia

  1. Ola Pessoal, Estou com um problema de validaçao... Se eu coloco campo select assim: Ele já aparece invalido, mesmo sem mexer <option value=''></option> Se eu coloco o campo select assim: Ele fica direto valido, mesmo sem mexer <option value=' '></option> (Segue imagens para entender) Porém, quero que ele só comece a validar depois de selecionar Segue o CSS dele .form-validate input:invalid, textarea:invalid, select:invalid { background: url(../img/error.png) no-repeat 98% center; border: 1px solid #ebccd1; box-shadow: 0 0 5px #d45252; color: #a94442; }
  2. Select e Deselect All (Bootstrap)

    Ola Pessoal, Preciso de uma coisas assim: Vi que esses sao do Boostrap, mas nao estou conseguindo implanta-lo em site... Vi uma resposta, para colocar isso: $('.selectpicker').selectpicker('selectAll') or $('.selectpicker').selectpicker('deselectAll'). Este modelo tem no Link dos Modelos <select class="selectpicker" multiple="" data-actions-box="true" tabindex="-98"> <option>Mustard</option> <option>Ketchup</option> <option>Relish</option> </select> <button type="button" class="btn dropdown-toggle btn-default bs-placeholder" data-toggle="dropdown" role="button" title="Nothing selected" aria-expanded="false"> <span class="filter-option pull-left">Nothing selected</span> &nbsp;<span class="bs-caret"> <span class="caret"></span> </span> </button> Mas nao sei aonde e como colocar...
  3. Modal do Bootstrap não funciona

    Iceris, Obrigado pela pergunta resolvi quando verifiquei que estava utilizando um JS no meio que estava inibindo o modal, retirando ele funcionou :P <script src="js/jquery-1.7.2.js" type="text/javascript"></script>
  4. Classes de acordo com a resolução

    Então... o Seguinte... Eu preciso que a resolução mude de acordo com o aparelho utilizado, por isso estou usando @media... até ae tudo bem... Só que, preciso que ao uso em aparelhos de Desktop, Notes e etc... fique com 80% da Resolução, não precisa esticar tudo... O restante, fique 100%... Por isso, a ideia seria utilizar a classe "se-include" e ela puxar as outras classes para ela, assim funcionaria do jeito que quero... Então, na realidade, como eu determino uma classe "pegue" todas as atribuições de outra classe? Nesta caso, Boostrap...
  5. Modal do Bootstrap não funciona

    Ola Pessoal, Com botão ele funciona, automaticamente não... <!DOCTYPE html> <html lang="en"> <head> <title>Administracion Hotel City Express</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <!-- Google fonts --> <link href='https://fonts.googleapis.com/css?family=Graduate|Pacifico' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="css/style.css" rel="stylesheet" type="text/css"/> <link href="css/menu.css" rel="stylesheet" type="text/css" /> <script src="js/jquery-1.7.2.js" type="text/javascript"></script> <script src="js/jquery.validate.js" type="text/javascript"></script> <script src="js/validacao.js" type="text/javascript"></script> <link href="../favicon.ico" rel="shortcut icon"> <script type="text/javascript"> $(document).ready(function() { $('#myModal').modal('show'); }); </script> </head> <body> <div class="container"> <div id="myModal" class="modal fade bd-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" data-backdrop="static"> <div class="modal-dialog modal-sm"> <div class="modal-content se-center"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="window.location.href='index.php?page=equipList';"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> <p></p><div class="se-alert-success"> <i class="fa fa-thumbs-o-up fa-3x"></i> </div> <div class="alert alert-success"> Enmienda Efectuada con éxito </div> <p></p> </div></div> </div> </div> </div> </body> </html>
  6. Classes de acordo com a resolução

    Ola Pessoal, Estou organizando o css e queria que a classe que fica no index (exemplo: se-include) utilizando uma classe do Bootstrap, mas de acordo com a resolução... Assim, ele colocaria a class de acordo com a resolução seria o tamanho do Bootstrap.... Não esta funcionando, então poderiam me ajudar? /** Smarthphones no formato "retrato" **/ @media screen and (min-width: 480px) and (orientation:landscape){ html{ font-size: 14px; } .btn{ font-size: 12px; } .se-include, .col-md-12{ } } /** Tablets e Smarthphones de segunda geração **/ @media screen and (max-width: 780px) and (orientation:portrait){ html{ font-size: 14px; } .se-include, .col-md-12{ } } /** Desktops, Laptops e TVs. **/ @media screen and (min-width: 780px){ html{ font-size: 16px; } .se-include, .col-md-8, .col-md-offset-2 { } }
  7. JQUERY = Validação incompleta (ajuda)

    Ola Pessoal, Segue o LINK: http://www.pretechmobile.com/templates/form/ Assim será melhor explicado... Preencha o primeiro campo, assim que preencher alguns caracteres o campo já dá um "ok" (icone no lado direito)... Porém, quando saí, ele não fica com o fundo verde de input validado, pois não estou conseguindo fazer essa função, porém tenho o local que preciso colocar isso... Vai direto para o próximo div e não consigo colocar uma class para validar esse fundo depois de estiver ok... Funciona corretamente, mas não faz essa validação de class... $().ready(function(){ var validator = $("#form").bind("invalid-form.validate",function(){ $("#msg").html("Este formulari tem "+ validator.numberOfInvalids()+" erro(s)"); }).validate( { errorElement:"el", errorPlacement: function(error,element){ element.parent("div.se-form-element").addClass("se-form-validate-error").next("div.se-validate-text-error").html(error); }, success: function (input){ input.removeClass("se-form-validate-error").addClass("glyphicon glyphicon-ok"); }, submitHandler: function(form){ form.submit(); }, A ideia seria mais ou menos assim, mas não sei como fazer isso na função element.parent("div.se-form-element").removeClass("se-form-validate-error").addClass("se-form-validate-sucess");
  8. Aparecer o titulo mesmo com input invalido

    A validação eu tenho.... já fiz... verifica no link... O que eu quero é que o nome suba e FIQUE, mesmo invalido... pois valido ele fixa... Assim ele fixa... mas quando não é valido, pois o usuario parou de preencher o campo email, ele some... E não quero colocar o "invalid" pois assim ficar SEMPRE aparecendo e não é a ideia input:valid + label
  9. Aparecer o titulo mesmo com input invalido

    Pessoal, Algo tipo esse... mas não seria visited... uma função (tipo hover) mas quando preenche-se qualquer valor ficar fixo... input:visited + label input:NÃO SEI + label Bem, a coisa é tão simples se tivesse uma função no css que não precisaria de mais nada...
  10. Aparecer o titulo mesmo com input invalido

    Ola Pessoal, Seguinte, eu tenho um campo (input) que quando passo o mouse, ele sobe o "nome" do input. Até funciona corretamenta... Quando utilizo type="text" funciona corretamente pois ele considera tudo valido a partir de qualquer preenchimento... Agora, quando utilizo por exemplo type="email", e não preencho com aa@a., e saiu antes de colocar um email valido, o nome de cima some... ae vêem minha luta desde terça feira... .se-form-element input:valid + label { top: -40px; color: black; font-size: 10px; } Assim, ele funciona corretamente quando valido... Agora.... quando esta invalido porém ainda preencheu, é isso que preciso resolver... Segue o link para visualizar melhor (preencha um email invalido e saia do campo): Exemplo
  11. Ola Pessoal, Segue o LINK: http://www.pretechmobile.com/templates/templateInsert.html Seguinte, eu coloquei dois códigos para funcionar, um é quando a pessoa começa escrever e o nome do LABEL sobe para parte superior. Outro é quando verifica a validação dos campos... Quando faço separado, funciona corretamente, quando executo a validação, ele desativa o preenchimento e a subida do nome quando preenchido. Alguem pode me ajudar? Firefox fica correto...
  12. Livros e Curso Online de Java Script sugerido por vocês

    Adorei todas essas sugestões!!! Obrigado
  13. Ola Pessoal, Gostaria de saber quais livros eu compro/internet e cursos online me indicam para aprender java script... Bons!!!! Att,
  14. Executa sem clicar, alguem pode ajudar?

    Caminhando com o código, cheguei em outro problema... Um funcionado e o outro não (function mySucess não funciona) <script type="text/javascript"> $(document).ready(function() { var classname1 = document.getElementsByClassName("btn-sucess"); var classname2 = document.getElementsByClassName("btn-danger"); for (var i = 0; i < classname1.length; i++) { classname1[i].addEventListener('click', mySucess, false); } for (var i = 0; i < classname2.length; i++) { classname2[i].addEventListener('click', myDanger, false); } }); </script> <script type="text/javascript"> function mySucess() { var value_id = $(this).data('value'); alert(value_id); jQuery.ajax( { type: "POST", data: { input_value : value_id }, success: function(data,status,xhr) { // Check the output of ajax call on firebug console console.log(data); <?php $update = $datasource->acceptNewCustomer($user_id,1,utf8_decode($_POST['input_value'])); if ($update == 'OK') { ?> alert('Cliente agregado correctamente'); location.reload(); <?php }else { ?> alert('Error al agregar cliente'); <?php } ?> }, error: function () { alert("error"); } }); }; </script> <script type="text/javascript"> function myDanger() { var value_id = $(this).data('value'); alert(value_id); jQuery.ajax( { type: "POST", data: { input_value : value_id }, success: function(data,status,xhr) { // Check the output of ajax call on firebug console console.log(data); <?php $update = $datasource->denyNewCustomer($user_id,2,utf8_decode($_POST['input_value'])); if ($update == 'OK') { ?> alert('Cliente eliminado correctamente'); location.reload(); <?php }else { ?> alert('Error al eliminar cliente'); <?php } ?> }, error: function () { alert("error"); } }); }; </script>
  15. Executa sem clicar, alguem pode ajudar?

    Ajuda eu?
×

Informação importante

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

Este projeto é mantido e patrocinado pelas empresas:
Hospedado por: