[Resolvido] DIV para INPUT

jcgodoy · Fevereiro 20, 2009

Pessoal,

Estou com problemas em um form.

Eu tenho uma tabela que soma e o resultado fica em uma DIV. Só que preciso somar esse valor com um outro valor que as caixas são INPUT.

Pois bem! Como faço para que o valor da DIV se replique na INPUT. Pq assim poderei calcular normalmente..

O form esta pronto.. só esse detalhe esta empacando tudo!

Li alguns tópicos e não consegui entender..

Help por favor!!!!

William Bruno · Fevereiro 20, 2009

Posta esse código ai..

você usou um innerHTML para escrever na DIV ne?!

basta jogar no input tb...

input.value = talVar;

jcgodoy · Fevereiro 20, 2009

Posta esse código ai..

você usou um innerHTML para escrever na DIV ne?!

basta jogar no input tb...

input.value = talVar;

Opa..

Estou enviando o código.

O DIV que preciso é o id=subtotal ou o id=grandtotal estes devem ser replicados para um INPUT. Se fosse automático seria melhor ainda.. mas se não der! pode ser com botão para atualizar ou algo assim.

Vlw desde já!

<!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>
	<title>NetherCraft // Order Form</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<link rel="stylesheet" type="text/css" media="all" href="http://www.nethercraft.com/plain.css" />
	<script type="text/javascript" language="JavaScript" src="http://www.nethercraft.com/scripts.js"></script>
	<script type="text/javascript" language="JavaScript" src="http://www.nethercraft.com/order_form.js"></script>
</head>
<body class="order_form">

<div id="content">
<form name="items" action="order_form.html" onsubmit="return false;">

