Luccas Gaulia

Solução Como criei uma `Página com algumas edições utilizando AJAX, coloquei isso em todos os forms $(".defaultForm").submit(function(ev) { ev.preventDefault(); }); Segue também uma sugestão para se trabalhar em ajax // AJAX - Deletar $(document).on("click", "#deleteEquip", function() { var dados = { buttonAcess: $('#acessDeleteEquip').val(), admin_id: $('#admin_id').val(), } $.ajax({ url : "php_action/equip.php", type: "POST", data: dados, async : true, cache : false, dataType : 'html', contentType: "application/x-www-form-urlencoded;charset=UTF-8", success: function(data) { console.log(data); table.ajax.reload(); $('#modal-title').html('<i class="fa fa-trash-alt ze-icon-g" aria-hidden="true"></i> Deletar'); var obj = $.parseJSON(data); if(obj.sucess){ $("#modal-body-info").html("<div class='alert alert-success ze-center'>" + obj.messages + "<br><i class='fas fa-thumbs-up ze-icon-g'></i></div>"); } else{ $("#modal-body-info").html("<div class='alert alert-danger ze-center'>" + obj.messages + "<br><i class='fas fa-thumbs-down ze-icon-g'></i></div>"); } $('#modal-footer-button').html(''); $("#myModalMessage").modal("show"); }, error: function(error) { console.error(error); $('#modal-title').html('<i class="fa fa-trash-alt ze-icon-g" aria-hidden="true"></i> Deletar'); $("#modal-body-info").html("<div class='alert alert-danger ze-center'>Erro: Envio (AJAX)<br><i class='fas fa-thumbs-down ze-icon-g'></i></div>"); $('#modal-footer-button').html(''); $("#myModalMessage").modal("show"); } }); }); // AJAX - Deletar - End if($buttonAcess == "acessDeleteEquip"){ $update = $datasource->deleteSelectedEquip($admin_id); if($update) { $validator['sucess'] = true; $validator['messages'] = "Sucesso: Registro deletado"; } else { $validator['sucess'] = false; $validator['messages'] = "Erro: Alguma informação incorreta"; } }

Ola, Não entendi ainda porque não envia via POST os dados no AJAX, vai direto para o error, e abre o Modal dizendo que houve o erro e rapidamente direciona para a página, mesmo esse modal não sendo para isso... Coloquei o Alert e ele faz a mesma coisa, abre o Alert de Error e direciona para página... Não estou utilizando a url:, pois o caminho é o mesma da página e mesmo utilizando, nada muda... colocando em outro php e chamando, também dá erro. Preciso entender sobre essa situação para enviar meus dados via POST e ajax $(document).on("click", '#updateStatusEquip', function() { $.ajax({ type: "POST", data: { value_id : $('#admin_id').val() }, success: function(data) { // Check the output of ajax call on firebug console console.log(data); $(".modal-body-info").html("Sucesso: Status do Registro alterado com sucesso"); $("#myModalMessage").modal("show"); }, error: function () { $(".modal-title").html("Erro"); $(".modal-body-info").html("Erro: Registro não foi inserido"); $("#myModalMessage").modal("show"); } }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <!-- Modal - Message --> <div class="modal fade" id="myModalMessage" tabindex="-1" role="dialog" aria-labelledby="myModalMessage"> <form method="post" id="ze-form" > <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title"></h4> <button type="button" class="close" id="reloadTable" data-dismiss="modal" aria-label="Fechar"><span aria-hidden="true">&times;</span></button> </div> <div class="modal-body"> <div class="modal-body-info"> <b>Registro de:</b><br>Jonhy<input type="hidden" name="admin_id" id="admin_id" value="2"><br><b>Têm certeza que deseja alterar o status desse registro?</b><br>Poderá não ser capaz de acessar o Sistema</div> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" id="reloadTable" data-dismiss="modal">Fechar</button> <div class="modal-footer-button"><button type="submit" name="updateStatusEquip" id="updateStatusEquip" title="Alterar..." class="btn btn-warning">Alterar <i class="fas fa-level-up-alt ze-icon-m"></i><i class="fas fa-level-down-alt ze-icon-m"></i> </button></div> </div> </div> </div> </form> </div>

O DataTables está funcionando, todos os Buttons funcionam e chamam a tabela, estou utilizando load para abrir a tabela por ajax, faz o reload normalmente, porém as demais ações não, como: Paginação, clica na página 2, muda as descrições abaixo e o número da página, mas não muda as linhas; Buscar, não funciona, porém utilizando uma busca externa com myFunction de uma coluna, funciona; Ordenar, não funciona, o ícone até muda para baixo ou para cima... O que estou entendendo que os valores puxados pelo Ajax da lista gerado pelo PHP estão estáticas e nada muda. Quando utilizava o foreach dentro da página e listava tudo, funciona corretamente... Estava querendo separar para poder trabalhar com reload e colocar inserir e editar com modais sem precisar atualizar a página. equipAll.php <?php include '../datasourceGestao.php'; $datasource = new datasource(); $result = $datasource->getAllEquip(); $row = array(); foreach ($result as $array) { $row[] = array('admin_id' => $array['admin_id'], 'first_name' => $array['first_name'], 'last_name' => $array['last_name'], 'email' => $array['email'], 'gender' => $array['gender'], 'birth_date' => $datasource->invertDate($array['birth_date']), 'telephone' => $array['telephone'], 'mobile' => $array['mobile'], 'nivel' => $array['nivel'], 'status' => $array['status'] ); } $output = array( "draw" => intval($_POST["draw"]), "iTotalRecords" => count($row), "iTotalDisplayRecords" => count($row), "aaData" => $row ); $response = json_encode($output); echo $response; ?> $(document).ready(function () { var table = $('#myTable').DataTable( { dom: 'Bfrtip', processing:true, serverSide:true, ajax:{ "url": "php_action/equipAll.php", "type":"POST" }, autoWidth: false, responsive: true, orderCellsTop: true, bFilter: true, fixedHeader: false, deferRender: true, pagingType: "full_numbers", lengthMenu: [ [ 10, 25, 50, -1 ], [ '10 linhas', '25 linhas', '50 linhas', 'Todos' ] ], searching: true, select: true, select: { style: 'multi+shift', }, columns: [ { data: 'admin_id' }, { data: 'action' }, { data: 'first_name'}, { data: 'last_name' }, { data: 'email' }, { data: 'gender', "defaultContent": "", "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) { if("1"==sData){ $(nTd).html("<i class='fas fa-venus ze-icon-m'></i>"); } else if("2"==sData){ $(nTd).html("<i class='fas fa-mars ze-icon-m'></i>"); } else{ $(nTd).html("<i class='fas fa-venus-mars ze-icon-m'></i>"); } } }, { data: 'birth_date' }, { data: 'telephone' }, { data: 'mobile' }, { data: 'nivel', "defaultContent": "", "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) { if("1"==sData){ $(nTd).html("<i class='fas fa-user-tie ze-icon-m'></i>"); } else{ $(nTd).html("<i class='fas fa-user ze-icon-m'></i>"); } } }, { data: 'status', "defaultContent": "", "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) { if("2"==sData){ $(nTd).html("<i class='fas fa-toggle-on ze-icon-m'></i>"); } else{ $(nTd).html("<i class='fas fa-toggle-off ze-icon-m'></i>"); } } } ], columnDefs: [ { "targets": [ 0 ], "visible": true, "searchable": true, "data": "admin_id" }, { "targets": [ 1 ], "data": null, "defaultContent": "<div class='btn-group' role='group' aria-label='Button group with nested dropdown'><div class='btn-group' role='group'><button id='btnGroupDrop1' type='button' class='btn btn-secondary dropdown-toggle' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'><i class='fas fa-cogs ze-icon-m' aria-hidden='true'></i></button><div class='dropdown-menu' aria-labelledby='btnGroupDrop1'><button type='button' class='btn btn-link' id='Detail' name='Detail'><i class='fas fa-eye ze-icon-m' aria-hidden='true'></i></button><button type='button' class='btn btn-link' id='Edit' name='Edit'><i class='fas fa-edit ze-icon-m'></i></button><button type='button' class='btn btn-link' id='confirmDelete' name='confirmDelete'><i class='fas fa-trash-alt ze-icon-m'></i></button><button type='submit' class='btn btn-link' id ='confirmStatus' name='confirmStatus'><i class='fas fa-toggle-on ze-icon-m'></i></button></div></div></div> " }, { "targets": [ 2 ], "visible": true, "searchable": true, "data": "first_name" }, { "targets": [ 3 ], "visible": true, "searchable": true, "data": "last_name" }, { "targets": [ 4 ], "visible": true, "searchable": true, "data": "email" }, { "targets": [ 5 ], "visible": false, "searchable": true, "data": "gender", }, { "targets": [ 6 ], "visible": false, "searchable": true, "data": "birth_date" }, { "targets": [ 7 ], "visible": false, "searchable": true, "data": "telephone" }, { "targets": [ 8 ], "visible": false, "searchable": true, "data": "mobile" }, { "targets": [ 9 ], "visible": false, "searchable": true, "data": "nivel" }, { "targets": [ 10 ], "visible": false, "searchable": false, "data": "status" } ], buttons: [ { extend: '', text: '<i class="fa fa-user-plus ze-icon-gg" style="color:blue;"></i>', titleAttr: 'Novo Registro', action: function (e, node, config){ $('#myModalInsert').modal('show') } }, { extend: 'pageLength', text: '<i class="fas fa-list-ol ze-icon-gg" style="color:purple;"></i>', titleAttr: 'Mostrar', }, { extend: 'copyHtml5', text: '<i class="fas fa-copy ze-icon-gg" style="color:gray;"></i>', titleAttr: 'Copiar', key: { key: 'c', altKey: true }, exportOptions: { modifier: { page: 'current', columns: ':visible' } } }, { extend: 'excelHtml5', text: '<i class="fas fa-file-excel ze-icon-gg" style="color:green;"></i>', titleAttr: 'Excel', exportOptions: { modifier: { page: 'current', columns: ':visible' } } }, { extend: 'pdfHtml5', text: '<i class="far fa-file-pdf ze-icon-gg" style="color:red; background-color:transparent;"></i>', titleAttr: 'PDF', orientation: 'A4', //portrait or landscape alignment: 'center', pageSize: 'LEGAL', exportOptions: { columns: ':visible' } }, { extend: 'print', text: '<i class="fas fa-print ze-icon-gg" style="color:orange;"></i>', titleAttr: 'Print', exportOptions: { columns: ':visible' } }, { extend: 'colvis', text: '<i class="fas fa-columns ze-icon-gg"></i>', titleAttr: 'Alterar Colunas Visiveis', "columns": ':not(.noVis)' }, { extend: 'selectNone', text: '<i class="fas fa-th ze-icon-gg"></i>', titleAttr: 'Remover todos os selecionados' }, { extend: 'selectRows' , text: '<i class="fas fa-minus ze-icon-gg"></i>', titleAttr: 'Selecionar linha(s)' }, { extend: 'selectColumns', text: '<i class="fas fa-th-large ze-icon-gg"></i>', titleAttr: 'Selecionar coluna(s)' }, { extend: 'selectCells', text: '<i class="fas fa-object-group ze-icon-gg"></i>', titleAttr: 'Selecionar celula(s)' } ], language: { "decimal": "", "emptyTable": "Não avaliação deste registro", "info": "Mostrar de _START_ a _END_ de _TOTAL_ registros", "infoEmpty": "Mostrar 0 de 0 de 0 registros", "infoFiltered": "(Total de _MAX_ registros de entradas)", "infoPostFix": "", "thousands": ",", "lengthMenu": "Mostrar _MENU_ registros", "loadingRecords": "Carregando...", "processing": "Processando...", "search": "Buscar:", "zeroRecords": "Não há registros", "paginate": { "first": "<<", "last": ">>", "next": ">", "previous": "<" }, "loadingRecords": '&nbsp;', "processing": 'Processando...', "aria": { "sortAscending": ": Coluna ativa em ordem ascendente", "sortDescending": ": Coluna ativa em ordem descendente" }, "select": { "rows": { "_": "(Selecionado %d linhas)", "0": "(Nenhuma linha selecionada)", "1": "(Selecionado 1 linha)" }, "columns": { "_": "(Selecionado %d colunas)", "0": "(Nenhuma coluna selecionada)", "1": "(Selecionado 1 coluna)" } }, "buttons": { "copy": "Copiar para a área de transferência", "copyTitle": "Cópia bem sucedida", "copySuccess": { "1": "Uma linha copiada com sucesso", "_": "%d linhas copiadas com sucesso" } } } }); <table id="myTable" class="table table-striped table-hover display nowrap dataTable" cellspacing="0"> <thead class="thead-dark"> <th class="ze-center" data-priority="1">ID</th> <th class="ze-center" data-priority="1">Opções</th> <th class="w-50" data-priority="1">Nome</th> <th class="w-50" data-priority="1">Sobrenome</th> <th class="ze-center">E-mail</th> <th class="ze-center">Gênero</th> <th class="ze-center">Dt Nasc.</th> <th class="ze-center">Telefone</th> <th class="ze-center">Mobile</th> <th class="ze-center">Nivel</th> <th class="ze-center">Status</th> </thead> <tbody> <?php if (count($result) == 0) { ?> <td colspan="4">Não há Membros Cadastrados</td> <?php } else { foreach ($result as $array) { ?> <tr> <td><?php echo utf8_encode($array['admin_id']); ?></td> <td> </td> <td class="ze-left"> <?php echo utf8_encode($array['first_name']); ?> </td> <td><?php echo utf8_encode($array['last_name']); ?></td> <td><?php echo utf8_encode($array['email']); ?></td> <td><?php echo ($array['gender'] == 1 ? "Masculino" : "Feminino"); ?></td> <td><?php echo utf8_encode($array['birth_date']); ?></td> <td><?php echo utf8_encode($array['telephone']); ?></td> <td><?php echo utf8_encode($array['mobile']); ?></td> <td><?php echo utf8_encode($array['nivel']); ?></td> <td><?php echo utf8_encode($array['status']); ?></td> </tr> <?php } } ?> </tbody> <tfoot class="thead-dark"> <th class="ze-center">ID</th> <th class="ze-center">Opções</th> <th>Nome</th> <th>Sobrenome</th> <th class="ze-center">E-mail</th> <th class="ze-center">Gênero</th> <th class="ze-center">Dt Nasc.</th> <th class="ze-center">Telefone</th> <th class="ze-center">Mobile</th> <th class="ze-center">Nivel</th> <th class="ze-center">Status</th> </tfoot> </table>

Ainda não consegui... Poderiam me ajudar? Estou tentando trabalhar com o banco de dados conectado externamento (Mysql Front), pois a velocidade de manuseio é melhor. Porém não consigo conectar ao meu servidor na goddady Já inseri meu IP no MySQL® remoto; Já criei o banco de dados e o usuário; Já vinculei os dois (banco de dados e usuário); No MysqlFront eu coloquei host name (meu domínio, sem www), db name, db username, db password E mesmo assim, aparece o erro no Mysql Front dizendo que foi negado (erro #1045), acesso negado ao usuário e senha.

O mesmo problema que eu, Não consigo resolver, o Adicionar Campo funciona, porem o selectpicker não aparece... parece que ele precisa fazer um "load" para funcionar... Alguma alma caridosa pode nos ajudar? Resoolvido: $('.selectpicker').selectpicker('refresh'); Att,

Consegui, Para ajudar os próximo, coloque isso no BODY e altere as classes para as suas... <script type="text/javascript"> $(document).ready(function() { $(".service-info").hide(); $("ul.services-aba li:first").addClass("services-aba-active").show(); $(".service-info:first").show('slow'); $("ul.services-aba li").click(function() { $("ul.services-aba li").removeClass("services-aba-active"); $(this).addClass("services-aba-active"); $(".service-info").hide(); var activeaba = $(this).find("a").attr("href"); $(activeaba).fadeIn('slow'); return false; }); }); </script>

Pessoal, Seguinte, estou utilizando uma página com ancora em "abas", porém quando clico no link dentro da ABA ele abre certinho mais puxa para o TOP da página o id correspondente, e assim prejudica o MENU que está fixo na parte de cima (pois corre a página) Gostaria de saber se têm como ao clicar no âncora do link, ele direcionar para uma posição definida. Pois o que acontece é ele levar o div #id até o topo do navegador.

Encontrei essa função no CSS, mas ainda não consegui aproveita-la (não sei se resolverá) -webkit-user-select: none; /* Safari 3.1+ */ -moz-user-select: none; /* Firefox 2+ */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Standard syntax */

Sim, Eu identifiquei isso, só não sei como ele utiliza ancora, sem ele aparecer na URL lá em cima, e muito menos arrastar o navegador ao encontro do ID... como se ele anula-se a função do ancora de direcionar... apenas abrindo.

Esse exemplo das abas é a melhor forma de explicar... http://www.sonddenge.com.br/index.html#servicos A ideia é a mesma É como se clica-se na Ancora e nem mexia a página.... tira essa função do ancora de levar o ID até o top do navegador

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

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; }

Ola Pessoal, Estou terminando um aplicativo e não estou conseguindo descarregar no meu IPAD, poderiam me ajudar? Quando tento descarregar o aplicado no meu ipad, aparece esse erro aqui: Imposible descargar la app "X" no se puede descargar por ahora Alguém pode passar algum modelo para transição do download do aplicado para instalação no IPAD... Att,

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>

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>

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

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 { } }

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");

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

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

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

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

Adorei todas essas sugestões!!! Obrigado

Ola Pessoal, Gostaria de saber quais livros eu compro/internet e cursos online me indicam para aprender java script... Bons!!!! Att,

Ola Pessoal, Esta executando apenas atualizando o site, seria apenas utilizado quando clica-se no link, alguem poderia me ajudar? <a id="acceptButton" class="btn btn-success btn-block" data-value="<?php echo utf8_encode($array['folio_number']); ?>">Aceptar <i class="fa fa-check"></i></a> <script type="text/javascript"> $(document).ready(function() { $(document).on("click", ".btn-success", function(e) { e.preventDefault(); var value_id = $(this).data('value'); 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>