none
O objeto não oferece suporte à propriedade ou método 'mask' RRS feed

  • Pergunta

  • Olá,

    algum pode sugerir algo?

    Minha aplicação MVC C# no VS Community 2015 esta retornando com erro:

    Linha: 1179
    Erro: O objeto não oferece suporte à propriedade ou método 'mask'

    Linha: 1135

    Erro: O objeto não oferece suporte à propriedade ou método 'tooltip'Linha: 353
    Erro: 'drawChart' não está definido

    terça-feira, 8 de novembro de 2016 09:53

Respostas

  • Obrigado pelo retorno Juliano,

    Veja o erro:

    • Marcado como Resposta Wilson Boris terça-feira, 8 de novembro de 2016 17:12
    terça-feira, 8 de novembro de 2016 14:50
  • Isto está parecendo erro do próprio navegador, Wilson.

    Poderia testar com Chrome ou Firefox? Ambos tem o painel de desenvolvedor também.


    If you found this post helpful, please "Vote as Helpful". If it actually answered your question, remember to "Mark as Answer".

    Se achou este post útil, por favor clique em "Votar como útil". Se por acaso respondeu sua dúvida, lembre de "Marcar como Resposta".

    • Marcado como Resposta Wilson Boris terça-feira, 8 de novembro de 2016 17:12
    terça-feira, 8 de novembro de 2016 14:54

