Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Giovani Tonel

Como alimentar o resultado de um javascrit em um table class do html

Por , em Javascript

Recommended Posts

Giovani Tonel    0

Giovani Tonel
Postado

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>

 

 

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript

  • Conteúdo Similar

    • ILR master
      Abrir url na mesma janela
      Por ILR master
      Pessoal, pergunta bem simples. Abaixo tenho o seguinte código:
       
      <script>
      function alerta()
      {
        if (window.confirm("Você realmente quer sair?")) {
          window.open("sair.html");
      }
      }
      </script>
       
      Funciona perfeitamente, só que está abrindo em outra janela e quero que abra na mesma janela.
       
      Alguém pode me ajudar?
    • Giovanird
      Atualizar pagina PHP que esta dentro de uma div
      Por Giovanird
      Olá a todos!
      Tenho uma pagina que possui uma DIV onde coloquei uma pagina PHP.
      Uso a função setInterval para atualizar a pagina inclusa dentro da DIV.
      O problema é que ao acessar o site , a DIV só me mostra a pagina inclusa somente quando completo o primeiro minuto.
      Preciso que a pagina inclusa já inicie carregada
       
      Meu código JavaScript e a DIV com a pagina PHP
       
      <script> function atualiza(){ var url = 'direita.php'; $.get(url, function(dataReturn) { $('#direita').html(dataReturn); }); } setInterval("atualiza()",60000); </script> <div> <span id="direita"></span> </div>  
    • Thiago Duarte
      Drag and Drop para arrastar imagem
      Por Thiago Duarte
      Oi, gostaria de arrastar imagem e ao soltar formar bloco html, meu bloco de html ficaria com nome, content-1.html, content-2.html, etc
       
      Alguem pode me ajudar?
    • juliosonic
      Menu Navbar CSS Bootstrap
      Por juliosonic
      Boa noite..
      Estou desenvolvendo um site de https://www.maithunatantra.com.br/ e estou com um duvida sobre o menu de navegação da versão mobile.
      O menu que tem o dropdown "Terapeutas" e "Terapias" quando clico em cima ele expande como deve ser, mas quando clico denovo para recolher os submenus
      nao acontece nada.. segue o trecho do codigo do menu..
      <div class="collapse navbar-collapse" id="navbarsExample09">             <ul class="navbar-nav ml-auto">               <li class="nav-item  active"><a class="nav-link" href="index.html">Home</a></li>               <li class="nav-item  active"><a class="nav-link" href="about-us.html">Quem Somos</a></li>               <li class="nav-item dropdown1">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapeutas</a>                     <ul class="dropdown-menu">                         <li><a class="dropdown-item" href="terapeuta-julio-cezar.html">Julio Cezar</a></li>                         <li><a class="dropdown-item" href="terapeuta-pamela-priscila.html">Pamela Priscila</a></li>                     </ul>                                    </li>               <li class="nav-item dropdown">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapias</a>                     <ul class="dropdown-menu" aria-labelledby="dropdown01">                         <li><a class="dropdown-item" href="o-que-e-reiki.html">O que é Reiki</a></li>                         <li><a class="dropdown-item" href="beneficios-reiki.html">Benefícios do Reiki</a></li>                         <li><a class="dropdown-item" href="principios-reiki.html">Princípios do Reiki</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Reiki em Animais</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Estudos Sobre Reiki</a></li>                         <li><a class="dropdown-item" href="terapia-massagem-tantrica.html">Terapia Tântrica</a></li>                     </ul>               </li>               <li class="nav-item  active"><a class="nav-link" href="blog.html">Blog</a></li>                <li class="nav-item"><a class="nav-link" href="contato.html">Contato</a></li>             </ul>         </div>  
      Massagem Tantrica em Curitiba
      Tantra Curitiba
      Massagem Tântrica
      Tantra
      Julio Darshan

      Obrigado
      Att
      Julio Cezar
       
       
       
    • belann
      Upload de arquivos com javascript
      Por belann
      Olá!
       
      Estou fazendo o upload de arquivos com fetch dessa forma
      fetch(url, {
              method: 'POST',
              headers: {'Content-Type': 'multipart/form-data',},
              body: formData 
          }).catch((error) => (console.log("Problemas com o Upload"), error));
       
      estou usando input type=file
      e criando uma const formData = new FormData(); 
      mas não faz e não dá nenhum erro.
      estou fazendo o upload com a url="http://localhost/dashboard/dados".
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito