1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. 	<meta http-equiv="content-Type" content="text/html; charset=windows-1250" />
  6. 	<title>Ra?un</title>
  7.  
  8. 	<meta id="Author" content="Sandi Verdev" />
  9. 	<meta id="Generator" content="Notepad++" />
  10. 	<script type="text/javascript" language="javascript">
  11. 		function poracun(theForm, id) {
  12. 			skupaj = eval(document.getElementById('enot_' + id).value) * eval(document.getElementById('cena_' + id).value);
  13. 			ddv = skupaj * eval(document.getElementById('ddv_' + id).value) / 100;
  14. 			skupaj += ddv;
  15. 			if(skupaj >= 0) {
  16. 				document.getElementById('skupaj_' + id).innerHTML = skupaj;
  17. 			} else {
  18. 				document.getElementById('skupaj_' + id).innerHTML = 0;
  19. 				ddv = 0;
  20. 			}
  21. 			return ddv;
  22. 		}
  23. 		
  24. 		function skupaj(theForm) {
  25. 			var skupaj = 0;
  26. 			var ddv = 0;
  27. 			for(i = 1; i <= 10; i++) {
  28. 				ddv += poracun(theForm, i);
  29. 				skupaj += eval(document.getElementById('skupaj_' + i).innerHTML);
  30. 			}
  31. 			skupaj += ddv;
  32. 			document.getElementById('skupaj').innerHTML = skupaj;
  33. 			document.getElementById('ddv').innerHTML = ddv;
  34. 		}
  35. 		
  36. 		function obroki() {
  37. 			skupaj = eval(document.getElementById('skupaj').innerHTML);
  38. 			if(eval(document.getElementById('obrokov').value) < 1) {
  39. 				document.getElementById('obrokov').value = 1;
  40. 			} else if(eval(document.getElementById('obrokov').value) > 1) {
  41. 				skupaj += skupaj * 5 / 100;
  42. 			}
  43. 			document.getElementById('obroki').innerHTML = skupaj / eval(document.getElementById('obrokov').value);
  44. 		}
  45. 	</script>
  46. </head>
  47. <body>
  48. 	<form id="racun" action="index.htm" method="post">
  49. 		<table cellpadding="0" cellspacing="0" border="1">
  50. 			<tr>
  51. 				<td>Zap. ?t.</td>
  52. 				<td>Opis storitve</td>
  53. 				<td>?tevilo enot</td>
  54. 				<td>Cena na enoto</td>
  55. 				<td>DDV</td>
  56. 				<td>Skupaj</td>
  57. 			</tr>
  58. 			<tr>
  59. 				<td>1.</td>
  60. 				<td><input type="text" size="80" id="opis_1" /></td>
  61. 				<td><input type="text" id="enot_1" /></td>
  62. 				<td><input type="text" id="cena_1" /></td>
  63. 				<td>
  64. 					<select id="ddv_1">
  65. 						<option value="8">8 %</option>
  66. 						<option value="20" selected="selected">20 %</option>
  67. 					</select>
  68. 				</td>
  69. 				<td id="skupaj_1" onclick="poracun(this, 1)"></td>
  70. 			</tr>
  71. 			<tr>
  72. 				<td>2.</td>
  73. 				<td><input type="text" size="80" id="opis_2" /></td>
  74. 				<td><input type="text" id="enot_2" /></td>
  75. 				<td><input type="text" id="cena_2" /></td>
  76. 				<td>
  77. 					<select id="ddv_2">
  78. 						<option value="8">8 %</option>
  79. 						<option value="20" selected="selected">20 %</option>
  80. 					</select>
  81. 				</td>
  82. 				<td id="skupaj_2" onclick="poracun(this, 2)"></td>
  83. 			</tr>
  84. 			<tr>
  85. 				<td>3.</td>
  86. 				<td><input type="text" size="80" id="opis_3" /></td>
  87. 				<td><input type="text" id="enot_3" /></td>
  88. 				<td><input type="text" id="cena_3" /></td>
  89. 				<td>
  90. 					<select id="ddv_3">
  91. 						<option value="8">8 %</option>
  92. 						<option value="20" selected="selected">20 %</option>
  93. 					</select>
  94. 				</td>
  95. 				<td id="skupaj_3" onclick="poracun(this, 3)"></td>
  96. 			</tr>
  97. 			<tr>
  98. 				<td>4.</td>
  99. 				<td><input type="text" size="80" id="opis_4" /></td>
  100. 				<td><input type="text" id="enot_4" /></td>
  101. 				<td><input type="text" id="cena_4" /></td>
  102. 				<td>
  103. 					<select id="ddv_4">
  104. 						<option value="8">8 %</option>
  105. 						<option value="20" selected="selected">20 %</option>
  106. 					</select>
  107. 				</td>
  108. 				<td id="skupaj_4" onclick="poracun(this, 4)"></td>
  109. 			</tr>
  110. 			<tr>
  111. 				<td>5.</td>
  112. 				<td><input type="text" size="80" id="opis_5" /></td>
  113. 				<td><input type="text" id="enot_5" /></td>
  114. 				<td><input type="text" id="cena_5" /></td>
  115. 				<td>
  116. 					<select id="ddv_5">
  117. 						<option value="8">8 %</option>
  118. 						<option value="20" selected="selected">20 %</option>
  119. 					</select>
  120. 				</td>
  121. 				<td id="skupaj_5" onclick="poracun(this, 5)"></td>
  122. 			</tr>
  123. 			<tr>
  124. 				<td>6.</td>
  125. 				<td><input type="text" size="80" id="opis_6" /></td>
  126. 				<td><input type="text" id="enot_6" /></td>
  127. 				<td><input type="text" id="cena_6" /></td>
  128. 				<td>
  129. 					<select id="ddv_6">
  130. 						<option value="8">8 %</option>
  131. 						<option value="20" selected="selected">20 %</option>
  132. 					</select>
  133. 				</td>
  134. 				<td id="skupaj_6" onclick="poracun(this, 6)"></td>
  135. 			</tr>
  136. 			<tr>
  137. 				<td>7.</td>
  138. 				<td><input type="text" size="80" id="opis_7" /></td>
  139. 				<td><input type="text" id="enot_7" /></td>
  140. 				<td><input type="text" id="cena_7" /></td>
  141. 				<td>
  142. 					<select id="ddv_7">
  143. 						<option value="8">8 %</option>
  144. 						<option value="20" selected="selected">20 %</option>
  145. 					</select>
  146. 				</td>
  147. 				<td id="skupaj_7" onclick="poracun(this, 7)"></td>
  148. 			</tr>
  149. 			<tr>
  150. 				<td>8.</td>
  151. 				<td><input type="text" size="80" id="opis_8" /></td>
  152. 				<td><input type="text" id="enot_8" /></td>
  153. 				<td><input type="text" id="cena_8" /></td>
  154. 				<td>
  155. 					<select id="ddv_8">
  156. 						<option value="8">8 %</option>
  157. 						<option value="20" selected="selected">20 %</option>
  158. 					</select>
  159. 				</td>
  160. 				<td id="skupaj_8" onclick="poracun(this, 8)"></td>
  161. 			</tr>
  162. 			<tr>
  163. 				<td>9.</td>
  164. 				<td><input type="text" size="80" id="opis_9" /></td>
  165. 				<td><input type="text" id="enot_9" /></td>
  166. 				<td><input type="text" id="cena_9" /></td>
  167. 				<td>
  168. 					<select id="ddv_9">
  169. 						<option value="8">8 %</option>
  170. 						<option value="20" selected="selected">20 %</option>
  171. 					</select>
  172. 				</td>
  173. 				<td id="skupaj_9" onclick="poracun(this, 9)"></td>
  174. 			</tr><tr>
  175. 				<td>10.</td>
  176. 				<td><input type="text" size="80" id="opis_10" /></td>
  177. 				<td><input type="text" id="enot_10" /></td>
  178. 				<td><input type="text" id="cena_10" /></td>
  179. 				<td>
  180. 					<select id="ddv_10">
  181. 						<option value="8">8 %</option>
  182. 						<option value="20" selected="selected">20 %</option>
  183. 					</select>
  184. 				</td>
  185. 				<td id="skupaj_10" onclick="poracun(this, 10)"></td>
  186. 			</tr>
  187. 			<tr>
  188. 				<td colspan="3"></td>
  189. 				<td align="right">Skupaj:</td>
  190. 				<td id="skupaj" colspan="2" onclick="skupaj(this)"></td>
  191. 			</tr>
  192. 			<tr>
  193. 				<td colspan="3"></td>
  194. 				<td align="right">od tega DDV:</td>
  195. 				<td id="ddv" colspan="2" onclick="skupaj(this)"></td>
  196. 			</tr>
  197. 			<tr>
  198. 				<td colspan="3"></td>
  199. 				<td align="right">na <input type="text" id="obrokov" size="2" value="1" /> obrokov:</td>
  200. 				<td id="obroki" colspan="2" onclick="obroki(this)"></td>
  201. 			</tr>
  202. 		</table>
  203. 	</form>
  204. </body>
  205. </html>