Todas as Respostas

  • Wilson,

    Compartilhe seu código.


    If you found this post helpful, please "Vote as Helpful". If it actually answered your question, remember to "Mark as Answer".

    Se achou este post útil, por favor clique em "Votar como útil". Se por acaso respondeu sua dúvida, lembre de "Marcar como Resposta".

    terça-feira, 8 de novembro de 2016 10:01
  • Claro, imagino que seja nesse trecho:

      <script type="text/javascript">
    
            function bigImg(x) {
                x.style.height = "100%";
                x.style.width = "100%";
                        }
    
            function normalImg(x) {
                x.style.height = "20%";
                x.style.width = "20%";
            }
    
            $(function () {
                $('[data-toggle="tooltip"]').tooltip()
            })
    
            function fcGerarPDF() {
                window.location.href = "@Url.Action("Report", new { id = "PDF" })?codigo=" + document.getElementById("animal").value;
    
            }
            $("#proprietario").change(function () {
                var dados = $(this).val().toString();
                var options = '';
                if (dados != 0) {
                    $.ajax({
                        url: '@Url.Action("RetornaAnimais", "Principal")',
                        type: 'POST',
                        dataType: 'json',
                        data: { codigo: dados },
                        success: function (result) {
                            options += '<option value="" selected></option>';
                            $.each(result, function (key, val) {
                                options += '<option value="' + val["id"] + '">' + val["nome"] + '</option>';
                            });
                            $("#animal").html(options);
                        }
                    });
                } else {
                    console.log(options)
                    $("#animal").html(options);
                }
            }).change();
            $('#botao_proprietario').click(function () {
                var left = (window.screen.width / 2) - 260;
                var top = (window.screen.height / 2) - 300;
                var w = window.open('/Proprietario_/Create', '', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=500,left = ' + left + ',top = ' + top + '');
            });
            $('#botao_animal').click(function () {
                var left = (window.screen.width / 2) - 260;
                var top = (window.screen.height / 2) - 300;
                var w = window.open('/AnimalCompanhia_/Create', '', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=500,left = ' + left + ',top = ' + top + '');
            });
            function ToJavaScriptDate(value) {
                var pattern = /Date\(([^)]+)\)/;
                var results = pattern.exec(value);
                return new Date(parseFloat(results[1]));
            }
            $("#peso_kg").mask("0.000");
        </script>

    terça-feira, 8 de novembro de 2016 11:06
  • Olá Wilson, conforme solicitado pelo Juliano, informe o trecho do código onde declara o chart na view e o seu controller para que possamos ajuda-lo.

    Rodrigo Reis Ferreira
    Microsoft Certified

    terça-feira, 8 de novembro de 2016 11:07
  • Controller:

     public JsonResult RetornaObservacao(int id)
            {
                var dia = db.spObservacaoNutricao(id).ToArray();
                var a = dia.Select(x => new { x.data_atividade, x.observacao });
                return Json(a, JsonRequestBehavior.AllowGet);
            }
          
    
            public JsonResult EvolucaoPeso(int id)
            {
                var dia = db.spPesoEvolucao(id).ToArray();
                var a = dia.Select(x => new { x.data_atividade, x.peso_kg });
                return Json(a, JsonRequestBehavior.AllowGet);
            }
    
            public JsonResult EvolucaoTemperatura(int id)
            {
                var dia = db.spPesoEvolucao(id).ToArray();
                var a = dia.Select(x => new { x.data_atividade, x.temperaturaCorporal, x.temperaturaRetal });
                return Json(a, JsonRequestBehavior.AllowGet);
            }
    
            public JsonResult EvolucaoPressao(int id)
            {
                var dia = db.spPesoEvolucao(id).ToArray();
                var a = dia.Select(x => new { x.data_atividade, x.SYS, x.DIA, x.MAP, x.bpm });
                return Json(a, JsonRequestBehavior.AllowGet);
            }
    
            public JsonResult EvolucaoSPO2(int id)
            {
                var dia = db.spPesoEvolucao(id).ToArray();
                var a = dia.Select(x => new { x.data_atividade, x.SPO2, x.bpm_SPO2 });
                return Json(a, JsonRequestBehavior.AllowGet);
            }
    
            public JsonResult EvolucaoMorfometria(int id)
            {          
                var dia = db.spPesoEvolucao(id).ToArray();
                var a = dia.Select(x => new { x.data_atividade, x.alturaCernelha, x.compCorporal,x.membroPelvicoDireito,x.perimetroAbdominal,x.perimetroToracico,x.perimetroCoxa });
                return Json(a, JsonRequestBehavior.AllowGet);
            }
            public JsonResult EvolucaoIMCC(int id)
            {
                var dia = db.spPesoEvolucao(id).ToArray();
                var a = dia.Select(x => new { x.data_atividade, x.IMCC });
                return Json(a, JsonRequestBehavior.AllowGet);
            }
            public JsonResult EvolucaoECC(int id)
            {
                var dia = db.spPesoEvolucao(id).ToArray();
                var a = dia.Select(x => new { x.data_atividade, x.escore_ECC});
                return Json(a, JsonRequestBehavior.AllowGet);
            }
            public ActionResult Proprietario(string codigo)
            {
                var _Codigo = Convert.ToInt32(codigo);
                var query = from c in db.PF_Proprietario
                            join d in db.Login
                            on c.id equals d.cod_Proprietario
                            where d.usuario.Contains(@User.Identity.Name)
                            select new { c.id };
                return Json(query);
            }
    
            [HttpPost]
            public ActionResult RetornaAnimais(string codigo)
            {
                var _Codigo = Convert.ToInt32(codigo);
                var query = from c in db.Animal_Companhia
                            where c.cod_Proprietario == _Codigo
                            orderby c.id descending
                            select new { c.id, c.nome };
                return Json(query);
            }

    View:

     <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script type="text/javascript">
        var value;
        google.charts.load('current', { packages: ['table', 'corechart'] });
        google.charts.setOnLoadCallback(function () { drawtable('') });
        google.charts.setOnLoadCallback(function () { drawChart('') });
        $(document).ready(function () {
            value = $("#animal").val();
            if (value != undefined) {
                drawtable(value);
            }
            $("#animal").change(function () {
                value = $(this).val();
                drawtable(value);
            });
        });
    
        function drawtable(codigo) {
            var url = '/Programa_Nutricao/Principal/RetornaObservacao/' + codigo;
            $.get(url, {},
                  function (data) {
                      var tdata = new google.visualization.DataTable();
                      tdata.addColumn('date', 'DATA ATENDIMENTO');
                      tdata.addColumn('string', 'OBSERVACAO');
                      for (var i = 0; i < data.length; i++) {
                          if (data[i].observacao != null)
                              tdata.addRow([ToJavaScriptDate(data[i].data_atividade), data[i].observacao]);
                      }
                      var table = new google.visualization.Table(document.getElementById('Tabela_observacao'));
                      table.draw(tdata, { showRowNumber: true, cssClassNames: { tableCell: 'google-table-cell' } });
                  });
            //}
    
            //function drawChart(codigo) {
            var url = '/Programa_Nutricao/Principal/EvolucaoPeso/' + codigo;
            $.get(url, {},
                  function (data) {
                      var tdata = new google.visualization.DataTable();
                      tdata.addColumn('date', 'data_atividade');
                      tdata.addColumn('number', 'peso_kg');
                      for (var i = 0; i < data.length; i++) {
                          if (data[i].data_atividade != null)
                              tdata.addRow([ToJavaScriptDate(data[i].data_atividade), parseFloat(data[i].peso_kg)]);
                      }
                      var options = {
                          width: 700,
                          height: 500,
                          vAxis: { title: "PESO (kg)", minValue: '0.5' },
                          hAxis: { title: "DATA", textStyle: { fontSize: 10 } },
                          legend: { position: "none" },
                          curveType: 'function',
                          interpolateNulls: true
                      };
                      var chart = new google.visualization.LineChart(document.getElementById('EvolucaoPeso'));
                      chart.draw(tdata, options);
                  });
    
            var url = '/Programa_Nutricao/Principal/EvolucaoTemperatura/' + codigo;
            $.get(url, {},
                  function (data) {
                      var tdata = new google.visualization.DataTable();
                      tdata.addColumn('date', 'data_atividade');
                      tdata.addColumn('number', 'Temp. Corporal');
                      tdata.addColumn('number', 'Temp. Retal');
                      for (var i = 0; i < data.length; i++) {
                          if (data[i].data_atividade != null)
                              tdata.addRow([ToJavaScriptDate(data[i].data_atividade), parseFloat(data[i].temperaturaCorporal), parseFloat(data[i].temperaturaRetal)]);
                      }
                      var options = {
                          width: 700,
                          height: 500,
                          vAxis: { title: "Temperatura ºC", minValue: '30', maxValue: '45' },
                          hAxis: { title: "DATA", textStyle: { fontSize: 10 } },
                          legend: { position: 'bottom' },
                          curveType: 'function',
                          interpolateNulls: true
                      };
                      var chart = new google.visualization.LineChart(document.getElementById('EvolucaoTemperatura'));
                      chart.draw(tdata, options);
                  });
    
            var url = '/Programa_Nutricao/Principal/EvolucaoPressao/' + codigo;
            $.get(url, {},
                  function (data) {
                      var tdata = new google.visualization.DataTable();
                      tdata.addColumn('date', 'data_atividade');
                      tdata.addColumn('number', 'Pressão sistólica');
                      tdata.addColumn('number', 'Pressão diastólica');
                      tdata.addColumn('number', 'Média PA');
                      tdata.addColumn('number', 'Frequencia cardíaca');
                      for (var i = 0; i < data.length; i++) {
                          if (data[i].data_atividade != null)
                              tdata.addRow([ToJavaScriptDate(data[i].data_atividade), parseFloat(data[i].SYS), parseFloat(data[i].DIA), parseFloat(data[i].MAP), parseFloat(data[i].bpm)]);
                      }
                      var options = {
                          width: 700,
                          height: 500,
                          vAxis: { title: "Monitoramento cardiovascular" },
                          hAxis: { title: "DATA", textStyle: { fontSize: 10 } },
                          legend: { position: 'bottom' },
                          curveType: 'function',
                          interpolateNulls: true
    
                      };
                      var chart = new google.visualization.LineChart(document.getElementById('EvolucaoPressao'));
                      chart.draw(tdata, options);
                  });
    
            var url = '/Programa_Nutricao/Principal/EvolucaoSPO2/' + codigo;
            $.get(url, {},
                  function (data) {
                      var tdata = new google.visualization.DataTable();
                      tdata.addColumn('date', 'data_atividade');
                      tdata.addColumn('number', 'SPO2');
                      tdata.addColumn('number', 'bpm_SPO2');
    
                      for (var i = 0; i < data.length; i++) {
                          if (data[i].data_atividade != null)
                              tdata.addRow([ToJavaScriptDate(data[i].data_atividade), parseFloat(data[i].SPO2), parseFloat(data[i].bpm_SPO2)]);
                      }
                      var options = {
                          width: 700,
                          height: 500,
                          vAxis: { title: "Monitoramento ventilação pulmonar" },
                          hAxis: { title: "DATA", textStyle: { fontSize: 10 } },
                          curveType: 'function',
                          interpolateNulls: true
                      };
                      var chart = new google.visualization.LineChart(document.getElementById('EvolucaoSPO2'));
                      chart.draw(tdata, options);
                  });
    
            var url = '/Programa_Nutricao/Principal/EvolucaoIMCC/' + codigo;
            $.get(url, {},
                  function (data) {
                      var tdata = new google.visualization.DataTable();
                      tdata.addColumn('date', 'data_atividade');
                      tdata.addColumn('number', 'IMCC');
                      for (var i = 0; i < data.length; i++) {
                          if (data[i].data_atividade != null)
                              tdata.addRow([ToJavaScriptDate(data[i].data_atividade), parseFloat(data[i].IMCC)]);
                      }
                      var options = {
                          width: 700,
                          height: 500,
                          vAxis: { title: "Índice de Massa Corporal Canino" },
                          hAxis: { title: "DATA", textStyle: { fontSize: 10 } },
                          legend: { position: 'bottom' },
                          curveType: 'function',
                          interpolateNulls: true
                      };
    
                      var chart = new google.visualization.LineChart(document.getElementById('EvolucaoIMCC'));
                      chart.draw(tdata, options);
                  });
    
    
            var url = '/Programa_Nutricao/Principal/EvolucaoECC/' + codigo;
            $.get(url, {},
                  function (data) {
                      var tdata = new google.visualization.DataTable();
                      tdata.addColumn('date', 'data_atividade');
                      tdata.addColumn('number', 'Escore corporal');
                      for (var i = 0; i < data.length; i++) {
                          if (data[i].data_atividade != null)
                              tdata.addRow([ToJavaScriptDate(data[i].data_atividade), parseFloat(data[i].escore_ECC)]);
                      }
                      var options = {
                          width: 700,
                          height: 500,
                          vAxis: { title: "Escore corporal", minValue: '0', maxValue: '10' },
                          hAxis: { title: "DATA", textStyle: { fontSize: 10 } },
                          series: [{ color: 'green', visibleInLegend: true }, {}, {}]
    
                      };
    
                      var chart = new google.visualization.ScatterChart(document.getElementById('EvolucaoECC'));
                      chart.draw(tdata, options);
    
                  });
    
    
            var url = '/Programa_Nutricao/Principal/EvolucaoMorfometria/' + codigo;
            $.get(url, {},
                  function (data) {
                      var tdata = new google.visualization.DataTable();
                      tdata.addColumn('date', 'Data');
                      tdata.addColumn('number', 'Altura da cernelha');
                      tdata.addColumn('number', 'Comprimento do corporal');
                      tdata.addColumn('number', 'Membro pelvico direito');
                      tdata.addColumn('number', 'Perimetro abdominal');
                      tdata.addColumn('number', 'Perimetro torácico');
                      tdata.addColumn('number', 'Perimetro coxa');
                      for (var i = 0; i < data.length; i++) {
    
                          if (data[i].data_atividade != null)
                              tdata.addRow([ToJavaScriptDate(data[i].data_atividade), parseFloat(data[i].alturaCernelha), parseFloat(data[i].compCorporal), parseFloat(data[i].membroPelvicoDireito), parseFloat(data[i].perimetroAbdominal), parseFloat(data[i].perimetroToracico), parseFloat(data[i].perimetroCoxa)]);
                      }
                      var options = {
                          width: 700,
                          height: 500,
                          vAxis: { title: "Medidas" },
                          hAxis: { title: "DATA", textStyle: { fontSize: 10 } },
                          curveType: 'function',
                          legend: { position: 'bottom' },
                          interpolateNulls: true
    
                      };
                      var chart = new google.visualization.LineChart(document.getElementById('EvolucaoMorfometria'));
                      chart.draw(tdata, options);
                  });
        }
        </script>
        

    terça-feira, 8 de novembro de 2016 11:33
  • O código de declaração ta comentado:

    //function drawChart(codigo) {

    Por isso a chamadaabaixo gera erro:

    google.charts.setOnLoadCallback(function () { drawChart('') });

    O outro erro é porque o objeto não possui o método tooltip:

    $('[data-toggle="tooltip"]').tooltip()

    O que está tentando fazer nesta parte?


    Rodrigo Reis Ferreira
    Microsoft Certified

    terça-feira, 8 de novembro de 2016 13:21
  • Obrigado pelo retorno Rodrigo,

    Quando eu comento drawChart, embora retorne com esta mensagem o gráfico é renderizado, no contrário não tenho sucesso. Imagino que há um erro na forma de inserir a function. Onde inserir esta linha?

    Quanto ao tooltip está resolvido, tinha um espaço desnecessário no código em title:

     <button type="button" class="btn btn" style="font-size:10px" data-toggle="tooltip" data-placement="top"
                        title="---CONFIGURAÇÃO CONFORME O TAMANHO DE ANIMAIS---
                        1. SMALL para membro com perímetro até 13 cm
                        2. MIDDLE para membro entre 8 a 26 cm
                        3. LARGE para maior que 25 cm
                        ">

    terça-feira, 8 de novembro de 2016 14:15
  • Quando remove o comentário da linha (como o Rodrigo apontou) dá algum erro?

    Você não deveria passar algum valor numérico como parâmetro da drawChart (ao invés de uma string vazia) no código abaixo?

    google.charts.setOnLoadCallback(function () { drawChart('') });


    If you found this post helpful, please "Vote as Helpful". If it actually answered your question, remember to "Mark as Answer".

    Se achou este post útil, por favor clique em "Votar como útil". Se por acaso respondeu sua dúvida, lembre de "Marcar como Resposta".

    terça-feira, 8 de novembro de 2016 14:33
  • Obrigado pelo retorno Juliano,

    Veja o erro:

    • Marcado como Resposta Wilson Boris terça-feira, 8 de novembro de 2016 17:12
    terça-feira, 8 de novembro de 2016 14:50
  • Isto está parecendo erro do próprio navegador, Wilson.

    Poderia testar com Chrome ou Firefox? Ambos tem o painel de desenvolvedor também.


    If you found this post helpful, please "Vote as Helpful". If it actually answered your question, remember to "Mark as Answer".

    Se achou este post útil, por favor clique em "Votar como útil". Se por acaso respondeu sua dúvida, lembre de "Marcar como Resposta".

    • Marcado como Resposta Wilson Boris terça-feira, 8 de novembro de 2016 17:12
    terça-feira, 8 de novembro de 2016 14:54
  • Estranho, 

    no navegador Chrome nada disso acontece.

    Os gráficos renderizam com a linha comentada e nao aparece mensagem de erro.

    terça-feira, 8 de novembro de 2016 14:59
  • Então você pode ter descoberto um bug nas ferramentas de desenvolvedor do Internet Explorer rs.



    If you found this post helpful, please "Vote as Helpful". If it actually answered your question, remember to "Mark as Answer".

    Se achou este post útil, por favor clique em "Votar como útil". Se por acaso respondeu sua dúvida, lembre de "Marcar como Resposta".

    terça-feira, 8 de novembro de 2016 15:04
  • tô rico tô pobre, kkk
    terça-feira, 8 de novembro de 2016 15:16
  • Se quiser registrar como possível bug, acesse http://connect.microsoft.com 

    If you found this post helpful, please "Vote as Helpful". If it actually answered your question, remember to "Mark as Answer".

    Se achou este post útil, por favor clique em "Votar como útil". Se por acaso respondeu sua dúvida, lembre de "Marcar como Resposta".

    terça-feira, 8 de novembro de 2016 15:35
  • Obrigado Juliano e Rodrigo, voces são gigantes.

    Assim que possível vou registrar o bug.

    terça-feira, 8 de novembro de 2016 17:11
  • Sucesso Wilson! :)

    Rodrigo Reis Ferreira
    Microsoft Certified

    terça-feira, 8 de novembro de 2016 18:08