Publicado em 6 de dez.

PHP + javascript + mysql

Olá pessoal, estou tentando implementar uma telinha, que me retorna alguns dados do banco de dados,

uma coluna com 4 numeros e uma matriz 4x4, eu preciso fazer a multiplicação entre essa coluna e essa matriz dinamicamente, pois no meu sistema terei varios tamanhos.

Até onde implementei?

Já tenho os valores listados na tela, e já consigo dar um "alert" no javascript com os valores das duas colunas...vou postar meu código até onde eu fiz e tentar explicar como funcionará, se alguém pouder dar uma mãozinha ficarei grato!!

Se vcs conseguirem rodar meu código, preencham a coluna a ser digitada com valor 1 para os quatro campos

Aí a primeira coluna chamada de "multiplica 1" ficará assim:

0.5

0.333

0.25

A coluna "multiplica 2" está assim

2, 3, 7, 1

3, 6, 9, 4

2, 8, 5, 3

7, 2, 3, 6

a multiplicação tem que ser feita da seguinte maneira...

primeiro numero da primeira coluna multiplicado pelo primeiro numero da PRIMEIRA linha da matriz

segundo numero da primeira coluna multiplicado pelo segundo numero da PRIMEIRA linha da matriz

terceiro numero da primeira coluna multiplicado pelo terceiro numero da PRIMEIRA linha da matriz

quarto numero da primeira coluna multiplicado pelo quarto numero da PRIMEIRA linha da matriz

primeiro numero da primeira coluna multiplicado pelo primeiro numero da SEGUNDA linha da matriz

segundo numero da primeira coluna multiplicado pelo segundo numero da SEGUNDA linha da matriz

terceiro numero da primeira coluna multiplicado pelo terceiro numero da SEGUNDA linha da matriz

quarto numero da primeira coluna multiplicado pelo quarto numero da SEGUNDA linha da matriz

primeiro numero da primeira coluna multiplicado pelo primeiro numero da TERCEIRA linha da matriz

segundo numero da primeira coluna multiplicado pelo segundo numero da TERCEIRA linha da matriz

terceiro numero da primeira coluna multiplicado pelo terceiro numero da TERCEIRA linha da matriz

quarto numero da primeira coluna multiplicado pelo quarto numero da TERCEIRA linha da matriz

primeiro numero da primeira coluna multiplicado pelo primeiro numero da QUARTA linha da matriz

segundo numero da primeira coluna multiplicado pelo segundo numero da QUARTA linha da matriz

terceiro numero da primeira coluna multiplicado pelo terceiro numero da QUARTA linha da matriz

quarto numero da primeira coluna multiplicado pelo quarto numero da QUARTA linha da matriz

(12) + (0.53) + (0.3337) + (0.251) = resutado
(13) + (0.56) + (0.3339) + (0.254) = resutado
(12) + (0.58) + (0.3335) + (0.253) = resutado
(17) + (0.52) + (0.3333) + (0.256) = resutado

banco de dados:

nome do banco: matrizCREATE TABLE tb_torres( id_torre INT(11) AUTO_INCREMENT PRIMARY KEY, codigo_cliente INT(11), nome_torre VARCHAR(50), AEV_max VARCHAR(50), matriz_grande VARCHAR(1000), tamanho_matriz INT(3) );insert into tb_torres (codigo_cliente, nome_torre, AEV_max, tamanho_matriz, matriz_grande) values('1', 'torre1', '1', '13', '2, 3, 7, 1'); insert into tb_torres (codigo_cliente, nome_torre, AEV_max, tamanho_matriz, matriz_grande) values('1', 'torre1', '2', '13', '3, 6, 9, 4'); insert into tb_torres (codigo_cliente, nome_torre, AEV_max, tamanho_matriz, matriz_grande) values('1', 'torre1', '3', '13', '2, 8, 5, 3');insert into tb_torres (codigo_cliente, nome_torre, AEV_max, tamanho_matriz, matriz_grande) values('1', 'torre1', '4', '13', '7, 2, 3, 6');

o código:

Pessoal, o código é um pouco extenso, mas não precisa ser verificado nada alem da função javascript

