Publicidade

danluc

Somar input's

Patrocínio:

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?

0

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não entendi a dúvida cara..

 

quando ele joga no input TOTAL, ele coloca no .value dele.

0

Compartilhar este post


Link para o post
Compartilhar em outros sites

só que gostaria de receber esse value em uma variavel php ..
para que eu possar fazer o desconto com o valor liquido e possa passar por um post ...
teria como me ajuda mano, peguei esse exemplo em um site seu ..
ja faz uma semana que mexo com esse carrinho .. mais to apanhando no desconto ..


0

Compartilhar este post


Link para o post
Compartilhar em outros sites

eu Tenho que passar todas essa informação que estão na tela para um post, para que eu póssa fazer um insert ...

	<th>#</th>
					            <th>Produto</th>
					            <th>Qtd</th>
					            <th>Preço</th>
								<!--<th>Desconto</th>-->
								<th>IPI</th>
					            <th>SubTotal</th>
					            <th></th>
	        </tr>
	    </thead>
	    <tbody>
	    	<?php 
	    	$total = 0;
			$total_l = 0;
			$seq = 0;
	    	foreach($_SESSION['detalle'] as $k => $detalle){ 
			$total += $detalle['PRECO'];
			$total_l += $detalle['subtotal'];
	    	?>
	        <tr>
				<td><?php echo $seq += 1;?>
					<input name="ID" id="ID" value="<?php echo $detalle['ID'];?>" hidden />
				</td>
	        	<td><?php echo utf8_encode($detalle['NOMEFANTASIA']);?></td>
	            <td><?php echo $detalle['cantidad'];?>
					<input type="text" name="quan" id="quan" value="<?php echo $detalle['cantidad'] ?>" hidden />
				</td>
	            <td><?php echo $detalle['PRECO'];?>
					<input type="text" name="PRECO" id="PRECO" value="<?php echo $detalle['PRECO'] ?>" hidden />
				</td>
				<!--<td></td>-->
				<td><?php $ALI =  $detalle['PRECO'] * $detalle['ALIQUOTA']/100; echo $ALI?>
					<input type="text" name="ALI" id="ALI" value="<?php echo $ALI ?>" hidden />
				</td>
				<td><?php echo number_format($detalle['subtotal'], 2);?>
					<input name="total_total" id="total_total" value="<?php echo number_format($detalle['subtotal'], 2)?>" hidden />
				</td>
	            <td><button type="button" class="btn btn-sm btn-danger eliminar-producto" id="<?php echo $detalle['ID'];?>">Eliminar</button></td>
	        </tr>
	        <?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_l, 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>
	    </tbody>
	</table>
<?php }else{?>
<div class="panel-body"> Nenhum Produto Selecionado</div>
<?php }?>
0

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não entendi muito tua dúvida. Mas Você pode deixar o valor no input mesmo do html, e quando for fazer o post ele vai conseguir o valor do input.

0

Compartilhar este post


Link para o post
Compartilhar em outros sites

Então mano...

eu tenho que somar o valor desse subtotal menos o desconto ...
e como vou pegar o valor desse INPUT

<input type="text" name="total" id="total" readonly="readonly" size="5" class="text-center" />

sendo que ele não tem o atributo VALUE ?

0

Compartilhar este post


Link para o post
Compartilhar em outros sites

Boa noite!

 

Antes gostaria de fazer uma explicação rápida que tenho certeza que vai te ajudar a entender o problema.

 

O atributo value é utilizado quando você quer que um input tenha um valor padrão. Ou seja, se você cria um input e coloca o atributo value, o input vai aparecer para o usuário com o valor padrão informado no value. Se o input não tiver value então seu valo será em branco (uma string vazia).

 

Para pegar o valor de um input você pode simplesmente usar javascript. Um exemplo do código abaixo pegaria o valor do seu input.

document.getElementById('total').value

Mesmo seu input não tendo o atributo value, o código acima vai pegar o valor atual do input. Então se o usuário diitar no input o valor: abc e logo após você utilizar o código acima, o retorno será abc.

