Jump to content

Search the Community

Showing results for tags 'JavaScript'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 2374 results

  1. Fabricio da Silva Dias

    CRUD - PHP -MySQL - JavaScrip - html

    Eae galera, beleza? Estou compartilhando com vocês um crud que fiz usando php, html, mysql e javascript, o nível é básico para iniciantes. Quem tiver sugestão de melhoras, comente! hehe! LINK: https://drive.google.com/folderview?id=0Byi0mxDAZ3tUcHNBMGVsQ1lyckk&usp=sharing Um exemplo de sugestão de melhora é, utilizar estruturas de condição para a opção "editar". Por exemplo: <?php include "database.php"; $id = $_GET['id']; $result = funcaoBuscar($id); if(empty($result)){ // está vazio ?> Registro não localizado na base de dados! <?php }else{ ?> <body> "Tabela de cadastro do profissional" <?php } ?> Hehe, fica ai minha contribuição! Fabrício da Silva Dias.
  2. É o seguinte pessoal tenho validação serviside que faço em uma pagina php o problema é na hora de validar no jquery tento cancelar o submit com return false mas não vai segue o código. $(document).ready(function(){ $("#formProd").submit(function(){ var Valores = $(this).serialize(); $.ajax({ type:"POST", url: "../View/valida.php", data: Valores, success: function(data){ if(data.length>0){ $("#retorno").html(data); return false; } else{ } } }); }); });
  3. danluc

    Somar input's

    Boa tarde, tenho esses campos aqui no HTML/PHP ---| <tr> <td colspan="3" class="text-right">Total Bruto:</td> <td><?php echo number_format($total, 2);?></td> <td>Total Líquido:</td> <td> <input type="text" name="valor_unitario" id="valor_unitario" value="<?php echo number_format($total, 2)?>" hidden /> <input type="text" name="qnt" id="qnt" value="0" hidden /> <input type="text" name="total" id="total" readonly="readonly" size="5" class="text-center" /> </td> </tr>e tenho esse script que faz a conta de Desconto para mim ..| <script type="text/javascript"> function id(el) { return document.getElementById( el ); } function total( un, qnt ) { return parseFloat(un.replace(',', '.'), 10)/100 * parseFloat(qnt.replace(',', '.'), 10); } window.onload = function() { id('valor_unitario').addEventListener('keyup', function() { var result = total( this.value , id('qnt').value ); id('total').value = String(result.toFixed(2)).formatMoney(); }); id('qnt').addEventListener('keyup', function(){ var result = total( id('valor_unitario').value , this.value ); id('total').value = String(result.toFixed(2)).formatMoney(); }); } String.prototype.formatMoney = function() { var v = this; if(v.indexOf('.') === -1) { v = v.replace(/([\d]+)/, "$1,00"); } v = v.replace(/([\d]+)\.([\d]{1})$/, "$1,$20"); v = v.replace(/([\d]+)\.([\d]{2})$/, "$1,$2"); v = v.replace(/([\d]+)([\d]{3}),([\d]{2})$/, "$1.$2,$3"); return v; }; </script> só que ele me traz o valor certo no campo input TOTAL .. só que ele não me traz em um value=" " .. como pegar o valor que esta la, e jogar para dentro do HTML no value de um INPUT?
  4. goes98

    Calculo de inputs

    Bom galera eu tenho alguns campos inputs e neles guardo alguns valores : Meus campos Total Produtos e Total serviços fazem uma soma e da o total , quando eu colocar algum valor em Descontos eu gostaria que diminuísse o valor do total e quando eu alterasse o valor do Acréscimo o valor do total aumentasse . eu ja uso um script nos dois campos para que o valor q eu coloco neles dinamicamente apareça em outro campo input. Meus campos : Total Produtos<input type="text" name="resultprod" style="width: 100px" readonly="true" value="R$<?php echo $resultformt; ?>"> Total Serviço <input type="text" name="reselserv" style="width: 100px" readonly="true" value="R$ <?php echo $resultserv; ?>"> Descontos<input type="text" name="desconto" id="desconto" style="width: 100px" onkeydown="FormataMoeda(this,10,event)" onkeypress="return maskKeyPress(event)" value="R$0"> Acrescimo<input type="text" id="acrescimo" name="acrescimo" style="width: 100px" onkeydown="FormataMoeda(this,10,event)" onkeypress="return maskKeyPress(event)" value="<?php echo $acrescimo;?>"> Total <input type="text" name="todotoal" id="todotoal" readonly="true" style="width: 100px" value="R$ <?php echo $resulttotal; ?>"> Não sei se isso atrapalha em algo mas esse e o script que eu uso para atualizar o valor de dois inputs dinamicamente : <script> var acrescimo = document.getElementById('acrescimo'); var acres = document.getElementById('acres'); acrescimo.addEventListener('keyup', function() { acres.value = this.value; }); </script> <script> var desconto = document.getElementById('desconto'); var obs = document.getElementById('obs'); desconto.addEventListener('keyup', function() { obs.value = this.value; }); </script> Se alguém puder me da uma força eu agradeço, obg. ;)
  5. IgorMarcante

    Numero Decimais

    Boa tarde, estou com o seguinte problema: Tenho um JS que realiza o calculo de juros simples, porem na hora de apresentar o resultado o numero decimal sai muito grande, gostaria de deixar apenas duas casas após a virgula. Exemplo: Resultado sai parecido com isso: 201,2110000000 Gostaria que fosse assim: 201,21 tentei com toFixed, mas não deu certo. No C# quando preciso fazer este tipo de coisa faço da seguinte forma: Math.Round(valor, 2) Achei algo parecido com isso no JS porém não soube usar. Quando eu utilizo ele simplesmente exibe somente os números antes da virgula e ignora todo o resto.(Usando o numero do exemplo acima:) 201(Falta o ,21) Alguem poderia me dar uma ajuda? Att, Igor Marcante
  6. Olá, bom dia! Então galera, estou à desenvolver um script (preferencialmente PHP, mas pode ser javascript também) que atualize automaticamente uma página diretamente no browser (o site do enem, por exemplo); e que ao encontrar um elemento específico ("ENEM 2016", por exemplo) emita um alarme, um som ou algo do tipo. Sou novo no desenvolvimento front-end, alguém poderia me ajudar? Agradeço desde já. :D
  7. Tiago Bruno

    Problemas com serviside sem refresh

    Estou tentando fazer uma validação de um formulário sem o refresh da pagina tentei utilizar ajax mas não esta nem chamando a função para a validação queria uma ajuda. Arquivo form.php <?php include_once("../DAO/banco.php"); include_once("../DAO/ProdutoDAO.php"); @$getId = $_GET['id']; //pega id para ediçao caso exista if(@$getId){ //se existir recupera os dados e tras os campos preenchidos $sql = "SELECT * FROM produtos WHERE id_prod = + $getId"; $stm = $con->prepare($sql); $stm->execute(); $campo = $stm->fetch(PDO::FETCH_ASSOC); } ?> <!DOCTYPE html> <html> <head> <title>Cadastro Produto</title> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="../css/bootstrap.css" /> <link rel="stylesheet" type="text/css" href="../css/bootstrap-responsive.css" /> <link rel="stylesheet" type="text/css" href="../js/bootstrap.js" /> <link rel="stylesheet" type="text/css" href="../js/bootstrap.min.js" /> <script type="text/javascript" src="../js/valida.js"></script> <script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="../js/jquery.validate.min.js"></script> </head> <body> <?php include_once 'AdminMenu.php'; ?> <div id="formProd" style='margin-left:35px;margin-top:10px;width:3000px;height:500px;z-index:1'> <div id="retorno"> </div> <form id="enviaForm"> <h3> <p>Cadastro Produto </h3> <p> Nome: </p> <input type ="text" name="nomeProd" id="cnome" style="width:500px;" value="<?php echo @$campo['nome_prod']; ?>" placeholder ="Nome do Produto"> <br> <p> Descrição: </p> <?php echo '<textarea name="descricaoProd" style="width:300px;" cols="50" rows="3" id="conteudo" class="editar">' . @$campo['descricao'] . '</textarea>'; ?> <br> <p> Quantidade: </p> <input type="number" style="width:100px;" name="quantProd" min="0" id ="cquantidade" size="2" maxlength="4" value="<?php echo @$campo['quantidade']; ?>" /> <br> <input type="hidden" name="idProd" value="<?php echo @$campo['id_prod']; ?>"> <br> <?php if(@!$campo['id_prod']){ // se nao passar o id via GET nao está editando, mostra o botao de cadastro ?> <button type="submit" class="btn btn-primary" name="cadastrar" > Cadastrar </button> <?php }else{ // se passar o id via GET está editando, mostra o botao de ediçao ?> <button type="submit" class="btn btn-primary" name="alterar" > Alterar </button> <?php } ?> </form> </div> <script src="../js/jquery.min.js"></script> <script src="../js/dropdown.js"></script> </body> </html> Arquivo valida.php <?php $erros=array(); if(empty($_POST['nomeProd'])) { $erros['nome']='* O nome do Produto não pode ser inválido"<br>"'; } if(empty($_POST['quantidade'])||$_POST['quantidade']<0) { $erros['quantidade']='* A quantidade do produto não pode ser inválida'; } //if(count($erros)>0){ echo $erros; ?> Arquivo valida.js $("#enviaForm").submit(function(){ alert("pegou"); var Valores = $(this).serialize(); $.ajax({ type:"POST", url: "../view/valida.php", data: Valores, success: function(data){ if(data==null){ window.location="../DAO/ProdutoDAO.php"; } else{ $("#retorno").html(data); return false; } } }); }); Se alguém puder me ajudar agradeço bastante
  8. Olá, sou novo com JavaScript e estou tentando desenvolver um slide com setTimeout, estou tentando inserir uma função dentro de uma estrutura de repetição porem sem sucesso. Gostaria de saber se alguém pode me ajudar? PS:. Já tentei usar FOR, WHILE e também o setInterval, porém, todos sem sucesso... var x = 0; for (x; x < 3; ){ var y = setTimeout(function slide(){ $(".imagem_1_slide_NOTICIAS").css("display", "none"); $(".imagem_2_slide_NOTICIAS").css("display", "block"); setTimeout(function(){ $(".imagem_2_slide_NOTICIAS").css("display", "none"); $(".imagem_1_slide_NOTICIAS").css("display", "block"); setTimeout(function(){ $(".imagem_1_slide_NOTICIAS").css("display", "none"); $(".imagem_2_slide_NOTICIAS").css("display", "block"); setTimeout(function(){ $(".imagem_2_slide_NOTICIAS").css("display", "none"); $(".imagem_1_slide_NOTICIAS").css("display", "block"); }, 3000); }, 3000); }, 3000); }, 3000); }; // Fecha estrutura FOR
  9. A Webedia Group abre 01 vaga para estagiário na área de operações tecnológicas. Reportando-se ao Gerente de Operações Comerciais, o estágio visa atender todo o mercado publicitário na parte de programação de campanhas. Principais Funções: · Programação completa de campanhas publicitárias, desde a chegada do material até a finalização da campanha, suporte ao time de atendimento e ao cliente; · Viabilizar as oportunidades que chegam através do atendimento; · Resolução de problemas de natureza tecnológica relativos ao bom andamento da campanha. · Propor e desenvolver melhorias nos processos de programação de campanhas. Conhecimentos necessários: · Estudante entre o primeiro e o último ano · Pessoa criativa, dinâmica e com bom senso de humor · Conhecimentos de internet, sites e redes sociais Conhecimentos desejáveis/diferenciais: · Lógica de programação · Inglês técnico para leitura e escrita · Conhecimentos em HTML/Javascript. Benefícios: · A combinar · Vale Transporte, Vale Refeição, Plano de saúde - Local de trabalho: · Butantã – SP, perto do metrô L.4 · Horário: Das 10:00 às 17:00 Enviar currículo para: marcello.vertemati@webedia-group.com Com o assunto: [Estágio Opec] Nome Especificando o curso, semestre atual, duração do curso e previsão de conclusão.
  10. Francislin

    JavaScript

    Bom dia pessoal como vcs estão ? Estou tentando fazer um simples drag-and-drop com Jquery o que pretendo fazer e um simples sistema onde adiciono usuários a grupos apenas arrastando e soltando eles dentro dos grupos, o maior problema e que estou começando agora com JS e Jquery, so tive a ideia preciso colocar em pratica ser aguem soube como fazer e me ensina serei grato mesmo.
  11. Boa tarde Pessoal , estou utilizando o JQuery-UI . onde possuo uma pagina em php . teste2.php <h2>Select a Date in first TextBox. Then click the Button to see how 3 days is added to this Date and shown in "Follow Date" TextBox.</h2> <p>Date: <input id="txtDate" type="text" /> </p> <p> <input type="button" onclick="getdate()" value="Fill Follow Date" /> E o Script para executar o Datepicker . $(document).ready(function () { $('#txtDate').datepicker(); $('#follow_Date').datepicker(); }); function getdate() { var tt = document.getElementById('txtDate').value; var date = new Date(tt); var newdate = new Date(date); newdate.setDate(newdate.getDate() + 3); var dd = newdate.getDate(); var mm = newdate.getMonth() + 1; var y = newdate.getFullYear(); var someFormattedDate = mm + '/' + dd + '/' + y; document.getElementById('follow_Date').value = someFormattedDate; } como faço para , transformar o valor "3" na linha : ewdate.setDate(newdate.getDate() + 3); Em algo , que eu possa alterar atraves de um formulario. no php usase o $variavel , mas como funciona em Script ? Obrigado.
  12. Cyber

    Detectar fim da rolagem

    Estou tentando detectar o fim da barra de rolagem para mostrar uma determinada imagem, usei esses recursos abaixo porém não estão me satisfazendo o que preciso, que é apenas mostrar uma determinada imagem quando chegar ao fim da rolagem da página, não estou conseguindo calcular estes valores, alguém pode me ajudar??? Muito obrigado! <style type="text/css"> .seta { display:none; } </style> <script> $( window ).scroll(function() { nScrollPosition = $( window ).scrollTop(); if(nScrollPosition>=100){ $( ".seta" ).css( "display", "block" ); }else{ $( ".seta" ).css( "display", "none" ); } }); </script> <head> <title></title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> ... <body> <div class="seta"><img src="imagem_seta.png" /></div>
  13. Iskandar

    RegExp: match vs exec

    Saudações iMasters, Gostaria que me tirassem uma dúvida bem simples... qual a diferença entre match e exec, em uma expressão regular? Poderiam mostrar exemplos de ambas sendo usadas? Grato desde já e boas festas a todos. --
  14. BOa noite amigos, preciso muito de uma ajuda. Eu tenho uma tabela estática de periodicidade: tarefa x | jan | | | | mai | | | | set |... tarefa y | jan | fev | | abr | mai | | |ago| set |... tarefa z | | fev | | | | jun | | | |... Eu queria fazer o seguinte: Pegar o mês atual com getMonth(); percorrer toda a tabela e comparar. todas as TD's que tiverem o mesmo mês, eu mudo a cor do background com jquery ou javascript. Tem como fazer isso?
  15. Tudo bem Galera ? Sou novo no fórum, mas já acompanho à algum tempo os Tópicos. Sempre me ajudou muito. Estou com um problema aparentemente simples, mas não consegui achar o erro. Esse código abaixo executa, mas o Javascript não esta dando o Confirm, e também não esta redirecionando para o link (window.parent.location='cad_cliente.php';). $executar = mysql_query("INSERT INTO clientes(nome_cliente, endereco_cliente, numero_cliente, bairro_cliente, cidade_cliente, estado_cliente, cpf_cliente, rg_cliente, telefone_cliente, celular_cliente, carro_cliente, placa_cliente, data_cad_cliente, hora_cad_cliente, inativo_cliente) VALUES ('$nome', '$end', '$numero', '$bairro', '$cidade', '$estado', '$cpf', '$rg', '$telefone', '$celular', '$carro', '$placa', '$data', '$hora', '$inativo')") or die(mysql_error()); //$msg_cliente ="Cliente salvo com sucesso"; echo"<script> if(confirm('Deseja Gravar o Cliente ?')){ alert('Gravado com Sucesso !!'); <?php echo '$executar' ?>; window.parent.location='cad_cliente.php'; }else{ alert('Cancelado!'); } </script>"; Se alguém puder me ajudar. Eu ja agradeço desde já. Qualquer coisa, se precisar eu posto o restante do código. Obrigado.
  16. Gabriel Otahara

    Exercícios - Lógica

    Alguém conhece alguns bons exercícios para treinar lógica de programação? Um site, livro com bons exercícios?
  17. Olá pessoal , Eu estou fazendo uma página simples com um mapa e um marcador. Tenho o código pronto e já funcionando, porém eu queria que o marcador fosse uma DIV CSS e não uma imagem. Já vi em alguns site que isso é possível , mas ainda não descobri como fazer . Alguém por favor poderia me dar uma ajuda de como fazer essa alteração ? Abaixo eu estou enviando uma imagem do código Javascript que tenho. Agradeço a todos desde já.
  18. Francislin

    Kendo UI com Jquery GRID

    Bom dia pessoal, estou tentando formata a data na minha grid, estou usando um framework chamado Kendo UI, e estou usando também MVVM, ja pesquisei mais ater o momento não consegui formata qualquer ajuda sera bem vinda segue meu HTML e o Kendo UI grid. Minha grid no html com Kendo UI <div class="tab-pane" id="pnlRoles" style="margin:5px"> <div class="row"> <div class="col-sm-6"> <label><spring:message code="imexp.ucases.users.userevent" />:</label> <label><spring:message code="imexp.ucases.users.userhistory" />:</label> </div> <div id="actionsUsersGrid"> <div data-role="grid" data-sortable="true" data-pageable='{"refresh":true, "pageSizes":true}' data-columns="[ { 'field': 'actionsName', 'title':'<spring:message code="imexp.ucases.users.userevent"/>', 'width': '10%' }, { 'field': 'actionsTime', 'title':'<spring:message code="imexp.ucases.users.userhistory"/>', width: '10%' } ]" data-bind="source: dataSource"> </div> </div> </div> </div> JAVASCRIPT somente a parte onde e feito o objeto. (function($) { /** * 1- Create the MODEL and data fields related to Value Objects in business logic */ var adminUserActionsModel = kendo.data.Model.define ({ id: "actionsId", fields: { "actionsId": { editable: false }, "actionsName": { type: "string"}, "actionsTime": { type: "date"} }, change : function(){ console.log("jdf"); } });
  19. guitexa

    Menu deslizante

    Olá, estou ajudando um amigo a editar um site e estou com uma dificuldade com um menu em JS, atualmente se clicar em todos os menus ele vai abrindo e fica tudo aberto, eu gostaria que sempre que eu clicar num menu ele fechasse o que está aberto, para que sempre ficasse um único item aberto, igual esse site faz: Site com o menu funcionando como eu queria Alguém pode me ajudar a alterar esse código? Meu site teste funcionando só com o menu Segue abaixo os códigos utilizados: Código CSS: deslizante.css Código JS: cod_deslizante.js Código JS: jquery.min.js Código JS: load.js Segue abaixo o HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <META name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"> <META name="apple-touch-fullscreen" content="YES"> <TITLE>Teste</TITLE> <link href="css/deslizante.css" rel="stylesheet" type="text/css"> <script src="js/load.js" type="text/javascript"></script> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/cod_deslizante.js"></script> </head> <body style="margin-left:20px; margin-right:0; padding-top:20px; padding-bottom:20px; padding-left:0; padding-right:0; margin-bottom:20px"> <div id="header" class="toolbar"> <div id="header-top"> <div id="header2" class="toolbar"> <div id="header-top2"> </div> </div> </div> <div id="home" tab="welcome" spaceid="954010550" selected="true" style="left: 0%;"> <div class="footer"> <div align="center"> <div> <div id="conteudo" align="center" style="margin-top:10px;"> <!-- Começo dos conteúdos --> <div id="box-toggle" class="menus"> <div class="tgl_menu1" style="margin-right:15px; margin-left:15px; text-align:left;"> <table width="100%" border="0" cellspacing="0" style="padding-top:15px; padding-bottom:10px;"> <tr> <td align="center"><table width="288" border="0" cellspacing="0"> <tr> <td align="left"> <a class="texto_direita">TESTE</a><br /> <a class="texto_direita">TESTE</a><br /> <a class="texto_direita">TESTE</a><br /> <a class="texto_direita">TESTE</a><br /> <a class="texto_direita">TESTE</a><br /> </td> </tr> </table> </td></tr> </table></a> </div> <div class="tgl_menu2" style="margin-right:15px; margin-left:15px; text-align:left;"> <table width="100%" border="0" cellspacing="0" style="padding-top:10px; padding-bottom:12px;"> <tr> <td align="center"><table width="288" border="0" cellspacing="0"> <tr> <td align="left"> <a class="texto_direita">TESTE</a><br /> <a class="texto_direita">TESTE</a><br /> <a class="texto_direita">TESTE</a><br /> <a class="texto_direita">TESTE</a><br /> <a class="texto_direita">TESTE</a><br /> </td> </tr> </table> </td></tr> </table> </div> <div class="tgl_menu3" style="margin-right:15px; margin-left:15px; text-align:left;"> <table width="100%" border="0" cellspacing="0" style="padding-top:10px; padding-bottom:12px;"> <tr> <td align="center"><table width="288" border="0" cellspacing="0"> <tr> <td align="left"> <a class="texto_direita">TESTE</a><br /> <a class="texto_direita">TESTE</a><br /> <a class="texto_direita">TESTE</a><br /> <a class="texto_direita">TESTE</a><br /> <a class="texto_direita">TESTE</a><br /> </td> </tr> </table> </td></tr> </table> </div> <div class="tgl_menu4" style="margin-right:15px; margin-left:15px; text-align:left;"> <table width="100%" border="0" cellspacing="0" style="padding-top:10px; padding-bottom:12px;"> <tr> <td align="center"><table width="288" border="0" cellspacing="0"> <tr> <td align="left"> <a class="texto_direita">TESTE</a><br /> <a class="texto_direita">TESTE</a><br /> <a class="texto_direita">TESTE</a><br /> <a class="texto_direita">TESTE</a><br /> <a class="texto_direita">TESTE</a><br /> </td> </tr> </table> </td></tr> </table> </div> </div> <!-- Fim do Conteudo Oculto --> </div></div> </body></html>
  20. thiagofer

    cep - desabilitar campos

    Olá. Estou com seguinte problema: o usuário completará o cep e irá clicar em 'buscar cep'. Será feita uma busca do cep e o dado será colocado no campo logradouro, bairro... automaticamente. Acontece que não quero que o usuário altere essa informação que foi gerada automaticamente. Ja tente readonly e não obtive sucesso porque os campos ja aparecem como inativo. Gostaria de saber se há um jeito de fazer esse tipo de tratamento. Obrigado.
  21. Luciano Silveira Marco

    Retorno assincrono encadeando promessas

    Pessoal, boa noite! Gostaria de ver a possibilidade de implementar o "Encadeando promessas" neste código, de modo em que eu possa atribuir o retorno da funcão CalculaDistancia para alguma variável, o "xtalk" é o valor que eu preciso, mas só consigo utilizar dentro da função, preciso deste valor atribuído: var xvar = CalculaDistancia(xxxxxx,xxxxxx); O resultado desta função já vem de um encadeamento que consegui fazer rodar olhando exemplos, só que agora preciso subir mais um nível conforme descrevi. Agradeço quem puder ajudar ou tiver alguma idéia. function testadistancia() { CalculaDistancia(mapcord[0].varlat+','+mapcord[0].varlon,mapcord[1].varlat+','+mapcord[1].varlon) .done(function(response){ var origins = response.originAddresses; for (var i = 0; i < origins.length; i++) { var results = response.rows[i].elements; for (var j = 0; j < results.length; j++) { var xtroca = substituiVirgula(results[j].distance.text); xtalk=parseFloat(xtroca); alert(xtalk); } } }) }
  22. matheusfiap

    Hide em text selecionando uma opção

    Fala galera ! Estou com um problema, tenho um formulario e queria que quando o sujeito selecionasse a quarta opção a caixa de texto sumisse. em java script da pra fazer isso? Encontrei algumas maneiras mas é com aquele menu "radio", mas preciso que seja pelo "cars" <!DOCTYPE html> <html> <body> <form> <select name="cars"> <option value="primeira ">primeira opção</option> <option value="segunda ">segunda opção</option> <option value="terceira ">terceira opção</option> <option value="quarta ">quarta opção</option> </select> <br> <p> Escreva a mensagem </p> <input type="text"> </form> </body> </html>
  23. Olá pessoal, gostaria de um ajudinha, pois sou quase um leigo no assunto de programação.Basicamente gostaria de usar no meu código html , um resultado de um script. Gostaria de alimentar os valores em uma tabela com o comando <td class="data">counter_N_range1</td>, sendo counter_N_range1, counter_N_range2, etc as variáveis resultantes do meu script as quais eu gostaria de plotar em um gráfico. Mas da forma como coloquei não funciona. Alguém poderia me ajudar nisso? Script <script > function loadData1() { // variable for the data point var p1; var p2; var p3; var p4; var p5; var p6; var factor1; $.getJSON('https://www.windguru.cz/int/wgsapi.php?q=station_data&id_station=XXX&password=XXXX&from=-1hour&to=now&avg_minutes=0', function(data1) { // get the data point p1 = data1.wind_avg; p2 = data1.wind_max; p3 = data1.wind_min; p4 = data1.wind_direction; p5= data1.temperature; p6= data1.datetime; // factor to convert knots to km/h factor1=1.852; if (p1) { p_kmh =math.multiply(p1,factor1); p2_kmh =math.multiply(p2,factor1); //p_kmh = p1*factor1; //p2_kmh = p2*factor1; } var counter_NNE_range1= 0; var counter_NNE_range2= 0; var counter_NNE_range3= 0; var counter_NNE_range4= 0; var counter_NE_range1= 0; var counter_NE_range2= 0; var counter_NE_range3= 0; var counter_NE_range4= 0; var counter_ENE_range1= 0; var counter_ENE_range2= 0; var counter_ENE_range3= 0; var counter_ENE_range4= 0; var counter_E_range1= 0; var counter_E_range2= 0; var counter_E_range3= 0; var counter_E_range4= 0; var counter_ESE_range1= 0; var counter_ESE_range2= 0; var counter_ESE_range3= 0; var counter_ESE_range4= 0; var counter_SE_range1= 0; var counter_SE_range2= 0; var counter_SE_range3= 0; var counter_SE_range4= 0; var counter_SSE_range1= 0; var counter_SSE_range2= 0; var counter_SSE_range3= 0; var counter_SSE_range4= 0; var counter_S_range1= 0; var counter_S_range2= 0; var counter_S_range3= 0; var counter_S_range4= 0; var counter_SSW_range1= 0; var counter_SSW_range2= 0; var counter_SSW_range3= 0; var counter_SSW_range4= 0; var counter_SW_range1= 0; var counter_SW_range2= 0; var counter_SW_range3= 0; var counter_SW_range4= 0; var counter_WSW_range1= 0; var counter_WSW_range2= 0; var counter_WSW_range3= 0; var counter_WSW_range4= 0; var counter_W_range1= 0; var counter_W_range2= 0; var counter_W_range3= 0; var counter_W_range4= 0; var counter_WNW_range1= 0; var counter_WNW_range2= 0; var counter_WNW_range3= 0; var counter_WNW_range4= 0; var counter_NW_range1= 0; var counter_NW_range2= 0; var counter_NW_range3= 0; var counter_NW_range4= 0; var counter_NNW_range1= 0; var counter_NNW_range2= 0; var counter_NNW_range3= 0; var counter_NNW_range4= 0; var counter_N_range1= 0; var counter_N_range2= 0; var counter_N_range3= 0; var counter_N_range4= 0; for (i = 0, len = p4.length; i < len; i++) { switch (true) { case (348.75 <= p4[i] && p4[i] < 11.25):/* Direction: Norte (N)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_N_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_N_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_N_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_N_range4 += 1; break; } break; case (11.25 <= p4[i] && p4[i] < 33.75):/* Direction: Norte-Nordeste (NNE)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_NNE_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_NNE_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_NNE_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_NNE_range4 += 1; break; } break; case (33.75 <= p4[i] && p4[i] < 56.25):/* Direction: Nordeste (NE)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_NE_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_NE_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_NE_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_NE_range4 += 1; break; } break; case (56.25 <= p4[i] && p4[i] < 78.75):/* Direction: Leste-Nordeste (ENE)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_ENE_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_ENE_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_ENE_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_ENE_range4 += 1; break; } break; case (78.75 <= p4[i] && p4[i] < 101.25):/* Direction: Leste (E)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_E_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_E_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_E_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_E_range4 += 1; break; } break; case (101.25 <= p4[i] && p4[i] < 123.75):/* Direction: Leste-Sudeste (ESE)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_ESE_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_ESE_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_ESE_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_ESE_range4 += 1; break; } break; case (123.75 <= p4[i] && p4[i] < 146.25):/* Direction: Sudeste (SE)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_SE_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_SE_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_SE_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_SE_range4 += 1; break; } break; case (146.25 <= p4[i] && p4[i] < 168.75):/* Direction: Sul-Sudeste (SSE)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_SSE_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_SSE_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_SSE_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_SSE_range4 += 1; break; } break; case (168.75 <= p4[i] && p4[i] < 191.25):/* Direction: Sul (S)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_S_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_S_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_S_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_S_range4 += 1; break; } break; case (191.25 <= p4[i] && p4[i] < 213.75):/* Direction: Sul-Sudoeste (SSW)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_SSW_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_SSW_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_SSW_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_SSW_range4 += 1; break; } break; case (213.75 <= p4[i] && p4[i] < 236.25):/* Direction: Sudoeste (SW)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_SW_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_SW_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_SW_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_SW_range4 += 1; break; } break; case (236.25 <= p4[i] && p4[i] < 258.75):/* Direction: Oeste-Sudoeste (WSW)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_WSW_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_WSW_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_WSW_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_WSW_range4 += 1; break; } break; case (258.75 <= p4[i] && p4[i] < 281.25):/* Direction: Oeste (W)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_W_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_W_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_W_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_W_range4 += 1; break; } break; case (281.25 <= p4[i] && p4[i] < 303.75):/* Direction: Oeste-Noroeste (WNW)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_WNW_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_WNW_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_WNW_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_WNW_range4 += 1; break; } break; case (303.75 <= p4[i] && p4[i] < 326.25):/* Direction: Noroeste (NW)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_NW_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_NW_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_NW_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_NW_range4 += 1; break; } break; case (326.25 <= p4[i] && p4[i] < 348.75):/* Direction: Norte-Noroeste (NNW)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_NNW_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_NNW_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_NNW_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_NNW_range4 += 1; break; } break; } } }); } </script> Código html <div id="container" style="min-width: 420px; max-width: 600px; height: 400px; margin: 0 auto"></div> <!-- White line --> <div style="display:true"> <!-- White line --> <!-- Fonte: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/polar-wind-rose/--> loadData1(); <table id="freq" border="0" cellspacing="0" cellpadding="0"> <tr nowrap bgcolor="#CCCCFF"> <th colspan="5" class="hdr">Table of Frequencies (percent)</th> <!-- White line --> </tr> <tr nowrap bgcolor="#CCCCFF"> <th class="freq">Direction</th> <th class="freq">0 - 5 km/h </th> <th class="freq">5 - 20 km/h </th> <th class="freq">20 - 30 km/h </th> <th class="freq">> 30 km/h </th> </tr> <tr nowrap> <td class="dir">N</td> <td class="data">counter_N_range1</td> <td class="data">counter_N_range2</td> <td class="data">counter_N_range3</td> <td class="data">counter_N_range4</td> </tr> <tr nowrap bgcolor="#DDDDDD"> <td class="dir">NNE</td> <td class="data">counter_NNE_range1</td> <td class="data">counter_NNE_range2</td> <td class="data">counter_NNE_range3</td> <td class="data">counter_NNE_range4</td> </tr> ... </table> </div>
  24. Ola tenho 5 query somando valores de uma coluna e apresentando os valores totais em caixa em 5 filiais diferentes. Então mostro 5 tabelas, uma tabela de cada empresa apresentando o total de valor em, caixa. preciso que estas tabelas sejam mostradas assim: Mostrar primeiro a tabela da empresa com maior valor em caixa Mostrar segundo a tabela da empresa com segundo maior valor em caixa Mostrar terceiro a tabela da empresa com terceiro maior valor em caixa Mostrar quarto a tabela da empresa com quarto maior valor em caixa Mostrar quinto a tabela da empresa com quinto maior valor em caixa Tipo um ranking . RESUMO Apenas faço 5 query e uso a função (SUM) para somar as colunas de valores e tenho 5 variais cada uma com total em caixa de cada empresa , e ja ate uso em um grafico. Segue resumo do codigo que uso para ver se alguem me ajuda: <?php /* EXEMPLO DAS QUERY $selec = ("select sum(qtd) AS soma FROM caixa"); $exemplo = $dados['soma']; Apos fazer as 5 query tenho estas 5 variaveis com total em caixa de cada empresa */ $a = '10'; $b = '200'; $c = '300'; $d = '500'; $e = '800'; ?> <table width="50%" border="5" cellspacing="0" cellpadding="0"> <tbody> <tr> <th width="62%" scope="row">Empresa a </th> <td width="38%"><?php echo $a ?></td> </tr> </tbody> </table> <table width="50%" border="5" cellspacing="0" cellpadding="0"> <tbody> <tr> <th width="62%" scope="row">Empresa b </th> <td width="38%"><?php echo $b ?></td> </tr> </tbody> </table> <table width="50%" border="5" cellspacing="0" cellpadding="0"> <tbody> <tr> <th width="62%" scope="row">Empresa c </th> <td width="38%"><?php echo $c ?></td> </tr> </tbody> </table> <table width="50%" border="5" cellspacing="0" cellpadding="0"> <tbody> <tr> <th width="62%" scope="row">Empresa d </th> <td width="38%"><?php echo $d ?></td> </tr> </tbody> </table> <table width="50%" border="5" cellspacing="0" cellpadding="0"> <tbody> <tr> <th width="62%" scope="row">Empresa e </th> <td width="38%"><?php echo $e ?></td> </tr> </tbody> </table> Se alguem poder me ajudar , ou pelo menos me da os caminhos das pedras ...
  25. Olá pessoal, gostaria de um ajudinha, pois sou quase um leigo no assunto de programação.Basicamente gostaria de usar no meu código html , um resultado de um script. Gostaria de alimentar os valores em uma tabela com o comando <td class="data">counter_N_range1</td>, sendo counter_N_range1, counter_N_range2, etc as variáveis resultantes do meu script as quais eu gostaria de plotar em um gráfico. Mas da forma como coloquei não funciona. Alguém poderia me ajudar nisso? Script <script > function loadData1() { // variable for the data point var p1; var p2; var p3; var p4; var p5; var p6; var factor1; $.getJSON('https://www.windguru.cz/int/wgsapi.php?q=station_data&id_station=XXX&password=XXXX&from=-1hour&to=now&avg_minutes=0', function(data1) { // get the data point p1 = data1.wind_avg; p2 = data1.wind_max; p3 = data1.wind_min; p4 = data1.wind_direction; p5= data1.temperature; p6= data1.datetime; // factor to convert knots to km/h factor1=1.852; if (p1) { p_kmh =math.multiply(p1,factor1); p2_kmh =math.multiply(p2,factor1); //p_kmh = p1*factor1; //p2_kmh = p2*factor1; } var counter_NNE_range1= 0; var counter_NNE_range2= 0; var counter_NNE_range3= 0; var counter_NNE_range4= 0; var counter_NE_range1= 0; var counter_NE_range2= 0; var counter_NE_range3= 0; var counter_NE_range4= 0; var counter_ENE_range1= 0; var counter_ENE_range2= 0; var counter_ENE_range3= 0; var counter_ENE_range4= 0; var counter_E_range1= 0; var counter_E_range2= 0; var counter_E_range3= 0; var counter_E_range4= 0; var counter_ESE_range1= 0; var counter_ESE_range2= 0; var counter_ESE_range3= 0; var counter_ESE_range4= 0; var counter_SE_range1= 0; var counter_SE_range2= 0; var counter_SE_range3= 0; var counter_SE_range4= 0; var counter_SSE_range1= 0; var counter_SSE_range2= 0; var counter_SSE_range3= 0; var counter_SSE_range4= 0; var counter_S_range1= 0; var counter_S_range2= 0; var counter_S_range3= 0; var counter_S_range4= 0; var counter_SSW_range1= 0; var counter_SSW_range2= 0; var counter_SSW_range3= 0; var counter_SSW_range4= 0; var counter_SW_range1= 0; var counter_SW_range2= 0; var counter_SW_range3= 0; var counter_SW_range4= 0; var counter_WSW_range1= 0; var counter_WSW_range2= 0; var counter_WSW_range3= 0; var counter_WSW_range4= 0; var counter_W_range1= 0; var counter_W_range2= 0; var counter_W_range3= 0; var counter_W_range4= 0; var counter_WNW_range1= 0; var counter_WNW_range2= 0; var counter_WNW_range3= 0; var counter_WNW_range4= 0; var counter_NW_range1= 0; var counter_NW_range2= 0; var counter_NW_range3= 0; var counter_NW_range4= 0; var counter_NNW_range1= 0; var counter_NNW_range2= 0; var counter_NNW_range3= 0; var counter_NNW_range4= 0; var counter_N_range1= 0; var counter_N_range2= 0; var counter_N_range3= 0; var counter_N_range4= 0; for (i = 0, len = p4.length; i < len; i++) { switch (true) { case (348.75 <= p4[i] && p4[i] < 11.25):/* Direction: Norte (N)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_N_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_N_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_N_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_N_range4 += 1; break; } break; case (11.25 <= p4[i] && p4[i] < 33.75):/* Direction: Norte-Nordeste (NNE)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_NNE_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_NNE_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_NNE_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_NNE_range4 += 1; break; } break; case (33.75 <= p4[i] && p4[i] < 56.25):/* Direction: Nordeste (NE)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_NE_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_NE_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_NE_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_NE_range4 += 1; break; } break; case (56.25 <= p4[i] && p4[i] < 78.75):/* Direction: Leste-Nordeste (ENE)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_ENE_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_ENE_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_ENE_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_ENE_range4 += 1; break; } break; case (78.75 <= p4[i] && p4[i] < 101.25):/* Direction: Leste (E)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_E_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_E_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_E_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_E_range4 += 1; break; } break; case (101.25 <= p4[i] && p4[i] < 123.75):/* Direction: Leste-Sudeste (ESE)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_ESE_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_ESE_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_ESE_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_ESE_range4 += 1; break; } break; case (123.75 <= p4[i] && p4[i] < 146.25):/* Direction: Sudeste (SE)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_SE_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_SE_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_SE_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_SE_range4 += 1; break; } break; case (146.25 <= p4[i] && p4[i] < 168.75):/* Direction: Sul-Sudeste (SSE)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_SSE_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_SSE_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_SSE_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_SSE_range4 += 1; break; } break; case (168.75 <= p4[i] && p4[i] < 191.25):/* Direction: Sul (S)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_S_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_S_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_S_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_S_range4 += 1; break; } break; case (191.25 <= p4[i] && p4[i] < 213.75):/* Direction: Sul-Sudoeste (SSW)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_SSW_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_SSW_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_SSW_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_SSW_range4 += 1; break; } break; case (213.75 <= p4[i] && p4[i] < 236.25):/* Direction: Sudoeste (SW)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_SW_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_SW_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_SW_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_SW_range4 += 1; break; } break; case (236.25 <= p4[i] && p4[i] < 258.75):/* Direction: Oeste-Sudoeste (WSW)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_WSW_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_WSW_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_WSW_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_WSW_range4 += 1; break; } break; case (258.75 <= p4[i] && p4[i] < 281.25):/* Direction: Oeste (W)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_W_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_W_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_W_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_W_range4 += 1; break; } break; case (281.25 <= p4[i] && p4[i] < 303.75):/* Direction: Oeste-Noroeste (WNW)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_WNW_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_WNW_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_WNW_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_WNW_range4 += 1; break; } break; case (303.75 <= p4[i] && p4[i] < 326.25):/* Direction: Noroeste (NW)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_NW_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_NW_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_NW_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_NW_range4 += 1; break; } break; case (326.25 <= p4[i] && p4[i] < 348.75):/* Direction: Norte-Noroeste (NNW)*/ switch (true) { // Wind Speed Ranges Count case (0 <= p_kmh[i] && p_kmh[i] < 5):/* Condition: Calm */ counter_NNW_range1 += 1; break; case (5 <= p_kmh[i] && p_kmh[i] < 15):/* Condition: Moderate */ counter_NNW_range2 += 1; break; case (25 <= p_kmh[i] && p_kmh[i] < 40):/* Condition: Strong */ counter_NNW_range3 += 1; break; case (40 <= p_kmh[i] ):/* Condition: Very Strong */ counter_NNW_range4 += 1; break; } break; } } }); } </script> Código html <div id="container" style="min-width: 420px; max-width: 600px; height: 400px; margin: 0 auto"></div> <!-- White line --> <div style="display:true"> <!-- White line --> <!-- Fonte: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/polar-wind-rose/--> loadData1(); <table id="freq" border="0" cellspacing="0" cellpadding="0"> <tr nowrap bgcolor="#CCCCFF"> <th colspan="5" class="hdr">Table of Frequencies (percent)</th> <!-- White line --> </tr> <tr nowrap bgcolor="#CCCCFF"> <th class="freq">Direction</th> <th class="freq">0 - 5 km/h </th> <th class="freq">5 - 20 km/h </th> <th class="freq">20 - 30 km/h </th> <th class="freq">> 30 km/h </th> </tr> <tr nowrap> <td class="dir">N</td> <td class="data">counter_N_range1</td> <td class="data">counter_N_range2</td> <td class="data">counter_N_range3</td> <td class="data">counter_N_range4</td> </tr> <tr nowrap bgcolor="#DDDDDD"> <td class="dir">NNE</td> <td class="data">counter_NNE_range1</td> <td class="data">counter_NNE_range2</td> <td class="data">counter_NNE_range3</td> <td class="data">counter_NNE_range4</td> </tr> ... </table> </div>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.