<script language="javascript">
function productSellFirstStep(a,b,c,d,e,f) {
shortName = document.getElementById('shortName');
shortName.value = a;

fullName = document.getElementById('fullName');
fullName.value = b;

producer = document.getElementById('producer');
producer.value = c;

price = document.getElementById('price');
price.value = d;

amount = document.getElementById('amount');
amount.value = e;

amountToSell = document.getElementById('amountToSell');
amountToSell.value = f;
}

function amountU() {
if( document.sellProductForm.amount.value == 0 ) {
document.sellProductForm.amount.value = 0;
} else {
document.sellProductForm.amount.value--;
document.sellProductForm.amountToSell.value++;
}
}

function amountD() {
if( document.sellProductForm.amountToSell.value == 0 ) {
document.sellProductForm.amountToSell.value = 0;
} else {
document.sellProductForm.amount.value++;
document.sellProductForm.amountToSell.value--;
}
}
</script>

<table border="0" cellspacing="1" cellpadding="10">
<form actions="" method="post" name="sellProductForm">
<tr style="background: #aaaaaa; font-size: 8pt; text-align: left;">
<td>Nazwa produktu</td>
<td>Szczegóły</td>
<td>Ilość</td>
</tr>

<tr style="background: #cccccc; font-size: 8pt; text-align: left;" valign="top">
<td width="211">
<select name="product" size="27" style="height: 402px; width: 211px;">
<option onClick="productSellFirstStep('&quot;Nazwa skrócona 1&quot;', 'Nazwa pełna 1', 'Producent 1', 100.00, 1, 0)" value="1">"Nazwa skrócona 1"</option>
<option onClick="productSellFirstStep('&quot;Nazwa skrócona 2&quot;', 'Nazwa pełna 2', 'Producent 2', 100.00, 2, 0)" value="2">"Nazwa skrócona 2"</option>
<option onClick="productSellFirstStep('&quot;Nazwa skrócona 3&quot;', 'Nazwa pełna 3', 'Producent 3', 100.00, 3, 0)" value="3">"Nazwa skrócona 3"</option>
<option onClick="productSellFirstStep('&quot;Nazwa skrócona 4&quot;', 'Nazwa pełna 4', 'Producent 4', 100.00, 4, 0)" value="4">"Nazwa skrócona 4"</option>
<option onClick="productSellFirstStep('&quot;Nazwa skrócona 5&quot;', 'Nazwa pełna 5', 'Producent 5', 100.00, 5, 0)" value="5">"Nazwa skrócona 5"</option>
</select>
</td>

<td width="215">
Nazwa skrócona:
<input readonly name="shortName" id="shortName" type="text" style="background: #dddddd; width: 215px;">

Nazwa pełna:
<input readonly name="fullName" id="fullName" type="text" style="background: #dddddd; width: 215px;">

Producent:
<input readonly name="producer" id="producer" type="text" style="background: #dddddd; width: 215px;">

Cena:
<input readonly name="price" id="price" type="text" style="background: #dddddd; width: 215px;">

Dostępna ilość:
<input readonly name="amount" id="amount" type="text" style="background: #dddddd; width: 215px;">
</td>

<td width="204">
Sprzedaj<br />
<input readonly name="amountToSell" id="amountToSell" type="text" style="background: #dddddd; width: 50px;"> szt.
<input onClick="return amountU(this)" type="button" value="+" style="background: #dddddd; width: 57px;">
<input onClick="return amountD(this)" type="button" value="-" style="background: #dddddd; width: 57px;">
</td>
</tr>

<tr style="background: #aaaaaa; font-size: 8pt;">
<td align="right" colspan="3">
<input type="hidden" name="sold" value="yes">
<input type="submit" style="width: 100px;" value="Ok">
</td>
</tr>
</form>
</table>