function Resultado(){...

 tudo que preciso está la...

 

<?php$conexao = mysql_connect("localhost", "login","senha");$db = mysql_select_db("matriz", $conexao);mysql_set_charset('utf8',$conexao);$sql = "select id_torre, codigo_cliente, nome_torre, AEV_max, matriz_grande, tamanho_matriz from tb_torres order by id_torre";$rs = mysql_query($sql, $conexao);?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Calculo matriz</title> <script type="text/javascript"> function Calcula(id_torre){ var f1 = document.form1; var valor_digitado = document.getElementById('valor_digitado_' + id_torre).value; //retorna o valor digitado var AEV_max = document.getElementById('AEV_max_' + id_torre).value; //retorna o AEV_max eval('document.form1.fracao_' + id_torre).value = valor_digitado / AEV_max; //faz o calculo da fração var fracao = document.getElementById('fracao_' + id_torre).value; //valor da fracao document.getElementById('fracao_recebe_' + id_torre).value = document.getElementById('fracao_' + id_torre).value; //valor campo hidden da fracao Resultado(); } function Resultado(){ var coluna_fracao = document.getElementsByName('fracao'); for(i=0;i<coluna_fracao.length;i++){ var cf = coluna_fracao[i]; alert(cf.value); } var matriz_grande = document.getElementsByName('matriz_grande'); for(i=0;i<matriz_grande.length;i++){ var mg = matriz_grande[i]; alert(mg.value); transforma=mg.value.split(","); } } </script> <style type="text/css"> body { background-color: #999999; } body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .style3 {font-size: 36px; font-weight: bold; } .redimensionar_imagem{ display: block; margin-left: auto; margin-right: auto; height: 500px; width: 220px; } </style> </head> <form name="form1" action="torres.php" method="post"> <body> <table width="70%" align="center" bgcolor="FFFFFF"> <tr> <td> <img src="" width="200" height="75" style="padding-left: 15px" /> </td> <td>Formulário de XXX XXX XXX XXX XXX </td> </tr> <tr> <td style="padding-left: 15px"><b>Código do Cliente:</b> <?php echo "23455";?></td> <td style="padding-right: 80px"><b>Selecione o Código da Obra:</b> <select> <option value="">Selecione um Código... <option>233</option> <option>935</option> <option>333</option> </select> </td> </tr> <tr> <td style="padding-left: 15px"><b>Nome do Cliente:</b> <?php echo "Seccional";?></td> <td><b>Selecione o Site:</b> <select> <option value="">Selecione um Site... <option>Site 1</option> <option>Site 2</option> <option>Site 3</option> </select> </td> </tr> </table> <table width="70%" align="center" bgcolor="FFFFFF" style="padding-left: 12px"> <tr> <td width="20%"> <table align="left" height="570" width="250"> <tr> <td bgcolor="#CCCCCC" align="center"> <img src="" class="redimensionar_imagem"/> </td> </tr> </table> </td> <td width="20%" align="left"> <table align="left"> <tr height="40"> <td width="35%" style="text-align: center;" bgcolor="#CCCCCC"><b>Altura máxima m²</b></td> <td width="50%" style="text-align: center;" bgcolor="#CCCCCC"><b>Digitar aqui</b></td> <td width="50%" style="text-align: center;" bgcolor="#CCCCCC"><b>multiplica 1</b></td> <td width="50%" style="text-align: center;" bgcolor="#CCCCCC"><b>multiplica 2</b></td> <td width="50%" style="text-align: center;" bgcolor="#CCCCCC"><b>Resultado nessa coluna</b></td> </tr> <?php while ($reg = mysql_fetch_array($rs)){ $id_torre = $reg['id_torre']; $codigo_cliente = $reg['codigo_cliente']; $nome_torre = $reg['nome_torre']; $AEV_max = $reg['AEV_max']; $matriz_grande = $reg['matriz_grande']; $tamanho_matriz = $reg['tamanho_matriz']; ?> <tr> <td><input type="text" size="20%" style="text-align: right; border: 0;" readonly="readonly" id="AEV_max_<?php print $id_torre?>" value="<?php print $AEV_max?>"></input></td> <td width="50%" style="text-align: center;"> <input type="text" size="25%" onkeyup="Calcula('<?php print $id_torre?>')" id="valor_digitado_<?php print $id_torre ?>" onclick="javascript:if(this.value==0){this.value='';}" onblur="javascript:if (this.value=='') {this.value='0'} mudar_cor_out(this);" value="0" style="text-align: center"> </td> <!-- HIDDEN COM O VALOR DA FRAÇÃO --> <input type="hidden" id="fracao_<?php print $id_torre ?>" name="fracao_<?php print $id_torre ?>" value="0" readonly="readonly" size="10"></input> <td><input type="text" id="fracao_recebe_<?php print $id_torre?>" name="fracao" size="5" value="0" ></input></td> <!-- HIDDEN COM O VALOR DA FRAÇÃO --> <!-- CAMPOS MATRIZ GRANDE --> <td><input type="text" size="20%" style="text-align: right; border: 0;" readonly="readonly" name="matriz_grande" id="matriz_grande_<?php print $id_torre?>" value="<?php print $matriz_grande?>"></input></td> <!-- CAMPOS MATRIZ GRANDE --> <!-- CAMPOS QUE RECEBE O RESULTADO DA MULTIPLICACAO --> <td><input type="text" name="resultado" size="5" value="0" ></input></td> <!-- CAMPOS QUE RECEBE O RESULTADO DA MULTIPLICACAO --> </tr> <?php } ?> </table> </td> <td width="20%"> <table bgcolor="#CCCCCC" align="center" height="130" width="250"> <tr> <td align="center" valign="top" style="font-size: 30px;">Resumo <img src="images/aprovado.png" width="32" height="32"/> </td> </tr> <tr> <td valign="top"><b>Cliente:</b> <?php echo "teste";?></td> </tr> <tr> <td valign="top"><b>Status:</b> <?php echo "Aprovado";?></td> </tr> <tr> <td> <b>Análise:</b>  <input type="button" value="Enviar"> </td> </tr> </table> <table align="center" height="440" width="250"> <tr> <td></td> </tr> </table> </td> </tr> <tr> <table> <table align="center"> <tr> <!-- <td colspan="2" valign="middle" bgcolor="#CCCCCC"><img src="images/env.jpg" width="76" height="31" /></td> --> <td><input type="submit" value="Calcular" style="cursor: pointer" > </td> </tr> </table> </table> </tr> </table> </body> </form> </html>

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Carregando comentários...