API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 6th, 2018
228
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.89 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8"/>
  5. <meta name="Description" content= "Dowolny opis strony" />
  6. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  7. <link rel="stylesheet" href="blue\style.css">
  8.  
  9. <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  10. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  11.  
  12. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  13.  
  14. <script type="text/javascript" src="__jquery.tablesorter\jquery-latest.js"></script>
  15. <script type="text/javascript" src="__jquery.tablesorter\jquery.tablesorter.js"></script>
  16. <script src="walidacja.js"></script>
  17.  
  18.  
  19. <title>dokumenty_lab</title>
  20. </head>
  21. <body>
  22.  
  23.  
  24. <div class="jumbotron jumbotron-fluid">
  25. <div class="row">
  26. <div class="col">
  27. <h1 class="display">Fluid jumbotron</h1>
  28. <p class="lead">This is a modified jumbotron that occupies the entire horizontal space of its parent.</p>
  29. </div>
  30. </div>
  31. </div>
  32.  
  33. <nav class="navbar sticky-top navbar-expand-lg navbar-light bg-primary">
  34. <a class="navbar-brand" href="#">Menu</a>
  35. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  36. <span class="navbar-toggler-icon"></span>
  37. </button>
  38.  
  39. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  40. <ul class="navbar-nav mr-auto">
  41. <li class="nav-item active">
  42. <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
  43. </li>
  44. <li class="nav-item active">
  45. <a class="nav-link" href="#">Link</a>
  46. </li>
  47. </ul>
  48. <form class="form-inline my-2 my-lg-0">
  49. <input class="form-control mr-sm-2" type="search" placeholder="Search" id="searcher" aria-label="Search">
  50. <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
  51. </form>
  52. </div>
  53. </nav>
  54. <div class="col-xs-12" style="height:10px;"></div>
  55.  
  56. <div class="container-fluid">
  57. <div class="row">
  58. <div class="col-sm-2">
  59. <div class="btn-group-vertical">
  60. <button type="button" class="btn btn-secondary">1</button>
  61. <button type="button" class="btn btn-secondary">2</button>
  62. <button type="button" class="btn btn-secondary">3</button>
  63. <button type="button" class="btn btn-secondary">4</button>
  64. <button id="btnGroupDrop1" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  65. Dropdown
  66. </button>
  67. <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
  68. <a class="dropdown-item" href="#">Dropdown link</a>
  69. <a class="dropdown-item" href="#">Dropdown link</a>
  70. </div>
  71. </div>
  72. </div>
  73. <div class="col-sm-8">
  74. <!--<div class="alert alert-success" role="alert">
  75. <h4 class="alert-heading">Well done!</h4>
  76. <p>Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.</p>
  77. <hr>
  78. <p class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>
  79.  
  80.  
  81. </div> -->
  82. <form>
  83. <div class="form-group row">
  84. <label for="staticEmail" class="col-sm-2 col-form-label">Nazwa towaru</label>
  85. <div class="col-sm-10">
  86. <input type="text" class="form-control" id="nazwaTowaru" onBlur="walidacja_nazwa()" value="aa">
  87. <div id="blad.nazwaTowaru"></div>
  88. </div>
  89. </div>
  90. <div class="form-group row">
  91. <label for="inputPassword" class="col-sm-2 col-form-label">Kod towaru</label>
  92. <div class="col-sm-10">
  93. <input type="text" class="form-control" id="kodTowaru" onBlur="walidacja_kod()" value="10-12">
  94. <div id="blad.kodTowaru"></div>
  95. </div>
  96. </div>
  97. <div class="form-group row">
  98. <label for="inputPassword" class="col-sm-2 col-form-label">Cena netto</label>
  99. <div class="col-sm-10">
  100. <input type="text" class="form-control" id="cenaNetto" onBlur="walidacja_cennaNetto()" value="150">
  101. <div id="blad.cenaNetto"></div>
  102. </div>
  103. </div>
  104. <div class="form-group row">
  105. <label for="inputPassword" class="col-sm-2 col-form-label">Stawka VAT</label>
  106. <div class="col-sm-10">
  107. <input type="text" class="form-control" id="stawkaVat" onBlur="walidacja_stawkaVat()" value="15">
  108. <div id="blad.stawkaVat"></div>
  109. </div>
  110. </div>
  111. <div class="form-group row">
  112. <label for="inputPassword" class="col-sm-2 col-form-label">cena brutto</label>
  113. <div class="col-sm-10">
  114. <input type="text" class="form-control" id="cenaBrutto" onclick="walidacja_cenaBrutto();">
  115. <div id="brutto_wynik"></div>
  116. </div>
  117. </div>
  118. <div class="form-group row">
  119. <label for="exampleFormControlSelect1" class="col-sm-2 col-form-label">Kategoria towaru</label>
  120. <div class="col-sm-10">
  121. <select class="form-control" id="exampleFormControlSelect1" onBlur="walidacja_kategoriaTowaru()">
  122. <option id="kat">wybierz kategorie</option>
  123. <option>1</option>
  124. <option>2</option>
  125. <option>3</option>
  126. </select>
  127. <div id="blad.Kategoria"></div>
  128. </div>
  129. </div>
  130.  
  131. <div class="form-group row">
  132. <label for="opcja" class="col-sm-2 control-label">Opcja: </label>
  133. <div class="col-sm-10">
  134. <label class="checkbox-inline"><input type="checkbox" value="1" id="1" onBlur="validate_opcja()" name="chbx">Option 1</label><br />
  135. <label class="checkbox-inline"><input type="checkbox" value="2" id="2" onBlur="validate_opcja()" name="chbx">Option 2</label><br />
  136. <label class="checkbox-inline"><input type="checkbox" value="3" id="3" onBlur="validate_opcja()" name="chbx">Option 3</label><br />
  137. <label class="checkbox-inline"><input type="checkbox" value="4" id="4" onBlur="validate_opcja()" name="chbx">Option 4</label><br />
  138. <label class="checkbox-inline"><input type="checkbox" value="5" id="5" onBlur="validate_opcja()" name="chbx">Option 5</label><br />
  139. <div id="blad.Opcja"></div>
  140. </div>
  141. </div>
  142.  
  143. <div class="form-group row">
  144. <label for="ocena" class="col-sm-2 control-label">Ocena: </label>
  145. <div class="col-sm-10">
  146.  
  147. <label class="radio-inline"><input type="radio" value="1" id="1" name="optradio" onBlur="validate_ocena()">1</label>
  148. <label class="radio-inline"><input type="radio" value="2" id="2" name="optradio" onBlur="validate_ocena()">2</label>
  149. <label class="radio-inline"><input type="radio" value="3" id="3" name="optradio" onBlur="validate_ocena()">3</label>
  150. <label class="radio-inline"><input type="radio" value="4" id="4" name="optradio" onBlur="validate_ocena()">4</label>
  151. <label class="radio-inline"><input type="radio" value="5" id="5" name="optradio" onBlur="validate_ocena()">5</label>
  152. <div id="blad.Ocena"></div>
  153. </div>
  154. </div>
  155. <div class="text-center">
  156.  
  157. </div>
  158. </form>
  159.  
  160. <center><button type="submit" id="submit1" onclick="appendData()">Submit</button></center>
  161. <center><div id="save"></div></center>
  162.  
  163.  
  164. <a href="#" id="cenaODnajnizszej">cena od najniższej</a> <br />
  165. <a href="#" id="cenaODnajwyzszej">cena od najwyzszej</a> <br />
  166. <a href="#" id="ocenaODnajnizszej">ocena od najniższej</a> <br />
  167. <a href="#" id="ocenaODnajwyzszej">ocena od najwyzszej</a> <br />
  168. <a href="#" id="nazwaODa">nazwa od A do Z</a> <br />
  169. <a href="#" id="nazwaODz">nazwa od Z do A</a> <br />
  170. <style>
  171. .table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  172. background-color: #ff86ff;
  173. }
  174. </style>
  175.  
  176. <table id="myTable" class="table table-hover tablesorter">
  177. <thead>
  178. <tr>
  179. <th>Nazwa towaru</th>
  180. <th>kod towaru</th>
  181. <th>cena netto</th>
  182. <th>VAT</th>
  183. <th>cena brutto</th>
  184. <th>kategoria</th>
  185. <th>Opcja</th>
  186. <th>Ocena</th>
  187. <th>Akcja</th>
  188. </tr>
  189. </thead>
  190. <tbody>
  191. <!-- <tr>
  192. <td>Smith</td>
  193. <td>John</td>
  194. <td>jsmith@gmail.com</td>
  195. <td>$50.00</td>
  196. <td>http://www.jsmith.com</td>
  197. </tr>
  198. <tr>
  199. <td>Bach</td>
  200. <td>Frank</td>
  201. <td>fbach@yahoo.com</td>
  202. <td>$50.00</td>
  203. <td>http://www.frank.com</td>
  204. </tr>
  205. <tr>
  206. <td>Doe</td>
  207. <td>Jason</td>
  208. <td>jdoe@hotmail.com</td>
  209. <td>$100.00</td>
  210. <td>http://www.jdoe.com</td>
  211. </tr>
  212. <tr>
  213. <td>Conway</td>
  214. <td>Tim</td>
  215. <td>tconway@earthlink.net</td>
  216. <td>$50.00</td>
  217. <td>http://www.timconway.com</td>
  218. </tr> -->
  219. </tbody>
  220. </table>
  221. <!--<button type="submit" id="submit1" onclick="appendData()">Dodaj na sztywno</button></center> -->
  222. <center><div id="save"></div></center>
  223. <br /><br /><br /><br />
  224. </div>
  225. <div class="col-sm-2">
  226. <div class="list-group">
  227. <a href="https://getbootstrap.com" class="list-group-item list-group-item-action ">bootstrap</a>
  228. <a href="#" class="list-group-item list-group-item-action">wp.pel</a>
  229. <a href="http://lcieszynski.zut.edu.pl/fileadmin/instrukcja_2018.pdf" class="list-group-item list-group-item-action">instrukcje</a>
  230. </div>
  231. </div>
  232. </div>
  233.  
  234. <div class="row">
  235. <div class="col">
  236. <div class="fixed-bottom"><p class="text-center text-dark">Stopka</div>
  237. </div>
  238. </div>
  239. </div>
  240. <script>
  241. document.cookie = "nazwaCookie=wartoscCookie"
  242. console.log(document.cookie);
  243. </script>
  244.  
  245.  
  246. </body>
  247. </html>
  248.  
  249.  
  250. javascript
  251.  
  252. var cenaNetto, stawkaVat;
  253. var data = [];
  254. data[0]="NULL";
  255. table_len=0;
  256.  
  257. function walidacja_nazwa(){
  258. var wyr_reg=/[^a-zA-Z]+/;
  259. var x=document.getElementById("nazwaTowaru").value;
  260. var xnowe = document.getElementById("nazwaTowaru");
  261.  
  262. if(x==""){
  263. document.getElementById("blad.nazwaTowaru").innerHTML="Pole jest obowiązkowe";
  264. xnowe.classList.add("is-invalid");
  265. return false;
  266. }
  267. else if(!x.search(wyr_reg)){
  268. document.getElementById("blad.nazwaTowaru").innerHTML="Nazwa powinna składać się tylko liter";
  269. xnowe.classList.add("is-invalid");
  270. return false;
  271. }
  272. else if(x.length>10){
  273. document.getElementById("blad.nazwaTowaru").innerHTML="Nazwa towaru może składać się maksymalnie z 10 znaków";
  274. xnowe.classList.add("is-invalid");
  275. return false;
  276. }
  277. else{
  278. size=data.length;
  279. for(i=0;i<size;i++)
  280. {
  281. if(data[i]==x)
  282. {
  283. document.getElementById("blad.nazwaTowaru").innerHTML = "Ten produkt juz istnieje";
  284. var nazwa_towaru=document.getElementById("nazwaTowaru")
  285. nazwa_towaru.classList.add("is-invalid");
  286. valid_ok=false;
  287. return false;
  288. }
  289. }
  290. xnowe.classList.remove("is-invalid");
  291. xnowe.classList.add("is-valid");
  292. return true;
  293. }
  294.  
  295.  
  296.  
  297.  
  298. }
  299.  
  300. function walidacja_kod(){
  301. var wyr_reg=/^[a-zA-Z0-9]{2}-[a-zA-Z0-9]{2}$/;
  302. var x=document.getElementById("kodTowaru").value;
  303. var xnowe = document.getElementById("kodTowaru");
  304. if(x==""){
  305. document.getElementById("blad.kodTowaru").innerHTML="Pole jest obowiązkowe";
  306. xnowe.classList.add("is-invalid");
  307. return false;
  308.  
  309. }
  310. else if(x.search(wyr_reg)){
  311. document.getElementById("blad.kodTowaru").innerHTML="Zły format domyślnie XX-XX";
  312. xnowe.classList.add("is-invalid");
  313. return false;
  314. }
  315. else{
  316. document.getElementById("blad.kodTowaru").innerHTML = "";
  317.  
  318. xnowe.classList.remove("is-invalid");
  319. xnowe.classList.add("is-valid");
  320. return true;
  321. }
  322. }
  323.  
  324. function walidacja_cennaNetto(){
  325. var wyr_reg=/^[0-9]/
  326. var x=document.getElementById("cenaNetto").value;
  327. var xnowe = document.getElementById("cenaNetto");
  328. if(x==""){
  329. document.getElementById("blad.cenaNetto").innerHTML="Pole jest obowiązkowe";
  330. xnowe.classList.add("is-invalid");
  331. return false;
  332. }
  333. else if(x.search(wyr_reg)){
  334. document.getElementById("blad.cenaNetto").innerHTML="Tylko liczby";
  335. xnowe.classList.add("is-invalid");
  336. return false;
  337. }
  338. else
  339. {
  340. x=parseFloat(x);
  341. document.getElementById("cenaNetto").value = x.toFixed(2);
  342. document.getElementById("blad.cenaNetto").innerHTML = "";
  343. var cena_netto=document.getElementById("cena_netto");
  344. xnowe.classList.remove("is-invalid");
  345. xnowe.classList.add("is-valid");
  346. cenaNetto=1;
  347. return true;
  348. }
  349. }
  350.  
  351. function walidacja_stawkaVat(){
  352. var wyr_reg=/^[0-9]/
  353. var x=document.getElementById("stawkaVat").value;
  354. var xnowe = document.getElementById("stawkaVat");
  355. if(x==""){
  356. document.getElementById("blad.stawkaVat").innerHTML="Pole jest obowiązkowe";
  357. xnowe.classList.add("is-invalid");
  358. return false;
  359. }
  360. else if(x.search(wyr_reg)){
  361. document.getElementById("blad.stawkaVat").innerHTML="Tylko liczby";
  362. xnowe.classList.add("is-invalid");
  363. return false;
  364. }
  365. else
  366. {
  367. stawkaVat=1;
  368. document.getElementById("blad.stawkaVat").innerHTML = "";
  369. xnowe.classList.remove("is-invalid");
  370. xnowe.classList.add("is-valid");
  371. return true;
  372. }
  373. }
  374.  
  375. function walidacja_cenaBrutto(){
  376. stawka_brutto=0;
  377. var cenaBrutto;
  378. var string="proszę podać cenne netto i stawke vat";
  379. if(stawkaVat==1 && cenaNetto==1)
  380. {
  381. var netto=parseFloat(document.getElementById("cenaNetto").value);
  382. var vat=parseInt(document.getElementById("stawkaVat").value);
  383. cenaBrutto=netto+(netto*(vat/100));
  384. document.getElementById("cenaBrutto").value=cenaBrutto;
  385. }
  386. document.getElementById("cenaBrutto").value = cenaBrutto;
  387. return cenaBrutto;
  388. }
  389.  
  390. function walidacja_kategoriaTowaru(){
  391. var x=document.getElementById("exampleFormControlSelect1").value;
  392. var xnowe = document.getElementById("exampleFormControlSelect1");
  393. if(x==(document.getElementById("kat").value)){
  394. document.getElementById("blad.Kategoria").innerHTML="Wybierz kategorie";
  395. xnowe.classList.add("is-invalid");
  396. return false;
  397. }
  398. else{
  399. document.getElementById("blad.Kategoria").innerHTML = "";
  400. xnowe.classList.remove("is-invalid");
  401. xnowe.classList.add("is-valid");
  402. return true;
  403. }
  404. }
  405.  
  406. function validate_opcja()
  407. {
  408.  
  409. $("input[type=checkbox]");
  410. valid_ok=true;
  411. var counter=0;
  412. if($('#1').is(':checked'))
  413. counter++;
  414. if($('#2').is(':checked'))
  415. counter++;
  416. if($('#3').is(':checked'))
  417. counter++;
  418. if($('#4').is(':checked'))
  419. counter++;
  420. if($('#5').is(':checked'))
  421. counter++;
  422. if(counter<2)
  423. {
  424. document.getElementById("blad.Opcja").innerHTML = "Musisz wybrać minimum dwie opcje";
  425. valid_ok=false;
  426. return false;
  427. }
  428. else
  429. {
  430. document.getElementById("blad.Opcja").innerHTML = "";
  431. valid_ok=true;
  432. return true;
  433. }
  434. return valid_ok;
  435.  
  436. }
  437. function validate_ocena()
  438. {
  439. valid_ok=true;
  440. var how=$('input[type=radio]:checked').length;
  441. if(how==0)
  442. {
  443. document.getElementById("blad.Ocena").innerHTML = "Musisz wybrać minimum jeden stopień oceny";
  444. valid_ok=false;
  445. return false;
  446. }
  447. else
  448. {
  449. document.getElementById("blad.Ocena").innerHTML = "";
  450. valid_ok=true;
  451. return true;
  452. }
  453. return valid_ok;
  454. }
  455.  
  456.  
  457.  
  458. var lastStudent = 23;
  459.  
  460.  
  461. function appendData() {
  462.  
  463. var error=0;
  464.  
  465. walidacja_nazwa();walidacja_kod();walidacja_cennaNetto();walidacja_stawkaVat();validate_ocena();validate_opcja();
  466. walidacja_kategoriaTowaru();
  467.  
  468.  
  469. if(walidacja_nazwa()==false || walidacja_kod()==false || walidacja_cennaNetto()==false || walidacja_stawkaVat()==false || validate_ocena()==false || validate_opcja()==false || walidacja_kategoriaTowaru()==false){
  470. error++;
  471. }
  472. if(error==0)
  473. {
  474. size=data.length;
  475.  
  476. nazwa_towaru=document.getElementById("nazwaTowaru").value;
  477. kod_towaru=document.getElementById("kodTowaru").value;
  478. cena_netto=document.getElementById("cenaNetto").value;
  479. stawka_vat=document.getElementById("stawkaVat").value;
  480. brutto=document.getElementById("cenaBrutto").value;
  481. var e = document.getElementById("exampleFormControlSelect1");
  482. var kategoria = e.options[e.selectedIndex].value;
  483. var checkboxes = document.getElementsByName('chbx');
  484. var opcja = "";
  485. for (var i=0, n=checkboxes.length;i<n;i++)
  486. {
  487. if (checkboxes[i].checked)
  488. {
  489. opcja += ","+checkboxes[i].value;
  490. }
  491. }
  492. if (opcja)opcja = opcja.substring(1);
  493. var radios = document.getElementsByName('optradio');
  494. ocena="";
  495. for (var i = 0, length = radios.length; i < length; i++)
  496. {
  497. if (radios[i].checked)
  498. {
  499. ocena=radios[i].value;
  500. }
  501. }
  502.  
  503. //nazwa_towaru="aa";kod_towaru="12-34";cena_netto="12.5";stawka_vat="12";element=2;opcja="1";ocena=1;brutto=4;
  504.  
  505. brutto1=walidacja_cenaBrutto();
  506. var tdTagStart = '<td>';
  507. var tdTagEnd = '</td>';
  508. table_len++;
  509. for(var i = 0; i < 1; i++) {
  510. var rnd = i % 2;
  511. var row = '<tr '+"id='row"+table_len+"'>";
  512. row += '<td '+"id='nazwa_towaru"+table_len+"'>" + nazwa_towaru + tdTagEnd;
  513. row += '<td '+"id='kod_towaru"+table_len+"'>" + kod_towaru + tdTagEnd;
  514. row += '<td '+"id='cena_netto"+table_len+"'>" + cena_netto + tdTagEnd;
  515. row += '<td '+"id='stawka_vat"+table_len+"'>" + stawka_vat + tdTagEnd;
  516. row += '<td '+"id='brutto1"+table_len+"'>" + brutto1 + tdTagEnd;
  517. row += '<td '+"id='kategoria"+table_len+"'>" + kategoria+ tdTagEnd;
  518. row += '<td '+"id='opcja"+table_len+"'>"+ opcja + tdTagEnd;
  519. row += '<td '+"id='ocena"+table_len+"'>" + ocena + tdTagEnd;
  520. row+=tdTagStart+"<input type='button' id='edit_button"+table_len+"' value='Edit' class='edit' onclick='edit_row("+table_len+")'> <input type='button' id='save_button"+table_len+"' style='display:none;' value='Save' class='save' onclick='save_row("+table_len+")'> <input type='button' value='Delete' class='delete' onclick='delete_row("+table_len+")'>"+tdTagEnd;
  521. row += '</tr>';
  522. document.cookie = "chuj="+row;
  523. console.log(document.cookie);
  524. $("table/tbody:first").append(row);
  525. };
  526.  
  527.  
  528. $("table").trigger('update');
  529. data[size]=nazwa_towaru;
  530. //writeCookie("ciastko","DZYN DZYN CO TAM MORDA U CIEBIE","Sat, 30 Jun 2018","","/","");
  531.  
  532. return false;
  533. }
  534. }
  535.  
  536. $(document).ready(function() {
  537. $("#myTable").tablesorter({
  538.  
  539. headers: {
  540. 1: { sorter: false },
  541. 2: { sorter: false },
  542. 3: { sorter: false },
  543. 5: { sorter: false },
  544. 6: { sorter: false },
  545. 8: { sorter: false}
  546. }
  547. });
  548. //$("#myTable").tablesorter();
  549. $("#cenaODnajnizszej").click(function() {
  550. // set sorting column and direction, this will sort on the first and third column the column index starts at zero
  551. var sorting = [[4,0]];
  552. // sort on the first column
  553. $("#myTable").trigger("sorton",[sorting]);
  554. // return false to stop default link action
  555. return false;
  556. });
  557. $("#cenaODnajwyzszej").click(function() {
  558. // set sorting column and direction, this will sort on the first and third column the column index starts at zero
  559. var sorting = [[4,1]];
  560. // sort on the first column
  561. $("#myTable").trigger("sorton",[sorting]);
  562. // return false to stop default link action
  563. return false;
  564. });
  565. $("#ocenaODnajnizszej").click(function() {
  566. // set sorting column and direction, this will sort on the first and third column the column index starts at zero
  567. var sorting = [[7,0]];
  568. // sort on the first column
  569. $("table").trigger("sorton",[sorting]);
  570. // return false to stop default link action
  571. return false;
  572. });
  573. $("#ocenaODnajwyzszej").click(function() {
  574. // set sorting column and direction, this will sort on the first and third column the column index starts at zero
  575. var sorting = [[7,1]];
  576. // sort on the first column
  577. $("table").trigger("sorton",[sorting]);
  578. // return false to stop default link action
  579. return false;
  580. });
  581. $("#nazwaODa").click(function() {
  582. // set sorting column and direction, this will sort on the first and third column the column index starts at zero
  583. var sorting = [[0,0]];
  584. // sort on the first column
  585. $("table").trigger("sorton",[sorting]);
  586. // return false to stop default link action
  587. return false;
  588. });
  589. $("#nazwaODz").click(function() {
  590. // set sorting column and direction, this will sort on the first and third column the column index starts at zero
  591. var sorting = [[0,1]];
  592. // sort on the first column
  593. $("table").trigger("sorton",[sorting]);
  594. // return false to stop default link action
  595. return false;
  596. });
  597. });
  598.  
  599. function delete_row(no)
  600. {
  601. data[no]="";
  602. document.getElementById("row"+no+"").outerHTML="";
  603. $("#myTable").trigger('update');
  604. }
  605.  
  606. function edit_row(no)
  607. {
  608. document.getElementById("edit_button"+no).style.display="none";
  609. nazwa_towaru=document.getElementById("nazwa_towaru"+no);
  610. kod_towaru=document.getElementById("kod_towaru"+no);
  611. cena_netto=document.getElementById("cena_netto"+no);
  612. stawka_vat=document.getElementById("stawka_vat"+no);
  613. kategoria = document.getElementById("kategoria"+no);
  614. opcja = document.getElementById("opcja"+no);
  615. ocena = document.getElementById("ocena"+no);
  616.  
  617. document.getElementById("nazwaTowaru").value=nazwa_towaru.innerHTML;
  618. document.getElementById("kodTowaru").value=kod_towaru.innerHTML;
  619. document.getElementById("cenaNetto").value=cena_netto.innerHTML;
  620. document.getElementById("stawkaVat").value=stawka_vat.innerHTML;
  621. var kategoria_dropdown_list = document.getElementById('exampleFormControlSelect1');
  622. kategoria_dropdown_list.value = kategoria.innerHTML;
  623. checkbox = document.getElementsByName("chbx");
  624. var values = opcja.innerHTML.split(",");
  625. for(i=0;i<=5;i++)
  626. {
  627. for(j=0;j<values.length;j++)
  628. {
  629. if(j==5 || i==5)
  630. break;
  631. if (checkbox[i].value==values[j])
  632. {
  633. checkbox[i].checked = true;
  634. checkbox[i].setAttribute("checked", "true");
  635. break;
  636. }
  637. else
  638. {
  639. checkbox[i].checked = false;
  640. checkbox[i].setAttribute("checked", "false");
  641. }
  642. }
  643. }
  644. radio = document.getElementsByName("optradio");
  645. var values = ocena.innerHTML;
  646. for (var i=0, n=values.length;i<n;i++)
  647. {
  648. for(j=1;j<=5;j++)
  649. {
  650. if (values[i]==j)
  651. {
  652. radio[j-1].checked = true;
  653. radio[j-1].setAttribute("checked", "true");
  654. }
  655. }
  656. }
  657. document.getElementById("submit1").style.display="none";
  658. document.getElementById("save").innerHTML = "<input type='button' id='save_button"+no+"' style='' value='Save' class='save' onclick='save_row("+no+")'>";
  659. }
  660.  
  661. function save_row(no)
  662. {
  663. document.getElementById("save").innerHTML ="";
  664. document.getElementById("edit_button"+no).style.display="block";
  665. document.getElementById("submit1").style.display="block";
  666. var nazwa_towaru=document.getElementById("nazwaTowaru").value;
  667. var kod_towaru=document.getElementById("kodTowaru").value;
  668. var cena_netto=document.getElementById("cenaNetto").value;
  669. var stawka_vat=document.getElementById("stawkaVat").value;
  670. var cena_brutto=document.getElementById("cenaBrutto").value;
  671. var e = document.getElementById("exampleFormControlSelect1");
  672. var kategoria = e.options[e.selectedIndex].value;
  673. var checkboxes = document.getElementsByName('chbx');
  674. var opcja = "";
  675. for (var i=0, n=checkboxes.length;i<n;i++)
  676. {
  677. if (checkboxes[i].checked)
  678. {
  679. opcja += ","+checkboxes[i].value;
  680. }
  681. }
  682. if (opcja)opcja = opcja.substring(1);
  683. var radios = document.getElementsByName('optradio');
  684. ocena="";
  685. for (var i = 0, length = radios.length; i < length; i++)
  686. {
  687. if (radios[i].checked)
  688. {
  689. ocena=radios[i].value;
  690. }
  691. }
  692. document.getElementById("nazwa_towaru"+no).innerHTML=nazwa_towaru;
  693. document.getElementById("kod_towaru"+no).innerHTML=kod_towaru;
  694. document.getElementById("cena_netto"+no).innerHTML=cena_netto;
  695. document.getElementById("stawka_vat"+no).innerHTML=stawka_vat;
  696. document.getElementById("kategoria"+no).innerHTML=kategoria;
  697. document.getElementById("brutto1"+no).innerHTML=cena_brutto;
  698. document.getElementById("opcja"+no).innerHTML=opcja;
  699. document.getElementById("ocena"+no).innerHTML=ocena;
  700. data[no]=nazwa_towaru;
  701. $("#myTable").trigger('update');
  702.  
  703. }
  704.  
  705.  
  706.  
  707. function setCookie(name, val, days, path, domain, secure) {
  708. if (navigator.cookieEnabled) { //czy ciasteczka są włączone
  709. const cookieName = encodeURIComponent(name);
  710. const cookieVal = encodeURIComponent(val);
  711. let cookieText = cookieName + "=" + cookieVal;
  712.  
  713. if (typeof days === "number") {
  714. const data = new Date();
  715. data.setTime(data.getTime() + (days * 24*60*60*1000));
  716. cookieText += "; expires=" + data.toGMTString();
  717. }
  718.  
  719. if (path) {
  720. cookieText += "; path=" + path;
  721. }
  722. if (domain) {
  723. cookieText += "; domain=" + domain;
  724. }
  725. if (secure) {
  726. cookieText += "; secure";
  727. }
  728.  
  729. document.cookie = cookieText;
  730. }
  731. }
  732.  
  733. function writeCookie(cookieName, cookieValue, expires, domain,
  734. path, secureFlag) {
  735. if (cookieName) {
  736. var cookieDetails = cookieName + "=" +
  737. escape(cookieValue);
  738.  
  739. cookieDetails += (expires ? "; expires=" +
  740. expires.toGMTString(): '');
  741.  
  742. cookieDetails += (domain ? "; domain=" + domain: '');
  743. cookieDetails += (path ? "; path=" + path: '');
  744. cookieDetails += (secureFlag ? "; secure": '');
  745. document.cookie = cookieDetails;
  746. }
  747. }
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!