0

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom dia Man ...


Então, Minha duvida é a seguinte, acho que não to conseguindo passar minha dificuldade ...


Duvida: como vocês vê na imagem que postei ai, eu tenho um campo Desconto que coloquei 30% e no campo onde se encontra 76.55 valor liquido é o valor do desconto, mais gostaria de diminuir 76.55 que é 30% de 255.15 ...
e no campo Total liquido ficaria 178.60....


outra duvida, eu trabalho mais com PHP... como eu vou manda um POST desse input sendo que ele não tem value;

poois quando busco com o php a sintaxe fica assim ::

 

$total = $_POST['total'];

...

obrigado por tentarem me ajudar.

0

Compartilhar este post


Link para o post
Compartilhar em outros sites

Consegui fazer a soma do desconto aqui ..

 

Assim:

id('qnt').addEventListener('keyup', function(){
    var result = total( id('valor_unitario').value , this.value );
var t  = parseFloat(result);
var t1   = document.getElementById("total_total").value;
var t2   = parseFloat(t1) - t;
    id('total').value = String(t2.toFixed(2)).formatMoney();


  });

agora como passar todos essas informações de form para uma pagina php ?

 

é da mesma maneira tipo para pegar na outra pagian seria

 

 

 

$total = $_POST['total'];

 

?

0

Compartilhar este post


Link para o post
Compartilhar em outros sites

o trem não eu certo não...


so ta dando desconto no primeiro produto..


CODIGO:

<?php 
	    	$total = 0;
			$total_l = 0;
			$seq = 0;
	    	foreach($_SESSION['detalle'] as $k => $detalle){ 
			$total 		+= $detalle['PRECO'] * $detalle['cantidad'];
			$total_l 	+= $detalle['subtotal'];
	    	?>
	        <tr>
				<td><?php echo $seq += 1;?>
					<input name="ID" id="ID" value="<?php echo $detalle['ID'];?>" hidden />
				</td>
	        	<td><?php echo utf8_encode($detalle['NOMEFANTASIA']);?></td>
	            <td><?php echo $detalle['cantidad'];?>
					<input type="text" name="quan" id="quan" value="<?php echo $detalle['cantidad'] ?>" hidden />
				</td>
	            <td><?php echo $detalle['PRECO'];?>
					<input type="text" name="PRECO" id="PRECO" value="<?php echo $detalle['PRECO'] ?>" hidden />
				</td>
				<!--<td></td>-->
				<td><?php $ALI =  $detalle['PRECO'] * $detalle['ALIQUOTA']/100; echo $ALI?>
					<input type="text" name="ALI" id="ALI" value="<?php echo $ALI ?>" hidden />
				</td>
				<td><?php echo number_format($detalle['subtotal'], 2);?>
					<input name="total_total" id="total_total" value="<?php echo number_format($detalle['subtotal'], 2)?>" hidden />
				</td>
	            <td><button type="button" class="btn btn-sm btn-danger eliminar-producto" id="<?php echo $detalle['ID'];?>">Eliminar</button></td>
	        </tr>
	        <?php }?>
	        <tr>
	        	<td colspan="1" class="text-right"><b>Total Bruto: R$<?php echo number_format($total, 2);?></b></td>
				<td></td>
	        	<td><b>Total Líquido: R$<?php echo number_format($total_l, 2)?></b></td>
	        	<td><b>Total com Desconto:</b> <input type="text" name="valor_unitario" id="valor_unitario" value="<?php echo number_format($total_l, 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>
				<td>				
				

				</td>
	        </tr>
	    </tbody>
	</table>
<?php }else{?>
<div class="panel-body"> Nenhum Produto Selecionado</div>
<?php }?>
</div>