<table width="600" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="2" width="600" valign="top">
		
			<noscript><p>You must enable JavaScript for this form to work correctly.</p></noscript>
				
		</td>
	</tr>
	<tr>
		<td>

		<table width="600" cellspacing="0" cellpadding="5" class="border">

			<tr>
				<td width="160" class="tablehead">Item</td>
				<td width="175" class="tablehead">Finish</td>
				<td width="90" class="tablehead">Price Ea.</td>
				<td width="70" class="tablehead">Qty.</td>
				<td width="90" class="tablehead">Total</td>
			</tr>
			
			<tr class="alt">
				<td>

					<input type="hidden" name="pricefield1" value="" />
					<input type="hidden" name="totalfield1" value="" />

					<select name="item1" onchange="updateFinish(1)" size="1">
						<option value="">Please select an Item</option>
						<option value="Abubuju">Abubuju</option>
						<option value="Aegis">Aegis</option>
						<option value="Ankh">Ankh</option>
					</select>
				
				</td>
				<td><div id="finish1">
		
					<div class="empty"> </div>

				</div></td>
				<td><div id="price1"> </div></td>
				<td><input name="qty1" type="text" class="field" size="4" onchange="updateTotal(1)" style="width:53px" /></td>
				<td><div id="total1"> </div></td>
			</tr>
			
			<tr>
				<td>

					<input type="hidden" name="pricefield2" value="" />
					<input type="hidden" name="totalfield2" value="" />

					<select name="item2" onchange="updateFinish(2)" size="1">
						<option value="">Please select an Item</option>
						<option value="Abubuju">Abubuju</option>
						<option value="Aegis">Aegis</option>
						<option value="Ankh">Ankh</option>
						<option value="Candle Nymph">Candle Nymph</option>
					</select>
				
				</td>
				<td><div id="finish2">
		
					<div class="empty"> </div>

				</div></td>
				<td><div id="price2"> </div></td>
				<td><input name="qty2" type="text" class="field" size="4" onchange="updateTotal(2)" style="width:53px" /></td>
				<td><div id="total2"> </div></td>
			</tr>
			
			<tr class="alt">
				<td>

					<input type="hidden" name="pricefield3" value="" />
					<input type="hidden" name="totalfield3" value="" />

					<select name="item3" onchange="updateFinish(3)" size="1">
						<option value="">Please select an Item</option>
						<option value="Abubuju">Abubuju</option>
						<option value="Aegis">Aegis</option>
						<option value="Ankh">Ankh</option>
					</select>
				
				</td>
				<td><div id="finish3">
		
					<div class="empty"> </div>

				</div></td>
				<td><div id="price3"> </div></td>
				<td><input name="qty3" type="text" class="field" size="4" onchange="updateTotal(3)" style="width:53px" /></td>
				<td><div id="total3"> </div></td>
			</tr>
			
			<tr>
				<td>

					<input type="hidden" name="pricefield4" value="" />
					<input type="hidden" name="totalfield4" value="" />

					<select name="item4" onchange="updateFinish(4)" size="1">
						<option value="">Please select an Item</option>
						<option value="Abubuju">Abubuju</option>
						<option value="Aegis">Aegis</option>
						<option value="Ankh">Ankh</option>
						<option value="Candle Nymph">Candle Nymph</option>
					</select>
				
				</td>
				<td><div id="finish4">
		
					<div class="empty"> </div>

				</div></td>
				<td><div id="price4"> </div></td>
				<td><input name="qty4" type="text" class="field" size="4" onchange="updateTotal(4)" style="width:53px" /></td>
				<td><div id="total4"> </div></td>
			</tr>
			
			<tr class="alt">
				<td>

					<input type="hidden" name="pricefield5" value="" />
					<input type="hidden" name="totalfield5" value="" />

					<select name="item5" onchange="updateFinish(5)" size="1">
						<option value="">Please select an Item</option>
						<option value="Abubuju">Abubuju</option>
						<option value="Aegis">Aegis</option>
						<option value="Ankh">Ankh</option>
						<option value="Candle Nymph">Candle Nymph</option>
					</select>
				
				</td>
				<td><div id="finish5">
		
					<div class="empty"> </div>

				</div></td>
				<td><div id="price5"> </div></td>
				<td><input name="qty5" type="text" class="field" size="4" onchange="updateTotal(5)" style="width:53px" /></td>
				<td><div id="total5"> </div></td>
			</tr>
			
			<tr>
				<td>

					<input type="hidden" name="pricefield6" value="" />
					<input type="hidden" name="totalfield6" value="" />
				
					<select name="item6" onchange="updateFinish(6)" size="1">
						<option value="">Please select an Item</option>
						<option value="Abubuju">Abubuju</option>
						<option value="Aegis">Aegis</option>
						<option value="Ankh">Ankh</option>
					</select>
				
				</td>
				<td><div id="finish6">
		
					<div class="empty"> </div>

				</div></td>
				<td><div id="price6"> </div></td>
				<td><input name="qty6" type="text" class="field" size="4" onchange="updateTotal(6)" style="width:53px" /></td>
				<td><div id="total6"> </div></td>
			</tr>
			
			<tr class="alt">
				<td>

					<input type="hidden" name="pricefield7" value="" />
					<input type="hidden" name="totalfield7" value="" />

					<select name="item7" onchange="updateFinish(7)" size="1">
						<option value="">Please select an Item</option>
						<option value="Abubuju">Abubuju</option>
						<option value="Aegis">Aegis</option>
						<option value="Ankh">Ankh</option>
					</select>
				
				</td>
				<td><div id="finish7">
		
					<div class="empty"> </div>

				</div></td>
				<td><div id="price7"> </div></td>
				<td><input name="qty7" type="text" class="field" size="4" onchange="updateTotal(7)" style="width:53px" /></td>
				<td><div id="total7"> </div></td>
			</tr>
			
			<tr>
				<td>

					<input type="hidden" name="pricefield8" value="" />
					<input type="hidden" name="totalfield8" value="" />

					<select name="item8" onchange="updateFinish(8)" size="1">
						<option value="">Please select an Item</option>
						<option value="Abubuju">Abubuju</option>
						<option value="Aegis">Aegis</option>
						<option value="Ankh">Ankh</option>
					</select>
				
				</td>
				<td><div id="finish8">
		
					<div class="empty"> </div>

				</div></td>
				<td><div id="price8"> </div></td>
				<td><input name="qty8" type="text" class="field" size="4" onchange="updateTotal(8)" style="width:53px" /></td>
				<td><div id="total8"> </div></td>
			</tr>

			<tr class="alt">
				<td colspan="4"><b>Subtotal</b></td>
				<td><div id="subtotal"> </div></td>
			</tr>
			
			<tr class="alt">
				<td colspan="4">
					<b>15%</b></td>
				<td><div id="shipping"> </div></td>
			</tr>
			<tr>
				<td colspan="4"><b>Grand Total</b></td>
				<td><div id="grandtotal"> </div></td>
			</tr>
						
		</table>
		
		<p> </p>
		
		
		</td>
	</tr>
	<tr>
		<td colspan="2" width="600" valign="top">
			
			 </td>
	</tr>
</table>	

</form>
</div>

</body>
</html>

Ted k' · Fevereiro 20, 2009

como o bruno citou, faz um script que já pegue o valor da div e coloca a função

function valor() {
document.getElementById("campo").value = document.getElementById("div").innerHTML
}

como o bruno citou ainda é mais pratico

webmind · Fevereiro 20, 2009

nao entendi sua duvida, pode explicar melhor?

estive olhando o codigo e reparei que o total nao esta correto pois o subtotal nao soma com o (15% desse valor), uma vez que o campo e sempre 0.

jcgodoy · Fevereiro 20, 2009

Bom dia gente!!

Vlw pelo pronto atendimento..

Usei o onfocus

<input class="right" type=text name="campo" value="" onFocus="valor()">

E resolveu aqui!!!!!!!!!!

Obrigado!!!!

Bom carnaval pra vcs!!!

Godoy

Entrar

Arquivado

[Resolvido] DIV para INPUT

Recommended Posts

jcgodoy 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

jcgodoy 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ted k' 126

Compartilhar este post

Link para o post

Compartilhar em outros sites

webmind 5

Compartilhar este post

Link para o post

Compartilhar em outros sites

jcgodoy 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

PHP+Codeigniter - Dúvida em Relação a Teclas

Conexão mysql com outro domínio

[Resolvido] JavaScript - Exibir logo dentro da Tabela html

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante