Ir para conteúdo
Fórum Script Brasil

VictorM.

Membros
 Perfil  Explorar Conteúdo

  • Total de itens

    3

  • Registro em

  • Última visita

Sobre VictorM.

VictorM.'s Achievements

0

Reputação

  1. VictorM.
    VictorM. alterou sua foto pessoal
  2. VictorM.
    <script type='text/javascript'>window.mod_pagespeed_start = Number(new Date());</script> No FireBug ele me apresenta o seguinte erro: http://prntscr.com/6mn277 <!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <title>Agropecuárius</title> <link rel="stylesheet" type="text/css" href="css/index.css"> <link href='http://fonts.googleapis.com/css?family=Pacifico|Open+Sans' rel='stylesheet' type='text/css'> </head> <body> <aside id="normal"> <img id="close" src="imagens/close.png" alt="Fechar"> <h3>Identificador</h3> <p class='id_empresa'></p> <h3>Software</h3> <p class='nome_software'></p> <h3>Categoria</h3> <p class='nome_categoria'></p> <h3>Empresa</h3> <p class='nome_empresa'></p> <h3>Tema</h3> <p class='tema'></p> <h3>Descrição</h3> <p class='descricao'></p> <h3>Preço</h3> <p class='preco'></p> <h3>Contato</h3> <p class="contato"></p> <a class="site" href="" target="_blank">Website</a> </aside> <aside id="fantasma"></aside> <header> <h1>Agropecuárius</h1> </header> <div id="main"> <div id="grafico"> <h2>Total de Softwares:</h2> <canvas id="myChart" width="400" height="200"></canvas> </div><!-- --><div id="categorias"> <h2>Selecione uma categoria:</h2> <ul> <li data-id='0'> <img src="imagens/all.png" alt="Todas categorias"> <span>Todas</span> </li> </ul> </div> </div> <div id="pesquisaAvancada"> <div id="cabecalho"> <img src="imagens/pesquisa.png" alt="Ícone de pesquisa"><h2>Pesquisa Avançada</h2> </div> <div id="categorias"> <p>Categorias:</p> </div> <div id="pesquisa"> <p>Consulta:</p> <input type="text" id="pesquisa"> <button id="pesquisar">Pesquisar</button> </div> </div> <section> <article id="dados"> <div id="colunas"> <h3>Ativar/Desativar Colunas</h3> <ul> <li id="id" class="ativado">Identificador</li> <li id="categoria" class="ativado">Categoria</li> <li id="software" class="ativado">Software</li> <li id="empresa" class="ativado">Empresa</li> <li id="contato" class="ativado">Contato</li> <li id="tema" class="ativado">Tema</li> <li id="descricao" class="ativado">Descrição</li> <li id="preco" class="ativado">Preço</li> </ul> </div> <h3 id="tabela">Dados:</h3> <h4></h4> <p id="detalhes">*Clique na linha p/ detalhes do software</p> <table> <thead> <tr> <th id="id">Id</th> <th id="categoria">Categoria</th> <th id="software">Software</th> <th id="empresa">Empresa</th> <th id="contato">Contato</th> <th id="tema">Tema</th> <th id="descricao">Descrição</th> <th id="preco">Preço ($)</th> </tr> </thead> <tbody></tbody> </table> <div id="loading"></div> </article> </section> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <!--<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>--> <script type="text/javascript" src="js/Chart.js"></script> <script type="text/javascript" src="js/jquery.highlight.js"></script> <script type="text/javascript"> var options = { //responsive: false, maintainAspectRatio: true, //Boolean - Whether we should show a stroke on each segment segmentShowStroke : true, //String - The colour of each segment stroke segmentStrokeColor : "#fff", //Number - The width of each segment stroke segmentStrokeWidth : 1, //Number - The percentage of the chart that we cut out of the middle percentageInnerCutout : 50, // This is 0 for Pie charts //Number - Amount of animation steps animationSteps : 150, //String - Animation easing effect animationEasing : "easeOutBounce", //Boolean - Whether we animate the rotation of the Doughnut animateRotate : true, //Boolean - Whether we animate scaling the Doughnut from the centre animateScale : false, //String - A legend template } var data = [{ value: 100, color: "#FF593A", highlight: "#C69CBE", label: "" }]; var ctx = document.getElementById("myChart").getContext("2d"); var myPieChart = new Chart(ctx).Pie(data,options); var lista_categorias = new Array(); var primeraVez = true; var idCategoria = -1; contaNumeroEmpresas(); pegarEmpresas(-1); asideFantasmaListener(); ativarDesativarColunas(); pesquisaAvancadaListener(); function contaNumeroEmpresas(){ $.post("../control/contaNumeroEmpresas.php") .success(function(categorias) { //console.log(categorias); if(categorias != false) { $("div#grafico").css("background-image","none"); $("canvas").css("display", "block"); var categorias = JSON.parse(categorias); var totalSoftwares = 0; myPieChart.removeData(0); categorias.forEach(function (categoria) { myPieChart.addData({ value: parseInt(categoria[1]), color: "#FF593A", highlight: "#E94122", label: categoria[0] + "" }); totalSoftwares += parseInt(categoria[1]); lista_categorias[categoria[2]] = categoria[0]; //lista_categorias[][1].push(categoria[0]); //console.log(categoria[2]); }); $("div#grafico h2").append(" " + totalSoftwares); $("div#categorias").css("background-image","none"); categorias.sort().forEach(function (categoria) { $("div#categorias ul").append('<li data-id="' + categoria[2] + '"><img src="imagens/' + categoria[2] +'.png" alt="' + categoria[0] + '" /><span>' + categoria[0] + '</span></li>'); }); categoriasListener(); if(primeraVez == true){ preencherCategoriasPesquisaAvancada(); primeraVez = false; } } else{ console.log("fail"); } }); } function pegarEmpresas (categoria) { $.post("../control/pegarEmpresas.php", { categoria: categoria }) .success(function(empresas) { //console.log(empresas); if(empresas != false) { //console.log(empresas); preencherTabela(JSON.parse(empresas)); } else{ console.log("fail"); console.log(empresas); } }); } function categoriasListener () { $("div#categorias ul li").on("click", function (){ $("table tbody").empty(); $("section article div#loading").css("display","block"); idCategoria = $(this).data("id"); if(idCategoria == 0){ idCategoria = -1 } pegarEmpresas(idCategoria); $('html, body').animate({scrollTop: $("section article#dados").offset().top}, 750); }); } function asideFantasmaListener () { $("aside#fantasma, aside#normal img#close").on("click", function (){ $("aside").hide(); $("body").css("overflow-y", "auto"); }); } function softwareListener (pesquisa) { $("table tbody tr").on("click", function (){ var categoria = $(this).data("id"); var contato = $(this).children("td:nth-child(5)").text(); var descricao = $(this).children("td:nth-child(7)").text(); var empresa = $(this).children("td:nth-child(4)").text(); var id_empresa = $(this).children("td:nth-child(1)").text(); var nome_categoria = $(this).children("td:nth-child(2)").text(); var site = $(this).data("site"); var software = $(this).children("td:nth-child(3)").text(); var tema = $(this).children("td:nth-child(6)").text(); var preco = $(this).children("td:nth-child(8)").text(); $("body").css("overflow-y", "hidden"); $("aside").css("display", "block"); $("aside#normal p.id_empresa").html(id_empresa); $("aside#normal p.nome_software").html(software); $("aside#normal p.nome_categoria").html(nome_categoria); $("aside#normal p.nome_empresa").html(empresa); $("aside#normal p.tema").html(tema); $("aside#normal p.descricao").html(descricao); if (!isNaN(parseInt(preco))) { $("aside#normal p.preco").html("R$" + preco); } else if(preco == "-"){ $("aside#normal p.preco").html("Sob consulta"); } else{ $("aside#normal p.preco").html(preco); }; $("aside#normal p.contato").html(contato); $("aside#normal a.site").attr("href", site); if(pesquisa != null){ pesquisa.split(" ").forEach(function (palavra) { $("aside#normal p").highlight(palavra); }); } }); } function ativarDesativarColunas (){ $("article#dados div#colunas ul li").on("click", function (){ var coluna = $(this).attr("id") if($(this).hasClass("ativado")){ $("article#dados div#colunas ul li#" + coluna).removeClass("ativado"); $(this).addClass("desativada"); esconderColuna($(this).attr("id")); } else{ $("article#dados div#colunas ul li#" + coluna).removeClass("desativada"); $(this).addClass("ativado"); mostarColuna($(this).attr("id")); } }); } function esconderColuna (coluna) { $("table th#" + coluna + ", table td#" + coluna).hide();} function mostarColuna (coluna) { if(coluna != null){ $("table th#" + coluna + ", table td#" + coluna).show(); } else{ $("div#colunas ul li").removeClass("desativada").addClass("ativada"); $("table th, table td").show(); } } function preencherCategoriasPesquisaAvancada () { $.each(lista_categorias, function(key, value) { if(key != 0){ $("div#pesquisaAvancada div#categorias").append('<span><input type="checkbox" name="categorias" value="' + key + '">' + value + "</span>"); } }); } function pesquisaAvancadaListener () { $("div#pesquisaAvancada div#cabecalho").on("click", function () { if($("div#pesquisaAvancada").hasClass("ativado")){ $("div#pesquisaAvancada").removeClass("ativado"); } else{ $("div#pesquisaAvancada").addClass("ativado"); $("div#pesquisaAvancada input[type=text]").focus(); pesquisaListener(); } }); } function pesquisaListener () { $("div#pesquisaAvancada button#pesquisar").on("click", function () { var categoriasSelecionadas = new Array(); $('div#pesquisaAvancada div#categorias input[name="categorias"]:checked').each(function() { categoriasSelecionadas.push(this.value); }); var pesquisa = $("div#pesquisaAvancada div#pesquisa input#pesquisa").val(); //console.log(pesquisa); pesquisaAvancada(categoriasSelecionadas, pesquisa); }); } function pesquisaAvancada (categorias, pesquisa) { var thoseCategories; if(categorias == ""){ thoseCategories == null } else{ thoseCategories = JSON.stringify(categorias); } $.post("../control/pesquisaAvancada.php", { categorias: thoseCategories, pesquisa: pesquisa }) .success(function(empresas) { console.log(empresas); if(empresas != false) { $("table tbody").empty(); $("section article div#loading").css("display","block"); idCategoria = new Array(); empresas = JSON.parse(empresas); empresas.forEach(function (empresa) { if(jQuery.inArray(empresa['categoria'], idCategoria) == -1){ idCategoria.push(empresa['categoria']); } }); preencherTabela(empresas, pesquisa); if(pesquisa != ""){ pesquisa.split(" ").forEach(function (palavra) { $("td").highlight(palavra); }); } $('html, body').animate({scrollTop: $("section article#dados").offset().top}, 750); } else{ console.log("fail"); } }); } function preencherTabela (empresas, pesquisa) { var contador = 1; mostarColuna(); empresas.forEach(function (empresa) { //console.log(empresa); if (empresa['preco'] == null) { empresa['preco'] = "-"; }; $("section article table tbody").append("<tr data-id='" + empresa['categoria'] + "' data-site='" + empresa['site'] + "'><td id='id'>" + /*empresa['id']*/ contador + "</td><td id='categoria'><span>" + lista_categorias[empresa['categoria']] + "</span></td><td id='software'><span>" + empresa['nomeSoftware'] + "</span></td><td id='empresa'><span>" + empresa['empresa'] + "</span></td><td id='contato'><span>" + empresa['contato'] + "</span></td><td id='tema'><span>" + empresa['tema'] + "</span></td><td id='descricao'><span>" + empresa['descricao'] + "</span></td><td id='preco'><span>" + empresa['preco'] + "</span></td></td>"); contador++; }); if(jQuery.isArray(idCategoria)){ $("section article h3#tabela").empty(); /*alert(idCategoria.length); lista_categorias.forEach(function (argument) { console.log(lista_categorias); });*/ if(idCategoria.length == lista_categorias.length -1){ $("section article h3#tabela").append("Total de Softwares: " + empresas.length); } else{ for (var i = 0; i < idCategoria.length; i++) { if(i == idCategoria.length -1){ $("section article h3#tabela").append(lista_categorias[idCategoria[i]] + ": " + empresas.length); } else{ $("section article h3#tabela").append(lista_categorias[idCategoria[i]] + " / "); } }; } } else{ //console.log("categoria: " + idCategoria); //if (empresas[0]['categoria'] == -1) { if (idCategoria == -1) { $("section article h3#tabela").empty().append("Total de Softwares: " + empresas.length); } else{ $("section article h3#tabela").empty().append(lista_categorias[empresas[0]['categoria']] + ": " + empresas.length); } } /*$("div#categorias").css("background-image","none"); categorias.sort().forEach(function (categoria) { $("div#categorias ul").append('<li><img src="imagens/' + categoria[2] +'.png" alt="' + categoria[0] + '" /><span>' + categoria[0] + '</span></li>'); });*/ softwareListener(pesquisa); $("section article div#loading").css("display","none"); } </script> </body> </html>
  3. VictorM.
    Nenhuma solução?
  4. VictorM.
    Olá, estou dando seguimento a um projeto de um colega meu que usa PHPOO e JS, porém quando eu vou abrir a página no meu navegador, não carrega uma lista de empresas que vem do banco, porém não é conexão, pois as categorias são outra parte que vem do banco de dados e estão carregando normalmente! Um detalhe importante é que no MAC do meu professor ele roda normalmente, enquanto nos computadores com Windows e Linux ele apresenta esse problema; vale também ressaltar que o projeto foi feito no Linux! Já experimentei O Wamp e o Xampp e ambos tem o mesmo problema! Segue no print o erro no console Js do Google Chrome: http://prntscr.com/6l04yo (O erro fica localizado no Doctype, linha 1) Quando verem, podem pedir os códigos e desde já agradeço a ajuda!
×
×
  • Criar Novo...