API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 25th, 2020
120
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Domaci-primer 07</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  8. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  9. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
  10.  
  11. <link href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet">
  12. <link rel="stylesheet" href="/js/jquery-ui.css">
  13. <link rel="stylesheet" href="/js/style.css">
  14. <script src="/js/jquery-3.4.1.min.js"></script>
  15. <script src="/js/jquery-ui.js"></script>
  16.  
  17. </head>
  18. <body>
  19.  
  20. <div class="container">
  21.  
  22. <div class="input-group">
  23. <button type="button" class="btn btn-info">
  24. <span class="btn-label"><i class="glyphicon glyphicon-arrow-left" ></i></span> Povratak na listu</button>
  25. &nbsp;
  26. <button type="button" class="btn btn-info">
  27. <span class="btn-label"><i class="glyphicon glyphicon-search" ></i></span> Pretraga ugovora</button>
  28. </div>
  29. <h3>Nova primedba</h3>
  30. <hr id="linija">
  31.  
  32. <form class="form-horizontal">
  33.  
  34.  
  35. <div class="form-group">
  36. <div class="input select required">
  37. <label class="col-sm-2 control-label">Prijava</label>
  38. <div class="col-sm-1">
  39. <select name="data[Observation][observation_source_id]" class="form-control" id="ObservationObservationSourceId" required="required">
  40. <option value="2" selected="selected">Pošta</option>
  41. <option value="3">E-mail</option>
  42. <option value="4">Zapisnik</option>
  43. </select>
  44. </div>
  45. </div>
  46. <div class="input text">
  47. <label class="col-sm-1 control-label" id="id-post_reference_number" style="display: block;">Pošta</label>
  48. <div class="col-sm-2">
  49. <input name="data[Observation][post_reference_number]" class="form-control" maxlength="20" type="text" id="ObservationPostReferenceNumber" style="display: block;">
  50. </div>
  51. </div>
  52.  
  53. <div class="input date">
  54. <label class="col-sm-1 control-label" id="id-post_reference_date" style="display: block;">Datum</label>
  55. <div class="col-sm-5">
  56. <select name="data[Observation][post_reference_date][month]" class="form-control" style="width: 80px; float: left; display: block;" id="ObservationPostReferenceDateMonth">
  57. <option value="01">January</option>
  58. <option value="02" selected="selected">February</option>
  59. <option value="03">March</option>
  60. <option value="04">April</option>
  61. <option value="05">May</option>
  62. <option value="06">June</option>
  63. <option value="07">July</option>
  64. <option value="08">August</option>
  65. <option value="09">September</option>
  66. <option value="10">October</option>
  67. <option value="11">November</option>
  68. <option value="12">December</option>
  69. </select>
  70. <select name="data[Observation][post_reference_date][day]" class="form-control" style="width: 80px; float: left; display: block;" id="ObservationPostReferenceDateDay">
  71. <option value="01">1</option>
  72. <option value="02">2</option>
  73. <option value="03">3</option>
  74. <option value="04">4</option>
  75. <option value="05">5</option>
  76. <option value="06">6</option>
  77. <option value="07">7</option>
  78. <option value="08">8</option>
  79. <option value="09">9</option>
  80. <option value="10">10</option>
  81. <option value="11">11</option>
  82. <option value="12">12</option>
  83. <option value="13">13</option>
  84. <option value="14">14</option>
  85. <option value="15">15</option>
  86. <option value="16">16</option>
  87. <option value="17">17</option>
  88. <option value="18">18</option>
  89. <option value="19">19</option>
  90. <option value="20">20</option>
  91. <option value="21">21</option>
  92. <option value="22">22</option>
  93. <option value="23">23</option>
  94. <option value="24">24</option>
  95. <option value="25" selected="selected">25</option>
  96. <option value="26">26</option>
  97. <option value="27">27</option>
  98. <option value="28">28</option>
  99. <option value="29">29</option>
  100. <option value="30">30</option>
  101. <option value="31">31</option>
  102. </select>
  103.  
  104. <select name="data[Observation][post_reference_date][year]" class="form-control" style="width: 80px; float: left; display: block;" id="ObservationPostReferenceDateYear">
  105. <option value="2040">2040</option>
  106. <option value="2039">2039</option>
  107. <option value="2038">2038</option>
  108. <option value="2037">2037</option>
  109. <option value="2036">2036</option>
  110. <option value="2035">2035</option>
  111. <option value="2034">2034</option>
  112. <option value="2033">2033</option>
  113. <option value="2032">2032</option>
  114. <option value="2031">2031</option>
  115. <option value="2030">2030</option>
  116. <option value="2029">2029</option>
  117. <option value="2028">2028</option>
  118. <option value="2027">2027</option>
  119. <option value="2026">2026</option>
  120. <option value="2025">2025</option>
  121. <option value="2024">2024</option>
  122. <option value="2023">2023</option>
  123. <option value="2022">2022</option>
  124. <option value="2021">2021</option>
  125. <option value="2020" selected="selected">2020</option>
  126. <option value="2019">2019</option>
  127. <option value="2018">2018</option>
  128. <option value="2017">2017</option>
  129. <option value="2016">2016</option>
  130. <option value="2015">2015</option>
  131. <option value="2014">2014</option>
  132. <option value="2013">2013</option>
  133. <option value="2012">2012</option>
  134. <option value="2011">2011</option>
  135. <option value="2010">2010</option>
  136. <option value="2009">2009</option>
  137. <option value="2008">2008</option>
  138. <option value="2007">2007</option>
  139. <option value="2006">2006</option>
  140. <option value="2005">2005</option>
  141. <option value="2004">2004</option>
  142. <option value="2003">2003</option>
  143. <option value="2002">2002</option>
  144. <option value="2001">2001</option>
  145. <option value="2000">2000</option>
  146. </select>
  147.  
  148. </div>
  149.  
  150. </div>
  151.  
  152. </div>
  153.  
  154.  
  155. <div class="form-group">
  156. <label class="control-label col-sm-2" for="naselje">Naselje</label>
  157. <div class="col-sm-2">
  158. <select class="form-control" id="naselje">
  159. <option>(izaberite naselje)</option>
  160. <option>Liman</option>
  161. <option>Novo naselje</option>
  162.  
  163. </select>
  164. </div>
  165.  
  166. <label class="control-label col-sm-1" for="grupa">Grupa</label>
  167. <div class="col-sm-2">
  168. <select class="form-control" id="grupa">
  169. <option>(izaberite grupu)</option>
  170. <option>1</option>
  171. <option>2</option>
  172. <option>3</option>
  173. </select>
  174. </div>
  175. </div>
  176. <div class="form-group">
  177. <label class="control-label col-sm-2" for="objekat">Objekat</label>
  178. <div class="col-sm-2">
  179. <select class="form-control" id="objekat">
  180. <option>(izaberite objekat)</option>
  181. <option>1</option>
  182. <option>2</option>
  183. <option>3</option>
  184. </select>
  185. </div>
  186.  
  187. <label class="control-label col-sm-1" for="lamela">Lamela</label>
  188. <div class="col-sm-2">
  189. <select class="form-control" id="lamela">
  190. <option>(izaberite lamelu)</option>
  191. <option>A</option>
  192. <option>B</option>
  193. <option>C</option>
  194. </select>
  195. </div>
  196.  
  197. <label class="control-label col-sm-1" for="adresa">Adresa</label>
  198. <div class="col-sm-4">
  199. <input type="text" class="form-control" id="adresa">
  200. </div>
  201. </div>
  202.  
  203. <div class="form-group">
  204. <label class="control-label col-sm-2" for="prijava">Prijava</label>
  205. <div class="col-sm-2">
  206. <select class="form-control" id="prijava">
  207. <option>pošta</option>
  208. <option>A</option>
  209. <option>B</option>
  210. <option>C</option>
  211. </select>
  212. </div>
  213. <label class="control-label col-sm-1" for="posta">Br. pošte</label>
  214. <div class="col-sm-2">
  215. <input type="text" class="form-control" id="posta">
  216. </div>
  217. <label class="control-label col-sm-1" for="datepicker">Datum</label>
  218. <div class="col-sm-2">
  219. <input type="text" class="form-control" id="datepicker" placeholder="dd-mm-yy" >
  220. </div>
  221. </div>
  222.  
  223. <div class="form-group">
  224. <label class="control-label col-sm-2" for="datumUneto">Uneto</label>
  225. <div class="col-sm-2" style="padding-right: 0px; padding-left: 0px">
  226. <select class="form-control" id="godina">
  227. <option>Januar</option>
  228. <option>Februar</option>
  229. <option>Mart</option>
  230. <option>April</option>
  231. <option>Maj</option>
  232. <option>Jun</option>
  233. <option>Jul</option>
  234. <option>Avgust</option>
  235. <option>Septembar</option>
  236. <option>Oktobar</option>
  237. <option>Novembar</option>
  238. <option>Decembar</option>
  239. </select>
  240. </div>
  241. <div class="col-sm-1" style="padding-right: 0px; padding-left: 0px">
  242. <input type="number"class="form-control" id="datumUneto" min="1" max="31">
  243. </div>
  244. <div class="col-sm-1" style="padding-right: 0px; padding-left: 0px">
  245. <input type="number"class="form-control" id="godina" min="1900" max="2020">
  246. </div>
  247. <div class="col-sm-1" style="padding-right: 0px; padding-left: 0px">
  248. <input type="number"class="form-control" id="sat" min="1" max="23">
  249. </div>
  250. <div class="col-sm-1" style="padding-right: 0px; padding-left: 0px">
  251. <input type="number"class="form-control" id="minut" min="1" max="59">
  252. </div>
  253. </div>
  254.  
  255. <div class="form-group">
  256. <label class="control-label col-sm-2" for="kupac">Kupac</label>
  257. <div class="col-sm-2">
  258. <input type="text" class="form-control" id="kupac" placeholder="Ime i prezime">
  259. </div>
  260. <label class="control-label col-sm-1" for="brUgovora">Br.ugovora</label>
  261. <div class="col-sm-2">
  262. <input type="text" class="form-control" id="brUgovora">
  263. </div>
  264. <label class="control-label col-sm-1" for="sprat">Sprat</label>
  265. <div class="col-sm-1">
  266. <input type="number" class="form-control" id="sprat">
  267. </div>
  268. <label class="control-label col-sm-1" for="stan">Br. stana</label>
  269. <div class="col-sm-1">
  270. <input type="number" class="form-control" id="stan">
  271. </div>
  272. </div>
  273.  
  274. <div class="form-group">
  275. <label class="control-label col-sm-2" for="email">E-mail</label>
  276. <div class="col-sm-5">
  277. <input type="email" class="form-control" id="email" placeholder="e-mail">
  278. </div>
  279. <label class="control-label col-sm-1" for="telefon">Telefon</label>
  280. <div class="col-sm-3">
  281. <input type="text"class="form-control" id="telefon">
  282. </div>
  283. </div>
  284.  
  285. <div class="form-group">
  286. <label class="control-label col-sm-2" for="vrstaPrimedbe">Vrsta primedbe</label>
  287. <div class="col-sm-10">
  288. <select class="form-control" id="vrstaPrimedbe">
  289. <option>Izaberite vrstu primedbe</option>
  290. <option>A</option>
  291. <option>B</option>
  292. <option>C</option>
  293. </select>
  294. </div>
  295. </div>
  296.  
  297. <div class="form-group">
  298. <label class="control-label col-sm-2" for="opis">Opis</label>
  299. <div class="col-sm-10">
  300. <textarea class="form-control" rows="4" id="opis"></textarea>
  301. </div>
  302. </div>
  303.  
  304. <div class="form-group">
  305. <label class="control-label col-sm-2" for="napomena">Napomena</label>
  306. <div class="col-sm-10">
  307. <textarea class="form-control" rows="4" id="napomena"></textarea>
  308. </div>
  309. </div>
  310.  
  311. <div class="form-group">
  312. <label class="control-label col-sm-2" for="dodajFajl">Dodaj fajl</label>
  313. <div class="col-sm-10">
  314. <input type="file" class="form-control" id="dodajFajl">
  315. </div>
  316. </div>
  317.  
  318. <div class="form-group">
  319. <div class="col-sm-2"> </div>
  320. <div class="input-group col-sm-4">
  321. <button type="button" class="btn btn-primary" style="margin-left: 15px">
  322. <span class="btn-label"><i class="glyphicon glyphicon-plus" ></i></span> Dodaj novi rekord</button>
  323. </div>
  324. </div>
  325. <br>
  326.  
  327. </form>
  328.  
  329. </div>
  330.  
  331. <script>
  332.  
  333. jQuery(document).ready(function () {
  334. var izabraniDatum;
  335. jQuery('.btn-primary').on('click', function () {
  336.  
  337.  
  338. var naselje = jQuery('#naselje').val();
  339. var grupa = jQuery('#grupa').val();
  340. var objekat = jQuery('#objekat').val();
  341. var lamela = jQuery('#lamela').val();
  342. var adresa = jQuery('#adresa').val();
  343. var novaAdresa = jQuery('#novaAdresa').val();
  344.  
  345.  
  346. var rezultat = 'Prikupljeni podaci su:\n';
  347. rezultat += 'Naselje: ' + naselje + ' \n';
  348. rezultat += 'Grupa: ' + grupa + ' \n';
  349. rezultat += 'Objekat: ' + objekat + ' \n';
  350. rezultat += 'Lamela: ' + lamela + ' \n';
  351. rezultat += 'Adresa: ' + adresa + ' \n';
  352. rezultat += 'NovaAdresa: ' + novaAdresa;
  353.  
  354. alert(rezultat);
  355.  
  356. })
  357.  
  358. jQuery( "#datepicker" ).datepicker({
  359. showOtherMonths: true,
  360. selectOtherMonths: true,
  361. dateFormat: "dd-mm-yy",
  362. changeMonth: true,
  363. changeYear: true,
  364. onSelect:function(selectedDate) {
  365.  
  366. izabraniDatum = selectedDate;
  367. }
  368. })
  369.  
  370. })
  371.  
  372. </script>
  373.  
  374.  
  375. <style>
  376.  
  377. body {
  378. font-family:"Arial", sans-serif;
  379. color:#4a4a4a;
  380.  
  381. }
  382.  
  383. h3 {text-align:left;
  384. font-size:20px;
  385. margin-top: 15px;
  386. margin-bottom: 0px;
  387. }
  388.  
  389. #linija {
  390. margin-top: 5px;
  391. border: 1px solid #edebed;
  392. }
  393.  
  394. .container {
  395. width: 80%;
  396. border:1px #dbd9db solid;
  397. border-radius:5px;
  398. background-color:#f7f7f7;
  399. margin-top:100px;
  400. padding-top: 20px;
  401. }
  402.  
  403.  
  404. </style>
  405.  
  406. </body>
  407. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!