Guest User

boze

a guest
Sep 5th, 2016
95
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.57 KB | None | 0 0
  1. //LISTA I1
  2.  
  3. <!DOCTYPE html>
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6. <title>Zadatak 02</title>
  7. </head>
  8. <body>
  9. <h1>SUPIT - oznaka <i>&lt;table&gt;</i></h1>
  10. <h3>Elementi oznake &lt;table&gt;:</h3>
  11. <ol>
  12. <li>Element <b>&lt;caption&gt;</b></li>
  13. <li>
  14. Elementi za grupiranje redaka:
  15. <ol type="i" start="1">
  16. <li><b>&lt;thead&gt;</b></li>
  17. <li><b>&lt;tfoot&gt;</b></li>
  18. <li><b>&lt;tbody&gt;</b></li>
  19. </ol>
  20. </li>
  21. <li>
  22. Element za definiranje retka <b>&lt;tr&gt;</b>
  23. <ul>
  24. <li><b>&lt;th&gt;</b> - naslovna ćelija</li>
  25. <li><b>&lt;td&gt;</b> - ćelija</li>
  26. </ul>
  27. </li>
  28. </ol>
  29. </body>
  30. </html>
  31.  
  32.  
  33. //TABLICA I2
  34. <!DOCTYPE html>
  35. <html>
  36. <head>
  37. <title>Zadatak 12</title>
  38. <meta charset="utf-8" />
  39. </head>
  40. <body>
  41. <table border="1" cellspacing="0" cellpadding="3px" align="center" rules="groups" width="800px">
  42. <caption>Popis zaposlenika</caption>
  43. <colgroup>
  44. <col width="80px" />
  45. <col width="80px" />
  46. </colgroup>
  47. <colgroup>
  48. <col width="160px" />
  49. <col width="160px" />
  50. </colgroup>
  51. <colgroup>
  52. <col width="160px" />
  53. <col width="160px" />
  54. </colgroup>
  55. <thead>
  56. <tr>
  57. <th rowspan="2" align="left">Ime</th>
  58. <th rowspan="2" align="left">Prezime</th>
  59. <th colspan="2" bgcolor="yellow">Privatni podaci</th>
  60. <th colspan="2" bgcolor="yellow">Poslovni podaci</th>
  61. </tr>
  62. <tr align="left">
  63. <th>Adresa</th>
  64. <th>E-mail</th>
  65. <th>Adresa</th>
  66. <th>E-mail</th>
  67. </tr>
  68. </thead>
  69. <tbody>
  70. <tr>
  71. <td>Marko</td>
  72. <td>Marić</td>
  73. <td>Ilica 1</td>
  74. <td><a href="mailto:marko@mail.com">marko@mail.com</a></td>
  75. <td>Frankopanska 101</td>
  76. <td><a href="mailto:mm@mail.com">mm@mail.com</a></td>
  77. </tr>
  78. <tr>
  79. <td>Maja</td>
  80. <td>Majić</td>
  81. <td>Mesićeva 22</td>
  82. <td><a href="mailto:maja.majic@mail.hr">maja.majic@mail.hr</a></td>
  83. <td>Gajdekova 72a</td>
  84. <td><a href="mailto:majic.maja@mojposao.hr">majic.maja@mojposao.hr</a></td>
  85. </tr>
  86. <tr>
  87. <td>Pero</td>
  88. <td>Peroković</td>
  89. <td>Kriška 18</td>
  90. <td><a href="mailto:m.perokovic@email.hr">m.perokovic@email.hr</a></td>
  91. <td>Vlaška 81</td>
  92. <td><a href="mailto:pp@firma.com.hr">pp@firma.com.hr</a></td>
  93. </tr>
  94. <tr>
  95. <td>Ana</td>
  96. <td>Anić</td>
  97. <td>Teslina 14</td>
  98. <td><a href="mailto:ana@mail.org">ana@mail.org</a></td>
  99. <td>Petrovaradinska bb</td>
  100. <td><a href="mailto:ana@kompanija.hr">ana@kompanija.hr</a></td>
  101. </tr>
  102. </tbody>
  103. </table>
  104. </body>
  105. </html>
  106.  
  107.  
  108. //FORMULAR I1
  109.  
  110.  
  111. <html>
  112. <head>
  113. <title>Zadatak 3</title>
  114. </head>
  115. <body>
  116. <form action="#" method="post" >
  117.  
  118. <fieldset>
  119. <legend align="left">Ime i prezime</legend>
  120.  
  121. <table>
  122. <tr>
  123. <td><label for="ime">Ime:</label></td>
  124. <td><input type="text" id="ime" name="txtIme" /></td>
  125. </tr>
  126. <tr>
  127. <td><label for="prezime">Prezime:</label></td>
  128. <td><input type="text" id="prezime" name="txtPrezime" /></td>
  129. </tr>
  130. </table>
  131. </fieldset>
  132. <br/>
  133. <fieldset>
  134. <legend align="left" >Email koji æe Vam ujedno biti i korisnièko ime</legend>
  135.  
  136. <table>
  137. <tr>
  138. <td><label for="email1">Email:</label></td>
  139. <td><input type="email" id="email1" name="txtEmail"/></td>
  140. </tr>
  141. <tr>
  142. <td><label for="email2">Ponovite email:</label></td>
  143. <td><input type="text" id="email2" name="txtEmail"/></td>
  144. </tr>
  145. </table>
  146. </fieldset>
  147. <br/>
  148. <fieldset>
  149. <legend align="left" >Željena lozinka</legend>
  150.  
  151. <table>
  152. <tr>
  153. <td><label for="pw1">Lozinka:</label></td>
  154. <td><input type="password" id="pw1" name="txtLozinka" /></td>
  155. </tr>
  156. <tr>
  157. <td><label for="pw2">Ponovite lozinku:</label></td>
  158. <td><input type="password" id="pw2" name="txtLozinka"/></td>
  159. </tr>
  160. </table>
  161. </fieldset>
  162. <br/>
  163. <fieldset>
  164. <legend>Spol</legend>
  165.  
  166. <table>
  167. <tr>
  168. <td>
  169. <label for="z">Ženski</label>
  170. <input type="radio" id="z" name="rdbSpol" value="ž" checked="checked" />
  171. <label for="m">Muški</label>
  172. <input type="radio" id="m" name="rdbSpol" value="m" />
  173. </td>
  174. </tr>
  175. </table>
  176. </fieldset>
  177.  
  178. <br/>
  179. Država: <select name="mnuDržava" >
  180. <optgroup label="Europa">
  181. <option value="hrv" selected>Hrvatska</option>
  182. <option value="nje">Njemaèka</option>
  183. </optgroup>
  184. <optgroup label="Azija">
  185. <option value="jpn">Japan</option>
  186. </optgroup>
  187. </select>
  188.  
  189. <br/><br/>
  190.  
  191. <fieldset>
  192. <legend>Vrsta pretplate</legend>
  193. <label for="1g">Jednogodišnja pretplata</label>
  194. <input type="radio" id="1g" name="rdbPretplata" value="da1g" checked />
  195. <input type="radio" id="2g" name="rdbPretplata" value="da2g" />
  196. <label for="2g">Dvogodišnja pretplata</label>&nbsp;&nbsp;&nbsp;
  197. <br/>
  198. </fieldset>
  199. <br/>
  200. Komentar:
  201. <br />
  202. <textarea name="txtKomentar" rows="3" cols="80"></textarea>
  203. <br/>
  204. <br/>
  205. Naznaèite podruèja interesa:
  206. <br/>
  207. <select name="mnuInteresi" multiple>
  208. <option value="sport">Sport</option>
  209. <option value="glazba">Glazba</option>
  210. <option value="politika">Politika</option>
  211. <option value="književnost">Književnost&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
  212. </select>
  213. <br/>
  214. <br/>
  215. <input type="checkbox" id="prihv" name="chkPrihvacam" value="prihvacam">
  216. <label for="prihv">Prihvaæam uvjete i potvrðujem da su upisani podaci istiniti...</label>
  217. <br/>
  218. <br/>
  219. <input type="submit" value="Prihvati" />
  220. <input type="reset" value="Resetiraj obrazac" />
  221. </form>
  222. </body>
  223. </html>
  224.  
  225.  
  226. //CSS 22
  227.  
  228.  
  229. <!DOCTYPE html>
  230. <html>
  231. <head>
  232. <title>Zadatak 22</title>
  233. <meta charset="utf-8" />
  234. <link href="StyleSheet01.css" rel="stylesheet" />
  235. </head>
  236. <body>
  237. <div>
  238. <h1>Zadatak 22</h1>
  239. <img src="osoba4.jpg"/>
  240. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  241. eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
  242. nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
  243. consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
  244. cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupiadat non proident, sunt
  245. in culpa qui offcia deserunt mollit anim id est laborum. Ut enim ad minim veniam. quis nostrud
  246. exercitation ullamc laboris nisi ut aliquip ex ea commodo consequat.
  247. <a href="#">Read more...</a></p>
  248. </div>
  249. </body>
  250. </html>
  251.  
  252.  
  253. //23
  254.  
  255. <!DOCTYPE html>
  256. <html>
  257. <head>
  258. <title>Zadatak 23</title>
  259. <meta charset="utf-8" />
  260. <link href="StyleSheet01.css" rel="stylesheet" />
  261. </head>
  262. <body>
  263. <div id="main">
  264. <div id="header">
  265. <h1>Company</h1>
  266. <div id="nav">
  267. <ul>
  268. <li><a href="#">Home</a></li>
  269. <li><a href="#">Projects</a></li>
  270. <li><a href="#">References</a></li>
  271. <li><a href="#">About us</a></li>
  272. <li><a href="#">Contact</a></li>
  273. </ul>
  274. </div>
  275. </div>
  276. <div id="content">
  277. <div id="stupac">
  278. <h2>ASP.NET</h2>
  279. <p>At vero eos et accusamus et iusto odio dignissioms
  280. libero tempore, cum soluta nobis est eligendi ducimus.</p>
  281. </div>
  282. <div id="stupac">
  283. <h2>HTML</h2>
  284. <p>Et harum quidem rerum facilis est et expedita
  285. distinctio. Nam vero eos et accusamus et iusto.</p>
  286. </div>
  287. <div id="stupac">
  288. <h2>JavaScript</h2>
  289. <p>Temporibus bin autem quibusdam et aut officiis bla
  290. at ut aut rerum necessi tatibus saepe eveniet.</p>
  291. </div>
  292. <div id="stupac">
  293. <h2>CSS 3</h2>
  294. <p>Itaque earum rerum hic tenetur a sapiente delectus,
  295. quibusdam et aut officiis at ut debitis ut aut reiciendis.</p>
  296. </div>
  297. <div id="stupac">
  298. <h2>XmlSchema</h2>
  299. <p>Voluptates repudiandae sint et molestiae non recu
  300. sandae. Itaque hic tenetur a sapiente delectus.</p>
  301. </div>
  302. <div id="stupac">
  303. <h2>XSLT</h2>
  304. <p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit
  305. quo minus id quod maxime.</p>
  306. </div>
  307. </div>
  308. </div>
  309. </body>
  310. </html>
  311.  
  312.  
  313. //31
  314.  
  315. <!DOCTYPE html>
  316. <html>
  317. <head>
  318. <title>Proba</title>
  319. <script src="jquery-1.11.3.min.js"></script>
  320. <script>
  321. $(document).ready(function(){
  322. $('#slider').on('change', function(){
  323. console.log($('#slider').val());
  324. range = $(this).val();
  325. kvadrat(range);
  326. });
  327.  
  328. });
  329.  
  330. function kvadrat (size){
  331. $('#box').css('height', size);
  332. $('#box').css('width', size);
  333. }
  334. </script>
  335. </head>
  336. <body>
  337.  
  338. <input type="range" id="slider">
  339.  
  340. <div id="container">
  341. <div id="box" style="border:1px solid #000;"></div>
  342. </div>
  343.  
  344. <body>
  345. </html>
  346.  
  347. //32
  348.  
  349. var ime, prezime, godine;
  350. var poljeIme = [];
  351. var poljePrezime = [];
  352. var poljeGodine = [];
  353. var ispis = "";
  354. window.onload = function () {
  355. do {
  356. ime = prompt("Unesite ime:");
  357. while (ime.length == 0) {
  358. ime = prompt("Morate unijeti ime, polje za unos ne smije biti prazno:");
  359. }
  360. prezime = prompt("Unesite prezime:");
  361. while (prezime.length == 0) {
  362. prezime = prompt("Morate unijeti prezime, polje za unos ne smije biti prazno:");
  363. }
  364. godine = prompt("Unesite godine:");
  365. while (godine.length == 0) {
  366. godine = prompt("Morate unijeti godine, polje za unos ne smije biti prazno:");
  367. }
  368. poljeIme.push(ime);
  369. poljePrezime.push(prezime);
  370. poljeGodine.push(godine);
  371. } while (confirm("Ponovi?"));
  372.  
  373. Ispis();
  374. Najdulje();
  375. }
  376.  
  377. function Ispis() {
  378. for (var i = 0; i < poljeIme.length; i++) {
  379. ispis += "IME:" + poljeIme[i] + "\n";
  380. ispis += "PREZIME:" + poljePrezime[i] + "\n";
  381. ispis += "GODINE:" + poljeGodine[i] + "\n";
  382. ispis += "------------------\n";
  383. }
  384. alert(ispis);
  385. }
  386.  
  387. function Najdulje() {
  388. var najdulje = poljePrezime[0];
  389. var ispisNajduljeg = "";
  390. for (var i = 0; i < poljePrezime.length; i++) {
  391. if (poljePrezime[i].length > najdulje.length) {
  392. najdulje = poljePrezime[i];
  393. }
  394. }
  395. for (var i = 0; i < poljePrezime.length; i++) {
  396. if (poljePrezime[i] == najdulje) {
  397. ispisNajduljeg += "ISPIS STUDENTA S NADULJIM PREZIMENOM\n";
  398. ispisNajduljeg += "IME:" + poljeIme[i] + "\n";
  399. ispisNajduljeg += "PREZIME:" + poljePrezime[i] + "\n";
  400. ispisNajduljeg += "GODINE:" + poljeGodine[i] + "\n";
  401. }
  402. }
  403. alert(ispisNajduljeg);
  404. }
  405.  
  406. //33
  407.  
  408. /// <reference path="jquery-1.11.3.min.js" />
  409.  
  410.  
  411.  
  412. var poljeIme = [];
  413. var poljePrezime = [];
  414. var poljeTel = [];
  415. var poljeMail = [];
  416.  
  417. var optionBrojac = 1;
  418. var brojac=0;
  419.  
  420. $(function () {
  421. $("#btnDodaj").click(function () {
  422. ime = $("#ime").val();
  423. prezime = $("#prezime").val();
  424. mail = $("#email").val();
  425. telefon = $("#telefon").val();
  426.  
  427. if (ime == "" || prezime == "" || mail == "" || telefon == "") {
  428. alert("Sva polja za unos su obavezna.");
  429. }
  430. else {
  431. poljeIme.push(ime);
  432. poljePrezime.push(prezime);
  433. poljeTel.push(telefon);
  434. poljeMail.push(mail);
  435. brojac++;
  436. $("span").html(brojac);
  437. dodajUSelect(ime, prezime);
  438. reset();
  439. }
  440.  
  441.  
  442. });
  443.  
  444. $("select").change(function () {
  445. $("ul").html("");
  446. var pozicija = $(this).val();
  447. if (pozicija > 0) {
  448. var li_mail = $(document.createElement("li"));
  449. var tekstMail = $(document.createTextNode(poljeMail[pozicija - 1]));
  450. li_mail.append(tekstMail);
  451. $("ul").append(li_mail);
  452. var li_tel = $(document.createElement("li"));
  453. var tekstTel = $(document.createTextNode(poljeTel[pozicija - 1]));
  454. $("ul").append(tekstTel);
  455. }
  456. else {
  457. $("ul").html("");
  458. }
  459.  
  460. });
  461. });
  462.  
  463. function dodajUSelect(ime, prezime) {
  464. var tekst = $(document.createTextNode(ime + " " + prezime));
  465. var option = $(document.createElement("option"));
  466. option.val(optionBrojac);
  467. option.append(tekst);
  468. $("select").append(option);
  469. optionBrojac++;
  470. }
  471.  
  472. function reset() {
  473. $("#ime").val("").focus();
  474. $("#prezime").val("");
  475. $("#email").val("");
  476. $("#telefon").val("");
  477.  
  478. }
  479.  
  480. $(document).keypress(function (e) {
  481. if (e.which==13) {
  482. $("#btnDodaj").click();
  483. }
  484. })
  485.  
  486. //41
  487. XML FILE
  488.  
  489. <?xml version="1.0" encoding="utf-8"?>
  490. <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  491.  
  492.  
  493. <xsl:template match="/">
  494. <html>
  495. <head>
  496. <title>Zadatak01</title>
  497. <style type="text/css">
  498. table{
  499. margin:auto;
  500. border:1px solid #ccc;
  501. margin-bottom:10px;
  502. }
  503. </style>
  504. </head>
  505. <body>
  506. <xsl:for-each select="podaci/kolegij">
  507. <xsl:sort data-type="text" order="ascending" select="naziv"/>
  508. <table>
  509. <tr>
  510. <td>
  511. <h3>
  512. <xsl:value-of select="naziv"/>
  513. </h3>
  514. </td>
  515. </tr>
  516. <tr>
  517. <td>
  518. Nastavnik:
  519. <a>
  520. <xsl:attribute name="href">
  521. <xsl:value-of select="nastavnik/@email"/>
  522. </xsl:attribute>
  523. <xsl:value-of select="nastavnik/@email"/>
  524. </a>
  525.  
  526. </td>
  527. </tr>
  528. </table>
  529. </xsl:for-each>
  530. </body>
  531. </html>
  532. </xsl:template>
  533. </xsl:stylesheet>
  534.  
  535. //ILI (OVO SU 2 RAZLICITA RJESENJA KOJA SAM NASAO)
  536.  
  537. JAVASCRIPT FILE
  538. /*REFERENCE SU SJEBANE I NEMREM DOBIT JQUERY, TAKO DA FUNKCIJA
  539. $().empty(); -> NE RADI ZBOG TOGA JER NEMREM DOBIT JQUERY,
  540.  
  541. NISAM PAMETAN KAJ RADIT NA ISPITU
  542. */
  543.  
  544. window.onload = ucitajXML;
  545.  
  546. var imeDatoteke = 'Zadatak41.xml';
  547.  
  548. function ucitajXML() {
  549. xmlhr = new XMLHttpRequest();
  550. xmlhr.open('GET', imeDatoteke, true);
  551. xmlhr.onreadystatechange = onChange;
  552. xmlhr.send();
  553.  
  554.  
  555. button1 = document.getElementsByTagName('input')[0];
  556. button1.onclick = prviGumb;
  557.  
  558. button2 = document.getElementsByTagName('input')[1];
  559. button2.onclick = drugiGumb;
  560.  
  561. button3 = document.getElementsByTagName('input')[2];
  562. button3.onclick = treciGumb;
  563. }
  564.  
  565. function onChange() {
  566. if (xmlhr.readyState == 4) {
  567. podaci();
  568. }
  569. }
  570.  
  571. function podaci() {
  572.  
  573. xmlDom = xmlhr.responseXML;
  574. cvorKolegij = xmlDom.getElementsByTagName('kolegij');
  575.  
  576. }
  577.  
  578. function prviGumb() {
  579. reset();
  580. //alert('prvi gumb');
  581. var naziv = cvorKolegij[0].getElementsByTagName('naziv')[0].firstChild.nodeValue;
  582.  
  583. button1.setAttribute('value', naziv);
  584. var profesor = cvorKolegij[0].getElementsByTagName('nastavnik')[0].firstChild.nodeValue;
  585. var as1 = cvorKolegij[0].getElementsByTagName('asistent')[0].firstChild.nodeValue;
  586. var as2 = cvorKolegij[0].getElementsByTagName('asistent')[1].firstChild.nodeValue;
  587.  
  588. var ul = document.getElementsByTagName('ul')[0];
  589.  
  590. ul.appendChild(dodajLjude(profesor));
  591. ul.appendChild(dodajLjude(as1));
  592. ul.appendChild(dodajLjude(as2));
  593. }
  594.  
  595. function drugiGumb() {
  596. reset();
  597. var naziv = cvorKolegij[1].getElementsByTagName('naziv')[0].firstChild.nodeValue;
  598.  
  599. button2.setAttribute('value', naziv);
  600. var profesor = cvorKolegij[1].getElementsByTagName('nastavnik')[0].firstChild.nodeValue;
  601. var as1 = cvorKolegij[1].getElementsByTagName('asistent')[0].firstChild.nodeValue;
  602.  
  603. var ul = document.getElementsByTagName('ul')[0];
  604.  
  605. ul.appendChild(dodajLjude(profesor));
  606. ul.appendChild(dodajLjude(as1));
  607.  
  608. }
  609.  
  610. function treciGumb() {
  611. reset();
  612. var naziv = cvorKolegij[1].getElementsByTagName('naziv')[0].firstChild.nodeValue;
  613.  
  614. button3.setAttribute('value', naziv);
  615. var profesor = cvorKolegij[1].getElementsByTagName('nastavnik')[0].firstChild.nodeValue;
  616. var as1 = cvorKolegij[1].getElementsByTagName('asistent')[0].firstChild.nodeValue;
  617.  
  618. var ul = document.getElementsByTagName('ul')[0];
  619.  
  620. ul.appendChild(dodajLjude(profesor));
  621. ul.appendChild(dodajLjude(as1));
  622.  
  623. }
  624.  
  625. function reset() {
  626. var li = document.getElementsByTagName('li');
  627.  
  628. for (var i = 0; i <= li.length; i++) {
  629. document.getElementsByTagName('ul')[0].removeChild(li[i]);
  630. }
  631.  
  632. }
  633.  
  634. function dodajLjude(textItem) {
  635. var li = document.createElement('li');
  636. var tekst = document.createTextNode(textItem);
  637. li.appendChild(tekst);
  638. return li;
  639. }
  640.  
  641.  
  642. HTML FILE
  643.  
  644. <!DOCTYPE html>
  645.  
  646. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  647. <head>
  648. <meta charset="utf-8" />
  649. <title>Zadatak 41</title>
  650. <link href="~/css/Zadatak41.css" rel="stylesheet" />
  651. <link href="~/css/Zadatak41.css" rel="stylesheet" />
  652. <script src="~/js/jquery-1.11.1.min.js"></script>
  653. <script src="JavaScript.js"></script>
  654. </head>
  655. <body>
  656. <div>
  657. <fieldset class="floatL">
  658. <legend>Odaberi kolegij</legend>
  659. <input type="button" value="07019" />
  660. <input type="button" value="07029" />
  661. <input type="button" value="07038" />
  662. </fieldset>
  663. <fieldset class="floatL">
  664. <legend>Nastavnici i asistenti</legend>
  665. <ul></ul>
  666. </fieldset>
  667. </div>
  668. </body>
  669. </html>
  670.  
  671. //42
  672.  
  673. XSD FILE
  674.  
  675. <?xml version="1.0" encoding="utf-8"?>
  676. <xs:schema id="XMLSchema" xmlns:xs="http://www.w3.org/2001/XMLSchema">
  677.  
  678. <xs:element name="podaci" type="tipIshod"></xs:element>
  679.  
  680. <xs:complexType name="tipIshod">
  681. <xs:sequence>
  682. <xs:element name="ishodUcenja" maxOccurs="unbounded">
  683. <xs:complexType>
  684. <xs:sequence>
  685. <xs:element name="poglavlje" type="xs:string" minOccurs="1" maxOccurs="unbounded"/>
  686. </xs:sequence>
  687. <xs:attribute name="broj">
  688. <xs:simpleType>
  689. <xs:restriction base="xs:string">
  690. <xs:pattern value="[0-9]{1}"/>
  691. </xs:restriction>
  692. </xs:simpleType>
  693. </xs:attribute>
  694. </xs:complexType>
  695. </xs:element>
  696. </xs:sequence>
  697. </xs:complexType>
  698.  
  699.  
  700. </xs:schema>
  701.  
  702. XML FILE
  703. <?xml version="1.0" encoding="utf-8" ?>
  704. <podaci xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  705. xsi:noNamespaceSchemaLocation="XMLSchema.xsd">
  706. <ishodUcenja broj="1" bodova="25">
  707. <poglavlje>HTML uvod</poglavlje>
  708. <poglavlje>Tablice</poglavlje>
  709. <poglavlje>Obrasci</poglavlje>
  710. </ishodUcenja>
  711. <ishodUcenja broj="2" bodova="15">
  712. <poglavlje>CSS uvod</poglavlje>
  713. <poglavlje>CSS napredni</poglavlje>
  714. </ishodUcenja>
  715. <ishodUcenja broj="3" bodova="20">
  716. <poglavlje>JavaScript</poglavlje>
  717. </ishodUcenja>
  718. <ishodUcenja broj="4" bodova="20">
  719. <poglavlje>XML i JavaScript</poglavlje>
  720. <poglavlje>DTD</poglavlje>
  721. <poglavlje>XMLSchema</poglavlje>
  722. </ishodUcenja>
  723. <ishodUcenja broj="5" bodova="10">
  724. <poglavlje>XSLT</poglavlje>
  725. <poglavlje>XPath</poglavlje>
  726. </ishodUcenja>
  727. </podaci>
  728.  
  729. //43
  730.  
  731. XSD file
  732.  
  733. <?xml version="1.0" encoding="utf-8"?>
  734. <xs:schema id="XMLSchema" xmlns:xs="http://www.w3.org/2001/XMLSchema">
  735. <xs:element name="podaci">
  736. <xs:complexType>
  737. <xs:sequence>
  738. <xs:element name="osoba" maxOccurs="unbounded" type="tipOsoba"/>
  739. </xs:sequence>
  740. </xs:complexType>
  741. </xs:element>
  742.  
  743. <xs:complexType name="tipOsoba">
  744. <xs:sequence>
  745. <xs:element name="ime" type="xs:string"/>
  746. <xs:element name="prezime" type="xs:string"/>
  747. <xs:element name="kontakt">
  748. <xs:complexType>
  749. <xs:attribute name="tel" type="telefon"/>
  750. <xs:attribute name="gsm" type="mob"/>
  751. <xs:attribute name="email" type="mail"/>
  752. </xs:complexType>
  753. </xs:element>
  754. </xs:sequence>
  755. <xs:attribute name="oib" type="oib"/>
  756. </xs:complexType>
  757.  
  758. <xs:simpleType name="oib">
  759. <xs:restriction base="xs:integer">
  760. <xs:pattern value="[0-9]{11}"/>
  761. </xs:restriction>
  762. </xs:simpleType>
  763.  
  764. <xs:simpleType name="telefon">
  765. <xs:restriction base="xs:string">
  766. <xs:pattern value="0[0-9]{1,2}[0-9]{7}"/>
  767. </xs:restriction>
  768. </xs:simpleType>
  769.  
  770. <xs:simpleType name="mob">
  771. <xs:restriction base="xs:string">
  772. <xs:pattern value="[091|092|095|097|098|099][0-9]{7}"/>
  773. </xs:restriction>
  774. </xs:simpleType>
  775.  
  776. <xs:simpleType name="mail">
  777. <xs:restriction base="xs:string">
  778. <xs:pattern value="[a-zA-Z0-9]+@[a-z-A-Z0-9]+\.[a-zA-Z]{2,3,4}"/>
  779. </xs:restriction>
  780. </xs:simpleType>
  781.  
  782. </xs:schema>
  783.  
  784. HTML file
  785.  
  786. <!DOCTYPE html>
  787. <html xmlns="http://www.w3.org/1999/xhtml">
  788. <head>
  789. <title>Zadatak 43</title>
  790. <link href="~/css/Stilovi.css" rel="stylesheet" />
  791. <link href="~/css/Zadatak43.css" rel="stylesheet" />
  792. <script src="jquery-1.11.1.min.js"></script>
  793. <script>
  794.  
  795. window.onload = ucitajXML;
  796.  
  797. var imeDatoteke = 'Zadatak43.xml';
  798.  
  799. function ucitajXML() {
  800. xmlhr = new XMLHttpRequest();
  801. xmlhr.open('GET', imeDatoteke, true);
  802. xmlhr.onreadystatechange = onChange;
  803. xmlhr.send();
  804.  
  805. lista = document.getElementsByTagName('select')[0];
  806. lista.onchange = ispis;
  807.  
  808. gumbUredi = document.getElementById('btnUredi');
  809. gumbUredi.onclick = uredi;
  810.  
  811. gumbObrisi = document.getElementById('btnObrisi');
  812. gumbObrisi.onclick = obrisi;
  813. }
  814.  
  815. function onChange() {
  816. if (xmlhr.readyState == 4) {
  817. podaci();
  818. }
  819.  
  820. }
  821.  
  822. function podaci() {
  823.  
  824. xmlDom = xmlhr.responseXML;
  825. cvorOsoba = xmlDom.getElementsByTagName('osoba');
  826.  
  827. for (var i = 0; i < cvorOsoba.length; i++) {
  828. var ime = cvorOsoba[i].getElementsByTagName('ime')[0].firstChild.nodeValue;
  829. var prezime = cvorOsoba[i].getElementsByTagName('prezime')[0].firstChild.nodeValue;
  830. var kontakt = cvorOsoba[i].getElementsByTagName('kontakt')[0];
  831. var email = kontakt.attributes[2].value;
  832.  
  833. var select = document.getElementsByTagName('select')[0];
  834. var punoIme = ime + ' ' + prezime;
  835. select.appendChild(dodajUselect(punoIme, email));
  836. }
  837.  
  838. }//kraj podaci
  839.  
  840. function dodajUselect(textItem, mail) {
  841. var option = document.createElement('option');
  842. var tekst = document.createTextNode(textItem);
  843. option.appendChild(tekst);
  844. option.setAttribute('value', mail);
  845. return option;
  846. }
  847.  
  848. function ispis() {
  849. var index = lista.selectedIndex;
  850.  
  851. document.getElementById('txtEmail').value = cvorOsoba[index].getElementsByTagName('kontakt')[0].attributes[2].value;
  852.  
  853. }
  854.  
  855. function uredi() {
  856. var index = lista.selectedIndex;
  857.  
  858. cvorOsoba[index].getElementsByTagName('kontakt')[0].attributes[2].value = document.getElementById('txtEmail').value;
  859.  
  860. }
  861.  
  862. function obrisi() {
  863. var index = lista.selectedIndex;
  864.  
  865. if (index != -1) {
  866. xmlDom.documentElement.removeChild(cvorOsoba[index]);
  867. reset();
  868. }
  869.  
  870. }
  871.  
  872. function reset() {
  873. $('#txtEmail').val('');
  874. $('select').empty();
  875. podaci();
  876. }
  877.  
  878.  
  879.  
  880. </script>
  881.  
  882.  
  883.  
  884. </head>
  885.  
  886.  
  887.  
  888. <body>
  889. <div id="container">
  890. <label>Osoba:</label>
  891. <select id="ddlOsoba">
  892. </select>
  893. <label>Email:</label>
  894. <input type="text" name="email" value="" id="txtEmail" />
  895. <div>
  896. <input type="button" value="Uredi E-mail" id="btnUredi" />
  897. <input type="button" value="Obriši osobu" id="btnObrisi" />
  898. </div>
  899. </div>
  900. </body>
  901. </html>
  902.  
  903. XML file
  904.  
  905. <?xml version="1.0" encoding="utf-8" ?>
  906. <podaci xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  907. xsi:noNamespaceSchemaLocation="XMLSchema.xsd">
  908.  
  909. <osoba oib="12345678901">
  910. <ime>Luka</ime>
  911. <prezime>Lukić</prezime>
  912. <kontakt tel="017894562" gsm="0916543217" email="luka@mail.hr" />
  913. </osoba>
  914. <osoba oib="45678912345">
  915. <ime>Ana</ime>
  916. <prezime>Anan</prezime>
  917. <kontakt tel="018523694" gsm="0923579516" email="ana@googlemail.hr" />
  918. </osoba>
  919. <osoba oib="98732165458">
  920. <ime>Niko</ime>
  921. <prezime>Nikolić</prezime>
  922. <kontakt tel="017789625" gsm="0988524563" email="nn@yahoo.com" />
  923. </osoba>
  924. <osoba oib="13467958205">
  925. <ime>Maja</ime>
  926. <prezime>Čabraja</prezime>
  927. <kontakt tel="0215566845" gsm="0958726615" email="cabraja@email.hr" />
  928. </osoba>
  929. </podaci>
  930.  
  931. //51
  932.  
  933. XSLT file
  934.  
  935. <?xml version="1.0" encoding="utf-8"?>
  936. <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  937.  
  938. <xsl:template match="/">
  939. <html>
  940. <body>
  941.  
  942. <ul>
  943. <xsl:for-each select="podaci/kolegij">
  944. <xsl:sort order="ascending" data-type="text" select="@semestar"/>
  945. <li>
  946. <xsl:value-of select="naziv"/>
  947. <ul>
  948. <xsl:for-each select="ishodiUcenja/ishod">
  949. <li>
  950. I<xsl:value-of select="@broj"/> [bodova: <xsl:value-of select="@bodova"/>]
  951. <ul>
  952. <xsl:for-each select="poglavlje">
  953. <xsl:sort order="ascending" data-type="text" select="poglavlje"/>
  954. <li>
  955. <xsl:value-of select="."/>
  956. </li>
  957. </xsl:for-each>
  958. </ul>
  959. </li>
  960. </xsl:for-each>
  961. </ul>
  962. </li>
  963. </xsl:for-each>
  964. </ul>
  965.  
  966.  
  967.  
  968.  
  969. </body>
  970. </html>
  971. </xsl:template>
  972. </xsl:stylesheet>
  973.  
  974. XML file
  975. <?xml version="1.0" encoding="utf-8" ?>
  976. <?xml-stylesheet type="text/xsl" href="XSLTFile.xslt"?>
  977. <podaci>
  978. <kolegij oznaka="07038" ects="5" semestar="5" predavanja="30" vjezbe="30">
  979. <naziv>Pristup podacima iz programskog koda</naziv>
  980. <ishodiUcenja>
  981. <ishod broj="1" bodova="15">
  982. <poglavlje>ADO.NET</poglavlje>
  983. <poglavlje>Klasa Connection</poglavlje>
  984. <poglavlje>Klasa Command</poglavlje>
  985. <poglavlje>Klasa DataReader</poglavlje>
  986. <poglavlje>Klasa Parameter</poglavlje>
  987. <poglavlje>BLOB vrijednosti</poglavlje>
  988. <poglavlje>Transakcije</poglavlje>
  989. </ishod>
  990. <ishod broj="2" bodova="10">
  991. <poglavlje>JDBC</poglavlje>
  992. <poglavlje>Sučelje Statement</poglavlje>
  993. <poglavlje>Pozivanjeprocedure s parametrima</poglavlje>
  994. <poglavlje>Upravljanje transakcijama</poglavlje>
  995. </ishod>
  996. <ishod broj="3" bodova="20">
  997. <poglavlje>DataSet</poglavlje>
  998. <poglavlje>DataTable</poglavlje>
  999. <poglavlje>DataColumn</poglavlje>
  1000. <poglavlje>DataRow</poglavlje>
  1001. <poglavlje>DataAdapter</poglavlje>
  1002. <poglavlje>Konflikti prilikom spremanja podataka</poglavlje>
  1003. <poglavlje>DataView</poglavlje>
  1004. </ishod>
  1005. <ishod broj="4" bodova="3">
  1006. <poglavlje>DAAB - DataAccessAplicationBlock</poglavlje>
  1007. <poglavlje>DAAB - SqlHelper</poglavlje>
  1008. </ishod>
  1009. <ishod broj="5" bodova="5">
  1010. <poglavlje>Tipizirani DataSet</poglavlje>
  1011. </ishod>
  1012. <ishod broj="6" bodova="8">
  1013. <poglavlje>Podatkovno povezive kontrole</poglavlje>
  1014. <poglavlje>GridView kontrola</poglavlje>
  1015. <poglavlje>DataSource komponente</poglavlje>
  1016. <poglavlje>Podatkovno-povezivajući izrazi</poglavlje>
  1017. <poglavlje>Validacija unosa</poglavlje>
  1018. <poglavlje>Prilagođeno bojanje</poglavlje>
  1019. </ishod>
  1020. <ishod broj="7" bodova="5">
  1021. <poglavlje>XmlReader</poglavlje>
  1022. <poglavlje>XmlWriter</poglavlje>
  1023. <poglavlje>Oblikovanje XML izlaza</poglavlje>
  1024. <poglavlje>XML DOM</poglavlje>
  1025. <poglavlje>XmlDocument</poglavlje>
  1026. <poglavlje>XmlNodeList</poglavlje>
  1027. </ishod>
  1028. <ishod broj="8" bodova="15">
  1029. <poglavlje>Entity Framework</poglavlje>
  1030. <poglavlje>Database First</poglavlje>
  1031. <poglavlje>Model First</poglavlje>
  1032. <poglavlje>Code First</poglavlje>
  1033. <poglavlje>Zadavanje upita u entitetskoj okolini</poglavlje>
  1034. </ishod>
  1035. </ishodiUcenja>
  1036. <nastavnik email="bojan.fulanovic@algebra.hr">Bojan Fulanović</nastavnik>
  1037. <asistent email="mario.zagar@hotmail.com">Mario Žagar</asistent>
  1038. </kolegij>
  1039. <kolegij oznaka="07019" ects="5" semestar="3" predavanja="30" vjezbe="30">
  1040. <naziv>Standardi u primjeni internetske tehnologije</naziv>
  1041. <ishodiUcenja>
  1042. <ishod broj="1" bodova="25">
  1043. <poglavlje>HTML uvod</poglavlje>
  1044. <poglavlje>Tablice</poglavlje>
  1045. <poglavlje>Obrasci</poglavlje>
  1046. </ishod>
  1047. <ishod broj="2" bodova="15">
  1048. <poglavlje>CSS uvod</poglavlje>
  1049. <poglavlje>CSS napredni</poglavlje>
  1050. </ishod>
  1051. <ishod broj="3" bodova="20">
  1052. <poglavlje>JavaScript</poglavlje>
  1053. </ishod>
  1054. <ishod broj="4" bodova="20">
  1055. <poglavlje>XML i JavaScript</poglavlje>
  1056. <poglavlje>DTD</poglavlje>
  1057. <poglavlje>XMLSchema</poglavlje>
  1058. </ishod>
  1059. <ishod broj="5" bodova="10">
  1060. <poglavlje>XSLT</poglavlje>
  1061. <poglavlje>XPath</poglavlje>
  1062. </ishod>
  1063. </ishodiUcenja>
  1064. <nastavnik email="bojan.fulanovic@algebra.hr">Bojan Fulanović</nastavnik>
  1065. <asistent email="mario.fabijanic@racunarstvo.hr">Mario Fabijanić</asistent>
  1066. <asistent email="a.stojanovic@live.com">Aleksandar Stojanović</asistent>
  1067. </kolegij>
  1068. <kolegij oznaka="07029" ects="5" semestar="4" predavanja="30" vjezbe="30">
  1069. <naziv>Razvoj web aplikacija</naziv>
  1070. <ishodiUcenja>
  1071. <ishod broj="1" bodova="28">
  1072. <poglavlje>Uvod u WebForms</poglavlje>
  1073. <poglavlje>Životni ciklus WebForme</poglavlje>
  1074. <poglavlje>Validacijske kontrole</poglavlje>
  1075. <poglavlje>Mehanizmi čuvanja stanja</poglavlje>
  1076. <poglavlje>Korisničke kontrole</poglavlje>
  1077. <poglavlje>Autentikacija i autorizacija</poglavlje>
  1078. </ishod>
  1079. <ishod broj="2" bodova="15">
  1080. <poglavlje>Master stranice</poglavlje>
  1081. <poglavlje>Teme</poglavlje>
  1082. <poglavlje>Navigacija</poglavlje>
  1083. <poglavlje>Globalizacija i lokalizacija</poglavlje>
  1084. <poglavlje>Optimizacija keširanjem</poglavlje>
  1085. <poglavlje>Upravljanje iznimkama</poglavlje>
  1086. </ishod>
  1087. <ishod broj="3" bodova="15">
  1088. <poglavlje>Rad s podacima iz baze podataka</poglavlje>
  1089. <poglavlje>Podatkovno povezive kontrole</poglavlje>
  1090. </ishod>
  1091. <ishod broj="4" bodova="25">
  1092. <poglavlje>MVC</poglavlje>
  1093. <poglavlje>MVC kontroleri</poglavlje>
  1094. <poglavlje>Razor pogledi</poglavlje>
  1095. <poglavlje>Modeli</poglavlje>
  1096. <poglavlje>Validacija</poglavlje>
  1097. </ishod>
  1098. </ishodiUcenja>
  1099. <nastavnik email="bojan.fulanovic@algebra.hr">Bojan Fulanović</nastavnik>
  1100. <asistent email="danijel.kucak@algebra.hr">Danijel Kučak</asistent>
  1101. </kolegij>
  1102.  
  1103. </podaci>
  1104.  
  1105. //52
  1106.  
  1107. XSLT file
  1108.  
  1109. <?xml version="1.0" encoding="utf-8"?>
  1110. <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  1111.  
  1112.  
  1113. <xsl:template match="/">
  1114.  
  1115. <html>
  1116. <body>
  1117.  
  1118. <ul>
  1119. <xsl:for-each select="podaci/kolegij">
  1120. <xsl:sort order="descending" data-type="text" select="@semestar"/>
  1121. <li style="list-style-type:none">
  1122. <h3>
  1123. <xsl:value-of select="naziv"/>
  1124. </h3>
  1125. <xsl:for-each select="ishodiUcenja/ishod">
  1126. <li style="list-style-type:none">
  1127. I<xsl:value-of select="@broj"/> - [<xsl:value-of select="count(poglavlje)"/> poglavlja, bodova: <xsl:value-of select="@bodova"/>]
  1128. </li>
  1129. </xsl:for-each>
  1130. <li style="list-style-type:none">
  1131. Ukupno ishoda:<xsl:value-of select="count(ishodiUcenja/ishod)"/>
  1132. </li>
  1133. <li style="list-style-type:none">
  1134. Ukupno bodova: <xsl:value-of select="sum(ishodiUcenja/ishod/@bodova)"/>
  1135. </li>
  1136. </li>
  1137. </xsl:for-each>
  1138. </ul>
  1139.  
  1140. </body>
  1141. </html>
  1142.  
  1143. </xsl:template>
  1144. </xsl:stylesheet>
  1145.  
  1146. XML file
  1147.  
  1148. <?xml version="1.0" encoding="utf-8" ?>
  1149. <?xml-stylesheet type="text/xsl" href="XSLTFile2.xslt"?>
  1150. <podaci>
  1151. <kolegij oznaka="07038" ects="5" semestar="5" predavanja="30" vjezbe="30">
  1152. <naziv>Pristup podacima iz programskog koda</naziv>
  1153. <ishodiUcenja>
  1154. <ishod broj="1" bodova="30">
  1155. <poglavlje>ADO.NET</poglavlje>
  1156. <poglavlje>Klasa Connection</poglavlje>
  1157. <poglavlje>Klasa Command</poglavlje>
  1158. <poglavlje>Klasa DataReader</poglavlje>
  1159. <poglavlje>Klasa Parameter</poglavlje>
  1160. <poglavlje>BLOB vrijednosti</poglavlje>
  1161. <poglavlje>Transakcije</poglavlje>
  1162. </ishod>
  1163. <ishod broj="2" bodova="25">
  1164. <poglavlje>JDBC</poglavlje>
  1165. <poglavlje>Sučelje Statement</poglavlje>
  1166. <poglavlje>Pozivanjeprocedure s parametrima</poglavlje>
  1167. <poglavlje>Upravljanje transakcijama</poglavlje>
  1168. </ishod>
  1169. <ishod broj="3" bodova="30">
  1170. <poglavlje>DataSet</poglavlje>
  1171. <poglavlje>DataTable</poglavlje>
  1172. <poglavlje>DataColumn</poglavlje>
  1173. <poglavlje>DataRow</poglavlje>
  1174. <poglavlje>DataAdapter</poglavlje>
  1175. <poglavlje>Konflikti prilikom spremanja podataka</poglavlje>
  1176. <poglavlje>DataView</poglavlje>
  1177. </ishod>
  1178. </ishodiUcenja>
  1179. <nastavnik email="bojan.fulanovic@algebra.hr">Bojan Fulanović</nastavnik>
  1180. <asistent email="mario.zagar@hotmail.com">Mario Žagar</asistent>
  1181. </kolegij>
  1182. <kolegij oznaka="07019" ects="5" semestar="3" predavanja="30" vjezbe="30">
  1183. <naziv>Standardi u primjeni internetske tehnologije</naziv>
  1184. <ishodiUcenja>
  1185. <ishod broj="1" bodova="25">
  1186. <poglavlje>HTML uvod</poglavlje>
  1187. <poglavlje>Tablice</poglavlje>
  1188. <poglavlje>Obrasci</poglavlje>
  1189. </ishod>
  1190. <ishod broj="2" bodova="15">
  1191. <poglavlje>CSS uvod</poglavlje>
  1192. <poglavlje>CSS napredni</poglavlje>
  1193. </ishod>
  1194. <ishod broj="3" bodova="20">
  1195. <poglavlje>JavaScript</poglavlje>
  1196. </ishod>
  1197. <ishod broj="4" bodova="20">
  1198. <poglavlje>XML i JavaScript</poglavlje>
  1199. <poglavlje>DTD</poglavlje>
  1200. <poglavlje>XMLSchema</poglavlje>
  1201. </ishod>
  1202. <ishod broj="5" bodova="10">
  1203. <poglavlje>XSLT</poglavlje>
  1204. <poglavlje>XPath</poglavlje>
  1205. </ishod>
  1206. </ishodiUcenja>
  1207. <nastavnik email="bojan.fulanovic@algebra.hr">Bojan Fulanović</nastavnik>
  1208. <asistent email="mario.fabijanic@racunarstvo.hr">Mario Fabijanić</asistent>
  1209. <asistent email="a.stojanovic@live.com">Aleksandar Stojanović</asistent>
  1210. </kolegij>
  1211. <kolegij oznaka="07029" ects="5" semestar="4" predavanja="30" vjezbe="30">
  1212. <naziv>Razvoj web aplikacija</naziv>
  1213. <ishodiUcenja>
  1214. <ishod broj="1" bodova="28">
  1215. <poglavlje>Uvod u WebForms</poglavlje>
  1216. <poglavlje>Životni ciklus WebForme</poglavlje>
  1217. <poglavlje>Validacijske kontrole</poglavlje>
  1218. <poglavlje>Mehanizmi čuvanja stanja</poglavlje>
  1219. <poglavlje>Korisničke kontrole</poglavlje>
  1220. <poglavlje>Autentikacija i autorizacija</poglavlje>
  1221. </ishod>
  1222. <ishod broj="2" bodova="15">
  1223. <poglavlje>Master stranice</poglavlje>
  1224. <poglavlje>Teme</poglavlje>
  1225. <poglavlje>Navigacija</poglavlje>
  1226. <poglavlje>Globalizacija i lokalizacija</poglavlje>
  1227. <poglavlje>Optimizacija keširanjem</poglavlje>
  1228. <poglavlje>Upravljanje iznimkama</poglavlje>
  1229. </ishod>
  1230. <ishod broj="3" bodova="15">
  1231. <poglavlje>Rad s podacima iz baze podataka</poglavlje>
  1232. <poglavlje>Podatkovno povezive kontrole</poglavlje>
  1233. </ishod>
  1234. <ishod broj="4" bodova="25">
  1235. <poglavlje>MVC</poglavlje>
  1236. <poglavlje>MVC kontroleri</poglavlje>
  1237. <poglavlje>Razor pogledi</poglavlje>
  1238. <poglavlje>Modeli</poglavlje>
  1239. <poglavlje>Validacija</poglavlje>
  1240. </ishod>
  1241. </ishodiUcenja>
  1242. <nastavnik email="bojan.fulanovic@algebra.hr">Bojan Fulanović</nastavnik>
  1243. <asistent email="danijel.kucak@algebra.hr">Danijel Kučak</asistent>
  1244. </kolegij>
  1245.  
  1246. </podaci>
Add Comment
Please, Sign In to add comment