{"id":22469,"date":"2026-03-06T12:28:32","date_gmt":"2026-03-06T12:28:32","guid":{"rendered":"https:\/\/iit.ac.rs\/?page_id=22469"},"modified":"2026-03-06T12:37:13","modified_gmt":"2026-03-06T12:37:13","slug":"iz%d1%98ava","status":"publish","type":"page","link":"https:\/\/iit.ac.rs\/en\/iz%d1%98ava\/","title":{"rendered":"\u0418\u0437\u0458\u0430\u0432\u0430"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22469\" class=\"elementor elementor-22469\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21c9d2c e-flex e-con-boxed e-con e-parent\" data-id=\"21c9d2c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-471ec2f elementor-widget elementor-widget-html\" data-id=\"471ec2f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"max-width:900px;margin:auto;font-family:Arial;padding:20px\">\r\n\r\n<h2>\u0418\u0437\u0458\u0430\u0432\u0430 \u0437\u0430 \u0442\u0440\u043e\u0448\u043a\u043e\u0432\u0435 \u0433\u043e\u0440\u0438\u0432\u0430<\/h2>\r\n\r\n<label>\u0418\u043c\u0435 \u0438 \u043f\u0440\u0435\u0437\u0438\u043c\u0435:<\/label>\r\n<input type=\"text\" id=\"ime\" style=\"width:100%;margin-bottom:15px\">\r\n\r\n<label>\u041c\u0435\u0441\u0435\u0446:<\/label>\r\n<select id=\"mesec\" style=\"width:100%;margin-bottom:20px\">\r\n<option value=\"\u0458\u0430\u043d\u0443\u0430\u0440\">\u0458\u0430\u043d\u0443\u0430\u0440<\/option>\r\n<option value=\"\u0444\u0435\u0431\u0440\u0443\u0430\u0440\">\u0444\u0435\u0431\u0440\u0443\u0430\u0440<\/option>\r\n<option value=\"\u043c\u0430\u0440\u0442\">\u043c\u0430\u0440\u0442<\/option>\r\n<option value=\"\u0430\u043f\u0440\u0438\u043b\">\u0430\u043f\u0440\u0438\u043b<\/option>\r\n<option value=\"\u043c\u0430\u0458\">\u043c\u0430\u0458<\/option>\r\n<option value=\"\u0458\u0443\u043d\">\u0458\u0443\u043d<\/option>\r\n<option value=\"\u0458\u0443\u043b\">\u0458\u0443\u043b<\/option>\r\n<option value=\"\u0430\u0432\u0433\u0443\u0441\u0442\">\u0430\u0432\u0433\u0443\u0441\u0442<\/option>\r\n<option value=\"\u0441\u0435\u043f\u0442\u0435\u043c\u0431\u0430\u0440\">\u0441\u0435\u043f\u0442\u0435\u043c\u0431\u0430\u0440<\/option>\r\n<option value=\"\u043e\u043a\u0442\u043e\u0431\u0430\u0440\">\u043e\u043a\u0442\u043e\u0431\u0430\u0440<\/option>\r\n<option value=\"\u043d\u043e\u0432\u0435\u043c\u0431\u0430\u0440\">\u043d\u043e\u0432\u0435\u043c\u0431\u0430\u0440<\/option>\r\n<option value=\"\u0434\u0435\u0446\u0435\u043c\u0431\u0430\u0440\">\u0434\u0435\u0446\u0435\u043c\u0431\u0430\u0440<\/option>\r\n<\/select>\r\n\r\n<div id=\"racuni\"><\/div>\r\n\r\n<button onclick=\"dodajRacun()\">\u0414\u043e\u0434\u0430\u0458 \u0440\u0430\u0447\u0443\u043d<\/button>\r\n\r\n<br><br>\r\n\r\n<button onclick=\"generisi()\">\u0413\u0435\u043d\u0435\u0440\u0438\u0448\u0438 PDF<\/button>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\nlet broj=0;\r\n\r\nfunction dodajRacun(){\r\n\r\nbroj++;\r\n\r\nlet div=document.createElement(\"div\");\r\n\r\ndiv.style.border=\"1px solid #ddd\";\r\ndiv.style.padding=\"10px\";\r\ndiv.style.marginBottom=\"10px\";\r\n\r\ndiv.innerHTML=`\r\n\r\n<b>\u0420\u0430\u0447\u0443\u043d ${broj}<\/b><br><br>\r\n\r\n\u041d\u0430\u0437\u0438\u0432 \u0438\u0437\u0434\u0430\u0432\u0430\u043e\u0446\u0430<br>\r\n<input type=\"text\" class=\"izdavac\" style=\"width:100%\"><br><br>\r\n\r\n\u0411\u0440\u043e\u0458 \u0440\u0430\u0447\u0443\u043d\u0430<br>\r\n<input type=\"text\" class=\"broj\" style=\"width:100%\"><br><br>\r\n\r\n\u0414\u0430\u0442\u0443\u043c \u0440\u0430\u0447\u0443\u043d\u0430<br>\r\n<input type=\"date\" class=\"datum\" style=\"width:100%\"><br><br>\r\n\r\n\u0418\u0437\u043d\u043e\u0441<br>\r\n<input type=\"number\" class=\"iznos\" style=\"width:100%\">\r\n\r\n`;\r\n\r\ndocument.getElementById(\"racuni\").appendChild(div);\r\n\r\n}\r\n\r\ndodajRacun();\r\n\r\n\r\nfunction generisi(){\r\n\r\nlet ime=document.getElementById(\"ime\").value;\r\nlet mesec=document.getElementById(\"mesec\").value;\r\n\r\nif(!ime){\r\n\r\nalert(\"\u0423\u043d\u0435\u0441\u0438\u0442\u0435 \u0438\u043c\u0435 \u0438 \u043f\u0440\u0435\u0437\u0438\u043c\u0435\");\r\n\r\nreturn;\r\n\r\n}\r\n\r\nlet izdavaci=document.querySelectorAll(\".izdavac\");\r\nlet brojevi=document.querySelectorAll(\".broj\");\r\nlet datumi=document.querySelectorAll(\".datum\");\r\nlet iznosi=document.querySelectorAll(\".iznos\");\r\n\r\nlet redovi=\"\";\r\n\r\nfor(let i=0;i<izdavaci.length;i++){\r\n\r\nlet izd=izdavaci[i].value || \"\";\r\nlet br=brojevi[i].value || \"\";\r\nlet dat=datumi[i].value || \"\";\r\nlet izn=iznosi[i].value || \"\";\r\n\r\nif(dat!=\"\"){\r\n\r\nlet d=new Date(dat);\r\n\r\ndat=String(d.getDate()).padStart(2,\"0\")+\".\"+String(d.getMonth()+1).padStart(2,\"0\")+\".\"+d.getFullYear()+\".\";\r\n\r\n}\r\n\r\nredovi+=`\r\n<tr>\r\n<td>${i+1}<\/td>\r\n<td>${izd}<\/td>\r\n<td>${br}<\/td>\r\n<td>${dat}<\/td>\r\n<td>${izn}<\/td>\r\n<\/tr>\r\n`;\r\n\r\n}\r\n\r\nlet html=`\r\n\r\n<html>\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n\r\n<style>\r\n\r\nbody{\r\nfont-family:\"Times New Roman\";\r\n}\r\n\r\n.page{\r\n\r\nwidth:210mm;\r\nmin-height:297mm;\r\n\r\npadding:30mm;\r\n\r\nbox-sizing:border-box;\r\n\r\n}\r\n\r\n.naslov{\r\n\r\ntext-align:center;\r\n\r\nfont-size:22px;\r\n\r\nletter-spacing:8px;\r\n\r\nmargin-bottom:40px;\r\n\r\n}\r\n\r\n.tekst{\r\n\r\nfont-size:18px;\r\n\r\nmargin-bottom:20px;\r\n\r\n}\r\n\r\ntable{\r\n\r\nwidth:100%;\r\n\r\nborder-collapse:collapse;\r\n\r\nmargin-top:20px;\r\n\r\n}\r\n\r\ntd,th{\r\n\r\nborder:1px solid black;\r\n\r\npadding:6px;\r\n\r\nfont-size:16px;\r\n\r\n}\r\n\r\n.potpis{\r\n\r\nmargin-top:100px;\r\n\r\ntext-align:right;\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"page\">\r\n\r\n<div class=\"naslov\">\u0418 \u0417 \u0408 \u0410 \u0412 \u0410<\/div>\r\n\r\n<div class=\"tekst\">\r\n\r\n\u0418\u0437\u0458\u0430\u0432\u0459\u0443\u0458\u0435\u043c \u0434\u0430 \u0441\u0430\u043c \u0437\u0430 \u0441\u043e\u043f\u0441\u0442\u0432\u0435\u043d\u0438 \u043f\u0440\u0435\u0432\u043e\u0437 \u0437\u0430 \u0434\u043e\u043b\u0430\u0437\u0430\u043a \u0438 \u043e\u0434\u043b\u0430\u0437\u0430\u043a \u0441\u0430 \u0440\u0430\u0434\u0430 \u0437\u0430 \u043c\u0435\u0441\u0435\u0446 <b>${mesec}<\/b> 2026. \u0433\u043e\u0434\u0438\u043d\u0435 \u0443\u0442\u0440\u043e\u0448\u0438\u043e \u043d\u043e\u0432\u0447\u0430\u043d\u0430 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430 \u043f\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u043c \u0440\u0430\u0447\u0443\u043d\u0438\u043c\u0430:\r\n\r\n<\/div>\r\n\r\n<table>\r\n\r\n<tr>\r\n\r\n<th>\u0420.\u0431.<\/th>\r\n<th>\u041d\u0430\u0437\u0438\u0432 \u0438\u0437\u0434\u0430\u0432\u0430\u043e\u0446\u0430<\/th>\r\n<th>\u0411\u0440\u043e\u0458 \u0440\u0430\u0447\u0443\u043d\u0430<\/th>\r\n<th>\u0414\u0430\u0442\u0443\u043c \u0440\u0430\u0447\u0443\u043d\u0430<\/th>\r\n<th>\u0418\u0437\u043d\u043e\u0441<\/th>\r\n\r\n<\/tr>\r\n\r\n${redovi}\r\n\r\n<\/table>\r\n\r\n<div class=\"potpis\">\r\n\r\n<br><br><br>\r\n\r\n_________________________<br>\r\n\r\n(${ime})\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\nwindow.onload=function(){window.print();}\r\n\r\n<\\\/script>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n\r\n<\/html>\r\n\r\n`;\r\n\r\nlet w=window.open(\"\");\r\n\r\nw.document.write(html);\r\n\r\nw.document.close();\r\n\r\n}\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0418\u0437\u0458\u0430\u0432\u0430 \u0437\u0430 \u0442\u0440\u043e\u0448\u043a\u043e\u0432\u0435 \u0433\u043e\u0440\u0438\u0432\u0430 \u0418\u043c\u0435 \u0438 \u043f\u0440\u0435\u0437\u0438\u043c\u0435: \u041c\u0435\u0441\u0435\u0446: \u0458\u0430\u043d\u0443\u0430\u0440\u0444\u0435\u0431\u0440\u0443\u0430\u0440\u043c\u0430\u0440\u0442\u0430\u043f\u0440\u0438\u043b\u043c\u0430\u0458\u0458\u0443\u043d\u0458\u0443\u043b\u0430\u0432\u0433\u0443\u0441\u0442\u0441\u0435\u043f\u0442\u0435\u043c\u0431\u0430\u0440\u043e\u043a\u0442\u043e\u0431\u0430\u0440\u043d\u043e\u0432\u0435\u043c\u0431\u0430\u0440\u0434\u0435\u0446\u0435\u043c\u0431\u0430\u0440 \u0414\u043e\u0434\u0430\u0458 \u0440\u0430\u0447\u0443\u043d \u0413\u0435\u043d\u0435\u0440\u0438\u0448\u0438 PDF<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-22469","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/pages\/22469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/comments?post=22469"}],"version-history":[{"count":7,"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/pages\/22469\/revisions"}],"predecessor-version":[{"id":22477,"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/pages\/22469\/revisions\/22477"}],"wp:attachment":[{"href":"https:\/\/iit.ac.rs\/en\/wp-json\/wp\/v2\/media?parent=22469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}