<script type="text/javascript">
function id(el) {
  return document.getElementById( el );
}
function total( valor_unitario, qnt ) {
  return parseFloat(valor_unitario.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 );
	var t	 = parseFloat(result);
	var t1 	 = document.getElementById("total_total").value;
	var t2 	 = parseFloat(t1) - t;
    id('total').value = String(t2.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>	
0

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!


Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.


Entrar Agora

  • Próximos Eventos

  • Conteúdo Similar

    • Por keven1406
      Como mostrar um código javaScript na página de forma correta? Quero fazer um artigo em HTML5 e nele exemplificar um código aleatório que não faz parte do código da página. No entanto, se eu digitar o código e depois tentar identar ele com HTML5, não consigo ter um bom resultado. O <br> não funciona e o código fica parecendo apenas em uma unica linha. <p> também não funciona. Tem alguma forma de digitar o código sem que a página o considere um código? Um exemplo: <!DOCTYPE html> <html lang = "pt-br"> <head> <title>Inserir código</title> <meta charset = "UTF-8"> <style> p { color: white; } #caixa-codigo { width:300px; height: 300px; background-color: aqua; margin-left: auto; margin-bottom: auto; } </style> </head> <script> </script> <body> <h1>Inserir o código de exemplo a baixo:</h1> <p> for (var i = 2; i< 10; i++) <br/> console.log("i") <br/> </p> </body> </html>  
      Outra pergunta: Qual melhor plugin Wordpress para fazer esse tipo de coisa? Já pesquisei bastante sobre isso e as pessoas falam nomes de plugins, mas quando procuro lá no Wordpress o plugin, fica como não encontrado.

      Estava com duvida se era pra colocar essa pergunta no fórum de JavaScript, WordPress ou nesse aqui, me desculpem se coloquei no lugar errado. Desde já, obrigado!
    • Por Gemeons
      CÓDIGO DOS BOTOES:
      <html> <body> <link rel="stylesheet" href="/SLP/css/css/Pesquisa.css"> <table border="1"> <tr> <td> <a href="css/css/T.php" class="btn btn-blue">Titular</a> </td> <td> <a href="" class="btn4 btn-blue">Substituto</a> </td> <td> <a href="" class="btn3 btn-blue">Aula Atividade</a> </td> <td> <a href="" class="btn2 btn-blue">Substituto CTD</a> </td> </tr> </table> </head> </body> CÓDIGO DE PESQUISA:
      <!DOCTYPE html> <html> <script> </script> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <!-- Latest compiled and minified CSS --> </head> <body> <br/> <br/> <br/> <br/> <br/> <div class="container"> <div class="row"> <div class="col-lg-3"> <div class="input-group"> <input type="text" class="form-control" size="35" id="palavra" placeholder="Digite seu nome ou sua matrícula.." required /> <span class="input-group-btn"> <button class="btn btn-blue" id="buscar" type="button">Buscar</button> </span> </div> </div> </div> <div id="dados"></div> </div> <link rel="stylesheet" href="/SLP/css/css/CDTpag2.css"> <script> $('#buscar').click(function () { if( $("#palavra").val().length < 1 ) { Alert("digite uma palavra") return false; } else { buscar( $("#palavra").val() ); } }); function buscar(palavra) { var page = "/SLP/css/css/busca.php"; $.ajax ({ type: 'POST', dataType: 'html', url: page, beforeSend: function () { $("#dados").html("Carregando..."); }, data: {palavra: palavra}, success: function (msg) { $("#dados").html(msg); } }); } $('#buscar').click(function () { buscar($("#palavra").val()) }); </script> </br></br></br></br></br></br></br></br> <link rel="stylesheet" href="/SLP/css/css/voltar.css"> <a href="Pesquisa" class="bt btn-blue">Limpar</a> <br/> <link rel="stylesheet" href="/SLP/css/css/voltar.css"> <a href="Sistema de Lotação" class="bt btn-blue">Voltar</a> </body> </html> COMO FAZER PARA QUE OS BOTOES ABRA A PARTE DO CÓDIGO DE PESQUISA NA MSM PAGINA EMBAIXO DELES SEM IR PRA OUTRA PAGINA ??
    • Por danieldantas2007
      Boa Noite Pessoal do Fórum, primeiramente é um prazer estar aqui no fórum, compartilhando e absorvendo informações aqui do Grupo. Tenho minimas noções de Webdesign, mas ainda sou muito cru na área, pra não dizer leigo, sei minimas noções de como trocar imagens, cabeçalho , rodapé, cor , coisa que qualquer um faria, ou seja o curso de Webdesign que eu fiz foi muito fraco e não valeu de nada, Desde já peçam que me compreendam e se eu escrever algo NOOB aqui é porque não tenho a minima ideia de como fazer.

      tenho um Site , o qual eu comprei o Script e Modifiquei o mesmo ao meu gosto, porém existe "N" coisas que eu não tenho a menor ideia de como fazer , ou inserir esses códigos PHP. Meu Site é http://www.graficagolden.com.br e gostaria de adicionar as funções abaixo, é possível fazer os mesmos ? Pelo menos do 1 ao 2, já ajudaria bastante , onde eu devo inserir esses códigos ?

      1) Colocar 2 Botão de Downloads , que impeçam que pessoas mal intencionadas baixem arquivos não permitidos pelo programa (Exemplo de como eu quero os botões de Download : https://www.zapgrafica.com.br/loja/produto) Onde cada produto de cada categoria tenha seu download feito a partir do Titulo: (ou seja se estou a baixar cartões de Visita 9 x 5 cm, baixaria um arquivo com extensão cdr ou Ai, no tamanho 9 x 5 cm, armazenado previamente em meu servidor, se baixasse Panfleto de 10 x 15 cm , a mesma coisa e assim por diante) Queria uma forma automática, pelo titulo ou id, pois ficaria extremamente trabalhoso inserir código por código em cada produto de cada categoria.
      2) Upload de Arquivos com restrições de Altura e Largura e Tamanho ( O Cliente quando Clica em Comprar, é pedido que ele envie um arquivo nas extensões CDR e PDF,
      3) Status de Pedidos pelo Cliente ( Montando, Produzindo e concluído )
    • Por matheuslimasr
      <?php require_once 'libs/configs/configuracoes.php'; session_start(); ?> <!DOCTYPE html> <html lang="pt-br"> <head> <title>Entrando...</title> <?php include_once ("incluir/head.php"); ?> </head> <body> <?php include_once('incluir/menu.inc'); ?> <div class="interface"> <?php $error_msg = ""; if ( !isset($_SESSION['user_id']) ) { if ( isset ($_POST['btn-login']) ) { $user_username = addslashes($_POST['user']); $user_password = addslashes($_POST['senha']); if ( !empty($user_username) && !empty($user_password) ) { $query = "SELECT user_id, user FROM registros WHERE user=:user_username AND senha=:user_password"; $query = $pdo->prepare($query); $query->bindValue(":user_username" , $user_username); $query->bindValue(":user_password" , $user_password); $query->execute(); if ( $query->rowCount() == 1) { $row = $query->fetch(PDO::FETCH_OBJ); $_SESSION['user_id'] = $row->user_id; $_SESSION['user'] = $row->user; setcookie('user_id', $row->user_id, time() + (60 * 60 * 24 * 30)); setcookie('user', $row->user, time() + (60 * 60 * 24 * 30)); $home_url = 'http://' . $_SERVER['HTTP_HOST'] . dirname($_SERVER['PHP_SELF']) . '/login_efetuado.php'; header('Location: ' . $home_url); }else { $error_msg = 'Opa! usuario ou senha incorretos <strong><a href="login.php">retorne</a></strong> e corriga porfavor!.'; } }else { $error_msg = 'Opa! usuario ou senha incorretos <strong><a href="login.php">retorne</a></strong> e corriga porfavor!.'; } } } if ( empty($_SESSION['user_id']) ) { echo "<div class='msg_error'>"; echo $error_msg; echo "</div>"; } ?> </div> </body> </html>  
      Deixa sua opinião no que posso melhora mais ainda ele agradeço!  
    • Por Gemeons
      1 PARTE DO CÓDIGO A "BUSCA" :
      <!DOCTYPE html> <html> <script> </script> <head> <title>WEB VIDEO AULAS</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <!-- Latest compiled and minified CSS --> </head> <body> <br/> <br/> <br/> <br/> <br/> <div class="container"> <div class="row"> <div class="col-lg-3"> <div class="input-group"> <input type="text" class="form-control" size="35" id="palavra" placeholder="Digite seu nome ou sua matrícula.." required /> <span class="input-group-btn"> <button class="btn btn-blue" id="buscar" type="button">Buscar</button> </span> </div> </div> </div> <div id="dados"></div> </div> <link rel="stylesheet" href="/SLP/css/css/CDTpag2.css"> <script> $('#buscar').click(function () { if( $("#palavra").val().length < 1 ) { Alert("digite uma palavra") return false; } else { buscar( $("#palavra").val() ); } }); function buscar(palavra) { var page = "/SLP/css/css/busca.php"; $.ajax ({ type: 'POST', dataType: 'html', url: page, beforeSend: function () { $("#dados").html("Carregando..."); }, data: {palavra: palavra}, success: function (msg) { $("#dados").html(msg); } }); } $('#buscar').click(function () { buscar($("#palavra").val()) }); </script> </br></br></br></br></br></br></br></br> <link rel="stylesheet" href="/SLP/css/css/voltar.css"> <a href="Pesquisa" class="bt btn-blue">Limpar</a> <br/> <link rel="stylesheet" href="/SLP/css/css/voltar.css"> <a href="Sistema de Lotação" class="bt btn-blue">Voltar</a> </body> </html> 2 PARTE COM O RESULTADO DA BUSCA NA TABELA:
      <?php header('Content-Type: text/html; charset=iso-8859-1');?> <?php $host = "localhost"; $user = "root"; $pass = ""; $banco = "slp"; $conexao = mysqli_connect($host, $user, $pass) or die(mysqli_error()); mysqli_select_db($conexao, $banco) or die(mysqli_error($conexao)); $palavra = $_POST['palavra']; $sql = mysqli_query($conexao,"SELECT * from cadastros WHERE nomeProfEfetivo LIKE '%".$palavra."%' OR matricula LIKE '%".$palavra."%'"); $row = mysqli_num_rows($sql); ?> <section class="panel col-lg-9"> <header class="panel-heading"> <br/><br/> </header> <?php if($row>0){ ?> <table class="table table-striped table-advance table-hover"> <tbody> <tr> <th><i class="icon_profile"></i> Professor</th> <th width="15"><i class="icon_profile"></i> Matricula</th> <th><i class="icon_mail_alt"></i> Unidade</th> <th width="5"><i class="icon_profile"></i> Modalidade</th> <th width="5"><i class="icon_mail_alt"></i> Ano</th> <th width="10"><i class="icon_profile"></i> Turma</th> <th width="10"><i class="icon_mail_alt"></i> Turno</th> <th width="" ><i class="icon_mail_alt"></i> Tipo do Prof.</th> </tr> <?php while($linha = mysqli_fetch_assoc($sql)){ ?> <tr> <td width="15"><?=$linha['nomeProfEfetivo'];?></td> <td width="15"><?=$linha['matricula'];?></td> <td width="15"><?=$linha['unidade'];?></td> <td width="15" ><?=$linha['modalidade'];?></td> <td style="text-align:center" ><?=$linha['ano'];?></td> <td style="text-align:center"><?=$linha['turma'];?></td> <td><?=$linha['turno'];?></td> <td style="text-align:center"><?=$linha['tipo']; ?></td> </tr> <?php }?> </tbody> </table> <?php }else{?> <h4>Nao foram encontrados registros com esta palavra.</h4> <?php }?> </section> MINHA DUVIDA E COMO MONTA ESSA TABELA DE UMA MANEIRA MAS DINÂMICA.
      EX: NA PRIMEIRA LINHA DA TABELA DE RESULTADO AONDE FICA A VARIÁVEL $nomeProfEfetivo, COMO FAZER PRA INSERIR MAS DE UMA VARIÁVEL NAQUELA LINHA E A VARIÁVEL VARIA DE ACORDO COM A BUSCAR??