Ir ao conteúdo
  • Cadastre-se

Mizrain Phelipe Sá

Membro Pleno
 Perfil  Explorar Conteúdo

  • Posts

    71

  • Cadastrado em

  • Última visita

 Tipo de conteúdo 

Tudo que Mizrain Phelipe Sá postou

  1. Mizrain Phelipe Sá
    Tenho um gráfico do Google Charts que funciona perfeitamente trazendo os dados do banco através do ajax, porém tentei fazer o mesmo com o Charts.js e não consigo. Gostaria de saber como eu faço para colocar dados reais no gráfico do Charts.js aproveitando as minhas function get já criadas para o outro gráfico. // ESTA E A FUNCTION DO GRAFICO GOOGLE CHARTS QUE FUNCIONA, COM AS "CONST" TRAZENDO OS DADOS async function drawChart15() { const qtndVitimas = await GetQuantidadeVitimas() const qtndAutores = await GetQuantidadeAutor() const container = document.querySelector('#graficoGoogle16') const data = new google.visualization.arrayToDataTable([ ['Legendas', 'Abril', 'Agosto', "Setembro", "Novembro", "Dezembro"], [qtndVitimas, qtndVitimas, qtndAutores, qtndVitimas, qtndAutores, qtndVitimas], ]) const options = { height: 250, width: 500 } const chart = new google.visualization.ColumnChart(container) chart.draw(data, options) } Agora vou mostrar as duas function que eu criei para puxarem os dados pelo ajax. // AMBAS FUNCTION ESTÃO TRAZENDO OS DADOS CORRETAMENTE async function GetQuantidadeVitimas() { let qtnd_vitimas = 0 const url = `/Vitima/AjaxQuantidadeVitimas` try { const resposta = await fetch(url); const resultado = await resposta.json(); qtnd_vitimas = resultado } catch (e) { console.error(e); } return qtnd_vitimas; } async function GetQuantidadeAutor() { let qntd_Autores = 0 const url = `/Autor/AjaxQuantidadeAutores` try { const resposta = await fetch(url); const resultado = await resposta.json(); qntd_Autores = resultado } catch (e) { console.error(e); } return qntd_Autores; } Essas duas funções retornam a quantidade de vitimas e autores cadastrados no banco de dados. Irei mostrar o passo a passo do GetNumeroVitimas(). //aqui pegando os dados do banco public int GetNumeroVitimas() { using (IDbConnection cn = ConnectionAnaliseCriminal) { try { cn.Open(); string query = "SELECT COUNT(TP_VITIMA.COD_VITIMA)" + " FROM [dbo].[TP_VITIMA] " + " WHERE TP_VITIMA.[DT_EXCLUSAO_LOGICA] IS NULL "; return cn.Query<int>(query).SingleOrDefault(); } finally { cn.Close(); } } } //Passa pela ControllerBase protected int NumeroVitimas(int codFormulario) => new VitimaDados().GetNumeroVitimas(GetCodCrimeByCodFormulario(codFormulario)); // dps a "VitimaController onde e add a viewbag e o ajax ViewBag.NumeroVitimas = NumeroVitimas(codFormulario); [HttpGet] public JsonResult AjaxQuantidadeVitimas() { return Json(new VitimaDados().GetNumeroVitimas()); } Agora eu queria fazer a mesma coisa com o gráfico do Charts.js para mostrar os dados reais vindo do banco porém não estou conseguindo. Alguém sabe como resolver? // SCRIPT PURO DO CHARTS.JS PORÉM EU QUERO INSERIR NA "DATA" OS MEUS DADOS VINDO DO BANCO PELO AJAX, ASSIM COMO FIZ NO OUTRO GRÁFICO, PORÉM NÃO ESTOU CONSEGUINDO var ctx = document.getElementById('myChart'); var chart = new Chart(ctx, { type: 'bar', data: { labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], datasets: [{ label: 'titulo grafico', data: [1, 2, 3, 4, 5, 6], borderColor: 'rgba(77,166,253,0.85)', backgroundColor: 'red', }, ] }, });
  2. Mizrain Phelipe Sá
    Tenho esse código para gráfico, porém gostaria de saber os princípios básicos para mudar os dados fixos por dados reais vindo do banco de dados de um sistema, utilizando o visual studio, como eu faria para colocar isso no "data" do gráfico? <html> <head> <title></title> </head> <body> <canvas id="myChart"></canvas> <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script> </body> </html> var ctx = document.getElementById('myChart').getContext('2d'); var chart = new Chart(ctx, { // The type of chart we want to create type: 'line', // The data for our dataset data: { labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'], datasets: [{ label: 'My First dataset', backgroundColor: 'rgb(255, 99, 132)', borderColor: 'rgb(255, 99, 132)', data: [0, 10, 5, 2, 20, 30, 45] }] }, // Configuration options go here options: {} });
  3. Mizrain Phelipe Sá
    @Adriano_web Funciono perfeitamente, obrigado!
  4. Mizrain Phelipe Sá
    Ola, estou com um problema de alinhamento, pois não consigo alinhar um elemento para ele ficar fixo na esquerda da sua div, já utilizei "flex-end" e tbem não foi, alguém sabe como faço? Gostaria de alinhar o bloco dos Icones no lado esquerdo. <div class="main-content-title row"> <div style="background-color: #e0f2f1; padding: 1em;"><img src="~/images/SSP.png" width="70" /></div> <div style="display:flex;flex-wrap:wrap; margin-left: 1.3em;"> <h2 class="styleTitulo">Bem vindo:</h2>&nbsp;&nbsp;<span class="material-icons" style="padding-top: 1.3em;font-size: 2em;">person</span><h3 class="styleUsuario">@ViewBag.usuarioLogado</h3> </div> <div class=""> <button class="btn pmd-btn-fab pmd-btn-flat pmd-ripple-effect btn-default" type="button"><i class="material-icons pmd-sm">add</i></button> <button class="btn pmd-btn-fab pmd-btn-flat pmd-ripple-effect btn-primary" type="button"><i class="material-icons pmd-sm">star</i></button> <button class="btn pmd-btn-fab pmd-btn-flat pmd-ripple-effect btn-info" type="button"><i class="material-icons pmd-sm">info</i></button> <button class="btn pmd-btn-fab pmd-btn-flat pmd-ripple-effect btn-success" type="button"><i class="material-icons pmd-sm">check</i></button> </div> </div> .main-content-title { background-color: #fff; /*padding: 1em;*/ display: flex; } .styleTitulo { margin: 0; font-size: 3em; text-shadow: 1px 1px 10px rgba(130, 130, 130, 0.5); font-family: 'Roboto', sans-serif; padding-top: 0.5em; } .styleUsuario { margin: 0; font-size: 1.6em; text-shadow: 1px 1px 10px rgba(130, 130, 130, 0.5); padding-top: 1.7em; margin-left: 0.3em; }
  5. Mizrain Phelipe Sá
    Tenho um Form com dados para serem salvos, porém quando vou salvar no browser do google o form não salva e fica parado no "enviando", já no Mozila Firefox funciona perfeitamente e salva com sucesso. Gostaria de saber como resolvo esse problema para que o form seja salvo tbem no google chrome? <button type="submit" id="btnSalvar" onclick="desabilitaBtn(this.id);" class="btnSalvarGreen" form="FormInquerito" style="margin-left: 1em;"> SALVAR </button> function desabilitaBtn(btnId) { const btn = document.getElementById(btnId); if (!btn) return console.error("Elemento não encontrado ou inexistente"); if (btn.tagName === "A") { btn.classList.add("disabled"); } else btn.disabled = true; btn.innerText = "Enviando..."; }
  6. Mizrain Phelipe Sá
    Pessoal tenho um Select com algumas option e gostaria de saber como eu devo fazer para estilizar somente uma parte do inicio de cada opção? Explicando melhor, gostaria de colocar em NEGRITO apenas a parte dos números e DP ( 01 DP), gostaria de estilizar somente essa parte de cada uma das option. Já foi feito uma lógica que quebra e separa o numero e dp do restante da frase, porém agora não consigo colocar esse pedaço dentro de nenhuma tag (tentei colocar dentro da tag <p> porém o option n aceita) para colocar um ID e estilizar o css, porém não consigo. Alguém sabe uma lógica ou como posso fazer isso? <div class="form-group pmd-textfield col-md-5"> <label for="UnidadePolicial" class="cssPerguntas espacamentoLabels">Unidade Policial</label> <select asp-for="UnidadePolicial" class="select-country" id="UnidadePolicial" > @{ var found = 0; <option value="">Selecione a unidade</option> foreach (var item in Model.ListDelegacias) { found = item.Text.IndexOf("- "); <option value="@item.Value"> @item.Text.Substring(0, found + 1) @item.Text.Substring(found + 1)</option> } } </select> </div>
  7. Mizrain Phelipe Sá
    Tenho essa tela que será um Dashboard do site, porém eu gostaria de fazer um efeito de animação que já vi em alguns sites, quando você abre a página alguns elementos que estavam escondidos vão aparecendo na tela de forma suave. Como eu faço esse efeito? <div id="contentDashboard"> <div class="row resetLinha tituloDashboard"> <div class="col-md-6"> <p >Seja Bem-vindo!</p> </div> <div class="col-md-4" style="float: right;width: auto;"> <button class="btn pmd-btn-fab pmd-btn-flat pmd-ripple-effect btn-default" type="button"><i class="material-icons pmd-sm">add</i></button> <!-- Primary flat FAB button with ripple effect --> <button class="btn pmd-btn-fab pmd-btn-flat pmd-ripple-effect btn-primary" type="button"><i class="material-icons pmd-sm">star</i></button> <!-- Information flat FAB button with ripple effect --> <button class="btn pmd-btn-fab pmd-btn-flat pmd-ripple-effect btn-info" type="button"><i class="material-icons pmd-sm">info</i></button> <!-- Success flat FAB button with ripple effect --> <button class="btn pmd-btn-fab pmd-btn-flat pmd-ripple-effect btn-success" type="button"><i class="material-icons pmd-sm">check</i></button> </div> </div> <hr /> <div class="row resetLinha"> <div class="styleCards pmd-card pmd-card-default pmd-z-depth-1"> <!-- Card media --> <div class="pmd-card-media"> <img width="350" height="668" class="img-responsive" src="http://propeller.in/assets/images/profile-pic.png"> </div> <!-- Card body --> <div class="pmd-card-body"> Exemplo para acrescentar algo aqui </div> </div> </div> </div> Basicamente todos os elementos terão um display none, e quando a pessoa abrir essa página eles vão aparecendo, como faço?
  8. Mizrain Phelipe Sá
    Então, eu removi mais continua dando o mesmo erro, o que pode ser?
  9. Mizrain Phelipe Sá
    Olá pessoal! Meu css roda perfeitamente no Mozila porém quando abro no Chrome ele não funciona corretamente, e aparece esse erro aqui: Alguém sabe como resolver?
  10. Mizrain Phelipe Sá
    Estou usando uma biblioteca chamada "selectize" para os select. porém não sei como estilizo os options e optgroup dos select dessa biblioteca. Dei uma lida na documentação dela (https://github.com/selectize/selectize.js/blob/master/examples/optgroups.html / https://github.com/selectize/selectize.js/blob/master/docs/usage.md) porém ainda não consegui aplicar css nos select. Alguém pode dar uma olhada pra mim e tentar ver como faz?
  11. Mizrain Phelipe Sá
    se poder mostrar um exemplo, não entendi direito.
  12. Mizrain Phelipe Sá
    Tenho um código com 3 checkbox e gostaria que ao selecionado cada um deles abrisse uma div especifica(item1,item2,item3) e se desmarcado ela fosse oculta, porém não estou conseguindo fazer o código JS, o HTML e esse: <div class="row pmd-textfield"> <div class="form-group col-md-4" id="blocoAssociacao"> <div class="checkbox pmd-default-theme"> <label class="pmd-checkbox pmd-checkbox-ripple-effect"> <input type="checkbox" value="" id="checkAssociacao"> <span> 1. Associação Criminosa</span> </label> </div> <div class="checkbox pmd-default-theme"> <label class="pmd-checkbox pmd-checkbox-ripple-effect"> <input type="checkbox" value=""> <span> 2.Facção</span> </label> </div> <div class="checkbox pmd-default-theme"> <label class="pmd-checkbox pmd-checkbox-ripple-effect"> <input type="checkbox" value=""> <span> 3.Organização Criminosa</span> </label> </div> </div> <div class="form-group col-md-4" style="display:none;"> <div id="item1"> <input class="form-control" id="" maxlength="1000" type="text" placeholder="Detalhes" name="detalhesAssocioacao"> </div> <div id="item2"> <input class="form-control" id="" maxlength="1000" type="text" placeholder="Detalhes"> </div> <div id="item3"> <input class="form-control" id="" maxlength="1000" type="text" placeholder="Detalhes"> </div> </div> </div> Se alguém poder ajudar agradeço.
  13. Mizrain Phelipe Sá
    Montei um javascript simples com JQuery para Ocultar e Exibir um campo onde os valores tbem são resetados dependendo da opção escolhida no select, o problema e que quando se entra na tela e seleciona a opção "sim" e depois da F5 na tela o select não reseta e permanece no "sim" e sem mostrar os campos abertos, alguém sabe como resolvo isso? Quando entro na página e seleciono "sim" os dois campos abrem normalmente: Depois que dou F5 na página os dois campos somem e continua no "sim" (eu quero que volte para o não) Aqui o código HTML: <div class="row"> <div class="form-group pmd-textfield col-sm-5"> <strong>1.13</strong> Situação do processo </div> </div> <div class="row"> <div class="form-group pmd-textfield col-md-4 divicolun"> <label for="AndamentoSelect" class="control-label cssPerguntas"> EM ANDAMENTO </label> <select id="AndamentoSelect" class="form-control" onchange="verificaSelect(this);"> <option value="não" selected>Não</option> <option value="sim">Sim</option> </select> <div id="ComboAndamento" style="display:none;"> <label for="DataAndamento" class="control-label cssPerguntas"> Data </label> <input class="form-control" id="DataAndamento" min="1900-01-01" type="date"> <label for="DetalhesAndamento" class="control-label cssPerguntas"> Detalhamento </label> <input class="form-control" id="DetalhesAndamento" type="text" placeholder="Detalhes..."> </div> </div> Aqui o código JS: function verificaSelect(el) { let input = $(el).find(":selected").text().toUpperCase(); if (input === "SIM") { $(el).parents(".row:first").find("#ComboAndamento:first").css('display', ''); } if (input === "NÃO") { $(el).parents(".row:first").find("#ComboAndamento:first").css('display', 'none'); $("#ComboAndamento").find("#DataAndamento").val(""); $("#ComboAndamento").find("#DetalhesAndamento").val(""); } }
  14. Mizrain Phelipe Sá
    Certo, mais não entendi como faço isso no meu código, poderia me dar um exemplo utilizando no meu código JS?
  15. Mizrain Phelipe Sá
    Tenho um código em JavaScript que mostra uma mensagem na tela, porém eu gostaria de estilizar ela com CSS e modificar algumas coisas de Layout, como eu faço isso no Javascript? Eis o código completo: <script> function lastModified() { var modiDate = new Date(document.lastModified); var showAs = modiDate.getDate() + "-" + (modiDate.getMonth() + 1) + "-" + modiDate.getFullYear(); return showAs } function GetTime() { var modiDate = new Date(); var Seconds if (modiDate.getSeconds() < 10) { Seconds = "0" + modiDate.getSeconds(); } else { Seconds = modiDate.getSeconds(); } var modiDate = new Date(); var CurTime = modiDate.getHours() + ":" + modiDate.getFullMinutes() + ":" + Seconds return CurTime } Date.prototype.getFullMinutes = function () { if (this.getMinutes() < 10) { return '0' + this.getMinutes(); } return this.getMinutes(); }; document.write("Ultima Atualização em: ") document.write(lastModified() + " as " + GetTime()); document.write(" por ") document.write("@ViewBag.usuarioLogado"); </script> Na página fica assim: Se alguém poder ajudar eu agradeço, com alguma estilização básica de exemplo etc. Obrigado!
  16. Mizrain Phelipe Sá
    Pessoal alguém tem uma função em javascript (sem ser em PHP) que mostre a Data e o nome da pessoa que fez a ultima atualização da página?
  17. Mizrain Phelipe Sá
    Pessoal temos uma tabela que s campos são inseridos pelo dropdownList porém ta havendo um bug que ele esta inserindo colunas a mais na lista, alguém sabe como resolver? Como podem ver as 2 primeiras linhas criaram colunas a mais vazias, eis o código: <div class="row" id="linhaResultado"> <section> <div class="col-md-12 col-lg-12 col-xs-12"> <h2>Resultado da Pesquisa</h2> <table id="mytable" class="table table-hover table-bordered"> <thead> <tr> <th style="color: rgba(0,0,0,.54);">Codigo</th> @if (Model.TipoDeParametroDePesquisa == "NomeDaPasta") { <th style="color: rgba(0,0,0,.54);">Nome da Pasta</th> } else if (Model.TipoDeParametroDePesquisa != "CodigoDoFormulario") { <th style="color: rgba(0,0,0,.54);">Nome da Vitima</th> } <th style="color: rgba(0,0,0,.54);"> Editar </th> <th style="color: rgba(0,0,0,.54);"> Excluir </th> </tr> </thead> <tbody> @foreach (var chave in Model.ListaNomeVitimaCodFormulario.Keys) { <tr> <td> @chave </td> @if (Model.TipoDeParametroDePesquisa == "NomeDaPasta") { <td>@Model.ParametroDePesquisa</td> } @if (Model.TipoDeParametroDePesquisa != "CodigoDoFormulario") { @foreach (var valor in Model.ListaNomeVitimaCodFormulario[chave]) { <td> @valor </td> } } <td style="width: 30px;padding: 0.3em;"> <a href="/Pasta/@chave/Inquerito" class="btn btn-sm pmd-btn-fab pmd-btn-raised pmd-ripple-effect btn-outline-primary notification-trigger opcaoPesquisa" type="button" data-trigger="hover" data-toggle="popover" data-placement="top" data-content="Editar" style="margin-left: 8px;"> <i class="material-icons pmd-sm">create</i> </a> </td> <td style="width: 30px;padding: 0.3em;"> <a href="/ExcluirFormulario/@chave" class="btn btn-sm pmd-btn-fab pmd-btn-raised pmd-ripple-effect btn-outline-danger notification-trigger opcaoPesquisa" type="button" data-trigger="hover" data-toggle="popover" data-placement="top" data-content="Excluir" style="background: white;color:red;margin-left: 8px;"> <i class="material-icons pmd-sm">clear</i> </a> </td> </tr> } </tbody> </table> </div> </section> </div> Código da dropdownlist (ViewModel) public class PesquisarViewModel { public PesquisarViewModel() { ListaNomeVitimaCodFormulario = new Dictionary<int, IEnumerable<string>>(); Mensagem = ""; var grupoComboNaturezaCriminal = new SelectListGroup { Name = "Natureza Criminal" }; var grupoParametroPesquisa = new SelectListGroup { Name = "Paramêtros de Pesquisa" }; ListaDropDownPesquisa = new List<SelectListItem>() { new SelectListItem{ Value="NomeDaVitima", Text="Nome da vítima", Selected = true, Group = grupoParametroPesquisa }, new SelectListItem{ Value="NomeDaPasta", Text="Nome da pasta", Group = grupoParametroPesquisa }, new SelectListItem{ Value="CodigoDoFormulario", Text="Código do formulário", Group = grupoParametroPesquisa }, new SelectListItem{ Value="Feminicidio Consumado", Text="Feminicídios consumados", Group = grupoComboNaturezaCriminal }, new SelectListItem{ Value="Feminicidio Tentado", Text="Feminicídios tentados", Group = grupoComboNaturezaCriminal, Disabled = false }, new SelectListItem{ Value="Homicidio Consumado", Text="Homicídios", Group = grupoComboNaturezaCriminal }, new SelectListItem{ Value="Homicidio Tentado", Text="Tentativas de homicídio", Group = grupoComboNaturezaCriminal} }; } public string TipoDeParametroDePesquisa { get; set; } public string ParametroDePesquisa { get; set; } public string Mensagem { get; set; } public List<SelectListItem> ListaDropDownPesquisa { get; set; } public Dictionary<int, IEnumerable<string>> ListaNomeVitimaCodFormulario { get; set; } private void SelecionaOpcaoSelectedListaDropDownPesquisa() { foreach (var item in ListaDropDownPesquisa) if (item.Value == TipoDeParametroDePesquisa) item.Selected = true; } public PesquisarViewModel SelectByCodFormulario() { FormularioModel formularioModel = new FormularioModel(); if (!int.TryParse(ParametroDePesquisa, out int parametroConvertido)) { Mensagem = "AVISO: Dados não encontrados!"; return this; } int codFormularioSelecionado = formularioModel.Select(parametroConvertido)?.CodFormulario ?? -1; if (codFormularioSelecionado <= 0) { Mensagem = "AVISO: Dados não encontrados!"; return this; } ListaNomeVitimaCodFormulario.Add(codFormularioSelecionado, formularioModel.SelectVitimasByCodFormulario(codFormularioSelecionado)); Mensagem = $"Pesquisa por {ParametroDePesquisa} realizada com sucesso!"; SelecionaOpcaoSelectedListaDropDownPesquisa(); return this; } public PesquisarViewModel SelectByVitimaNome() { string nomeParametro = ""; if (!string.IsNullOrWhiteSpace(ParametroDePesquisa)) nomeParametro = ParametroDePesquisa; FormularioModel formularioModel = new FormularioModel(); int[] arrayCodigosFormularios = formularioModel.SelectByVitimaNome(nomeParametro); if (arrayCodigosFormularios == null) { Mensagem = "AVISO: Dados não encontrados!"; return this; } foreach (int codFormulario in arrayCodigosFormularios) ListaNomeVitimaCodFormulario.Add(codFormulario, formularioModel.SelectVitimasByCodFormulario(codFormulario)); SelecionaOpcaoSelectedListaDropDownPesquisa(); Mensagem = $"Pesquisa por {ParametroDePesquisa} realizada com sucesso!"; return this; } public PesquisarViewModel SelectByPasta() { string nomePasta = ""; if (!string.IsNullOrWhiteSpace(ParametroDePesquisa)) nomePasta = ParametroDePesquisa; FormularioModel formularioModel = new FormularioModel(); int[] arrayCodigosFormularios = formularioModel.SelectByPasta(nomePasta); if (arrayCodigosFormularios == null) { Mensagem = "AVISO: Dados não encontrados!"; return this; } foreach (int codFormulario in arrayCodigosFormularios) ListaNomeVitimaCodFormulario.Add(codFormulario, formularioModel.SelectVitimasByCodFormulario(codFormulario)); Mensagem = $"Pesquisa por {ParametroDePesquisa} realizada com sucesso!"; SelecionaOpcaoSelectedListaDropDownPesquisa(); return this; } public PesquisarViewModel SelectByNaturezaCriminal() { string parametroDePesquisa = ""; FormularioModel formularioModel = new FormularioModel(); int[] arrayCodigosFormularios = formularioModel.SelectByNaturezaCriminal(TipoDeParametroDePesquisa, ParametroDePesquisa); if (arrayCodigosFormularios == null) { Mensagem = "AVISO: Dados não encontrados!"; return this; } foreach (var codFormulario in arrayCodigosFormularios) ListaNomeVitimaCodFormulario.Add(codFormulario, formularioModel.SelectVitimasByCodFormulario(codFormulario)); SelecionaOpcaoSelectedListaDropDownPesquisa(); Mensagem = $"Pesquisa por {parametroDePesquisa} realizada com sucesso!"; return this; } } Qualquer coisa posso postar mais código, alguém pode ajudar?
  18. Mizrain Phelipe Sá
    Pessoal quero alinhar o botão VERDE no começo da linha e o AZUL no final, eu to usando o Display flex na "row" e o justify-content="space-beetwen" mais mesmo assim os dois botões n ficam nas ponstas da linha, alguém sabe como resolvo? <div class="row" style="display:flex;justify-content:space-between;"> <div class="col-md-2"> <button type="submit" id="btnSalvar" onclick="desabilitaBtn(this.id);" class="btn pmd-ripple-effect btn-success "> Salvar dados </button> </div> <div class="col-md-2"> <button type="submit" id="btnSalvarEProximo" class="btn btn-primary pmd-ripple-effect" onclick="desabilitaBtn(this.id); redireciona(this)">Salvar e Próximo</button> </div> </div>
  19. Mizrain Phelipe Sá
    Olá pessoal, estou em uma missão de fazer um Button que SALVE os dados inseridos no FORMULÁRIO e AVANCE para a próxima PÁGINA, alguém sabe como fazer? Código dos dois Buttons até o momento (o de cima é o unico que esta SALVANDO os dados) <div class="pmd-card-actions"> <button type="submit" id="btnSalvar" onclick="desabilitaBtn(this.id);" class="btn pmd-ripple-effect btn-success"> Salvar dados </button> </div> <div class="pmd-card-actions"> <button type="submit" class="btn btn-success pmd-ripple-effect" > <a href="/Pasta/693/Crime" style="color:inherit">Salvar e Próximo</a> </button> </div>
  20. Mizrain Phelipe Sá
    Pessoal estou com um problema em minha Dropdown pois quando ela e ativada e as abas são abertas quando clica nela de novo as abas se fecham, e eu quero que as abas fiquem abertas sempre, como faço? CÓDIGO HTML DESSAS ABAS! CÓDIGO JAVASCRIPT DESSA PARTE!
  21. Mizrain Phelipe Sá
    Pessoal como faço para tirar esse Scroll que aparece quando abro essa página em telas menores? Gostaria de deixá-la responsiva tbem e com o card de login no meio da página com margin top e bottom mais sem criar scroll(barra de rolagem), se alguém poder me ajudar agradeço. <style> body{ margin:0; padding:0; } .body-custom { height: 100%; } .logincard { margin: auto; position: relative; max-width: 360px; } .loginlogo { text-align: center; padding: 30px 15px 10px; margin: 0; } .card-footer-p16 { padding-left: 20px; padding-right: 20px; } .pmd-textfield-focused { background-color: #001E80; } </style> <div class="container"> <div class="logincard "> <div class="pmd-card pmd-z-depth"> <div class="login-card"> @using (Html.BeginForm("Login", "Acesso", FormMethod.Post)) { <div class="pmd-card-title text-center"> <h1 class="loginlogo"> <img src="/images/SSP.png" alt="Secretaria de Estado de Segurança Pública" class="img-responsive logo_login"> </h1> <h3> <strong>ANÁLISE CRIMINAL</strong> </h3> </div> <div class="pmd-card-body"> @if (!string.IsNullOrWhiteSpace(ViewBag.errorMessage)) { <div class="alert alert-warning" style="text-align:center;">@ViewBag.errorMessage</div> } <div class="form-group pmd-textfield pmd-textfield-floating-label"> <label for="Usuario" class="control-label pmd-input-group-label">Usuário</label> <div class="input-group"> <div class="input-group-addon"> <i class="material-icons md-dark pmd-sm">perm_identity</i> </div> <input type="text" class="form-control" id="Usuario" name="Usuario"><span class="pmd-textfield-focused"></span> </div> </div> <div class="form-group pmd-textfield pmd-textfield-floating-label"> <label for="Senha" class="control-label pmd-input-group-label">Senha</label> <div class="input-group"> <div class="input-group-addon"> <i class="material-icons md-dark pmd-sm">lock_outline</i> </div> <input type="password" class="form-control" id="Senha" name="Senha"><span class="pmd-textfield-focused"></span> </div> </div> </div> <div class="pmd-card-footer pmd-card-footer-no-border card-footer-p16 text-center"> <button type="submit" class="btn pmd-ripple-effect btn-primary btn-block">Login</button> </div> } </div> </div> </div> <footer class="text-center footer"> <hr /> <p> &copy; @DateTime.Now.Year - Secretaria de Estado de Segurança Pública - SSP/SMT - Subsecretaria de Modernização Tecnológica.<br /> Versão: @ViewBag.versao </p> </footer> </div>
  22. Mizrain Phelipe Sá
    Pessoal estou tendo um problema em meu código pois toda hora da esse erro e não consigo resolver: Se alguém poder me ajudar eu agradeço!
  23. Mizrain Phelipe Sá
    Pessoal preciso de ajuda para fazer certas funções no meu código. o problema é o seguinte, eu tenho um upload de arquivos que fica dentro de uma model em meu código que tem uma tabela, um loader e uma div que irá aparecer no lugar da tabela inicialmente. O passo a passo é o seguinte: - O usuário clico no botão da model e abriu a janela de upload (até ai td bem) - Assim que a janela abre a tabela não e pra aparecer e sim a div "ÍCONE DA TABELA" (até ai td bem) - Assim que o usuário clica no botão "Enviar" a div "ÍCONE DA TABELA" tem que SUMIR e o Loader APARECER (até ai td bem). Aqui começa a parte que preciso de ajuda - Depois que o Loader termina sua ação preciso que a TABELA apareça e a div "ÍCONE DA TABELA" permaneça oculta Meu código HTML: <div class="col-md-6 col-lg-6 col-sm-12"> @*<div class="spinner"></div>*@ <div id="blanketupload"></div> <div id="aguardeupload">@*<p class="">AGUARDE</p>*@</div> <!-- elemento inicial no lugar da tabela--> <div class="iconetabelaupload"> ICONE DA TABELA </div> <table class="table" id="tabelaDeArquivos" style="display:none;"> <tr class="cabecarioArquivos"> <th>Nome do Arquivo</th> <th>Tamanho do Arquivo</th> <th>Excluir</th> </tr> <tr> <td>Exemplo</td> <td>Exemplo</td> <td>Exemplo</td> </tr> </table> </div> Código da função (JQuery): $(document).ready(function () { $('.btn-loader-file').click(function () { $('#aguardeupload, #blanketupload').css('display', 'block'); // loader aparece qd btn e clicado $('.iconetabelaupload').css('display', 'none'); // tabela some qd o button e clicado }); }); Se poderem me ajudar agradeceria muito!
  24. Mizrain Phelipe Sá
    @DiF Funciono perfeitamente, obrigado!
  25. Mizrain Phelipe Sá
    @Arthur Guillermo Bom dia amigo! Consegui resolver valeu pela dica de mudar o nome das function, porém tive que fazer outras modificações no código, porém agora não estou conseguindo ainda RESETAR os valores inseridos no select e na input quando eles são fechados e aberto novamente. Fico assim o código: <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <div class="form-group pmd-textfield pmd-textfield-floating-label"> <label>1.1.9 Orientação sexual da Vítima</label> <select class="select-simple form-control pmd-select2 empty" onchange="verificaSelect(this)"> <option selected>Selecionar</option> <option>NCI - Não Consta Informação</option> <option>Heterossexual</option> <option>Homossexual</option> <option>Bissexual</option> <option>Não se aplica (criança menor de 06 anos de idade)</option> <option>Outro</option> </select> </div> <!-- Esta Janela aparecerá se a opção "Outro" for MARCADA (JAVASCRIPT)--> <div class="form-group pmd-textfield opcaoQuais" style="display:none;"> <input type="text" id="regular1" class="form-control" placeholder="Qual? Especifique."> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <div class="form-group pmd-textfield pmd-textfield-floating-label"> <label>1.1.10 Identidade de gênero da vítima</label> <select class="select-simple form-control pmd-select2 empty reset1110" onchange="verificaSelect1(this)"> <option selected>Selecionar</option> <option>NCI - Não Consta Informação</option> <option>Andrógeno</option> <option>Cisgênero</option> <option>Transformista</option> <option>Travesti</option> <option>Transexual</option> <option>Não se aplica (criança menor de 06 anos de idade)</option> <option>Outro</option> </select> </div> <!-- Esta Janela aparecerá se a opção "Outro" for MARCADA (JAVASCRIPT)--> <div class="form-group pmd-textfield opcaoQuais1" style="display:none;"> <input type="text" id="input1110" class="form-control reset1110" placeholder="Qual? Especifique."> </div> </div> Código JS (usando JQuery) function verificaSelect(el) { let input = $(el).find(":selected").text().toUpperCase(); if (input === "OUTRO" | input === "SIM") { //$(el).parents(".row:first").find(".opcaoQuais:first").css('display', ''); $(".opcaoQuais").css('display', ''); //$(el).parents(".row:first").find(".buttonhide:first").css('display', ''); } else { $(".opcaoQuais").css('display', 'none'); $(".opcaoQuais").val(""); //$(el).parents(".row:first").find(".opcaoQuais").css('display', 'none'); //$(el).parents(".row:first").find("input, select").attr('value', '').val(''); //$(el).parents(".row:first").find(".opcaoDeferida").css('display', 'none'); //$(el).parents(".row:first").find(".buttonhide").css('display', 'none'); } } function verificaSelect1(el) { let input1 = $(el).find(":selected").text().toUpperCase(); if (input1 === "OUTRO" | input1 === "SIM") { $(".opcaoQuais1").css('display', ''); //$(el).parents(".row:first").find(".buttonhide:first").css('display', ''); } else { $(".opcaoQuais1").css('display', 'none'); $(".opcaoQuais1").val(""); //$(el).parents(".row:first").find(".opcaoDeferida").css('display', 'none'); //$(el).parents(".row:first").find(".buttonhide").css('display', 'none'); } } Se poder me ajudar agradeço!

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

Mais

×
×
  • Criar novo...