xxxxxxxxxx1
<nav class="navbar fixed-top navbar-dark bg-dark">2
<a class="navbar-brand" href="#">A</a>3
<a class="navbar-brand" href="#">B</a>4
<a class="navbar-brand" href="#">C</a>5
6
</nav>7
8
<div style="padding-top: 65px; padding-left: 20px " >9
<tr >10
<td onclick='select_change()' >11
Wyświetl dane dla tygodnia:12
</td>13
<td>14
<select id="fw_week" onchange="select_change()" class="btn btn-warning dropdown-toggle" >15
<option value="1">1</option>16
<option value="2">2</option>17
<option value="3">3</option>18
<option value="4">4</option>19
<option value="5">5</option>20
<option value="6">6</option>21
<option value="7">7</option>22
<option value="8">8</option>23
<option value="9">9</option>24
<option value="10">10</option>25
<option value="11">11</option>26
<option value="12">12</option>27
<option value="13">13</option>28
<option value="14">14</option>29
<option value="15">15</option>30
<option value="16">16</option>31
<option value="17">17</option>32
<option value="18">18</option>33
<option value="19">19</option>34
<option value="20">20</option>35
<option value="21">21</option>36
<option value="22">22</option>37
<option value="23">23</option>38
<option value="24">24</option>39
<option value="25">25</option>40
<option value="26">26</option>41
<option value="27">27</option>42
<option value="28">28</option>43
<option value="29">29</option>44
<option value="30">30</option>45
<option value="31">31</option>46
<option value="32">32</option>47
<option value="33">33</option>48
<option value="34">34</option>49
<option value="35">35</option>50
<option value="36">36</option>51
<option value="37">37</option>52
<option value="38">38</option>53
<option value="39">39</option>54
<option value="40">40</option>55
<option value="41">41</option>56
<option value="42">42</option>57
<option value="43">43</option>58
<option value="44">44</option>59
<option value="45">45</option>60
<option value="46">46</option>61
<option value="47">47</option>62
<option value="48">48</option>63
<option value="49">49</option>64
<option value="50">50</option>65
<option value="51">51</option>66
<option value="52">52</option>67
</select>68
</td> 69
<td>70
<select id="year" onchange="select_change()" class="btn btn-warning dropdown-toggle" >71
<option value="2017">2017</option>72
<option value="2018">2018</option>73
<option value="2019">2019</option>74
</select>75
</td>76
</tr>77
</div>78
<!---- end. Wybór tygodnia ---> 79
80
81
<table class="table table-bordered" id="my_table1" >82
<thead>83
<tr class="table-primary">84
<th scope="col" rowspan=2 class="align-middle text-center">Linia</th>85
<th scope="col" rowspan=2 class="align-middle text-center">SUMA </th>86
<th scope="col" colspan=2 class="align-middle text-center">A</th>87
<th scope="col" colspan=2 class="align-middle text-center">B</th>88
<th scope="col" colspan=2 class="align-middle text-center">C</th>89
<th scope="col" colspan=2 class="align-middle text-center">D</th>90
<th scope="col" colspan=2 class="align-middle text-center">E</th>91
<th scope="col" rowspan=2 class="align-middle text-center">SUMA </th>92
<th scope="col" rowspan=2 class="align-middle text-center">DELTA 1</th>93
<th scope="col" rowspan=2 class="align-middle text-center">DELTA 2 </th>94
<th scope="col" rowspan=2 class="align-middle text-center">F</th>95
<th scope="col" rowspan=2 class="align-middle text-center">G</th>96
<th scope="col" rowspan=2 class="align-middle text-center">H</th>97
98
</tr>99
<tr class="table-primary">100
101
<th scope="col">AA.</th>102
<th scope="col">BB</th>103
<th scope="col">AA.</th>104
<th scope="col">BB</th>105
<th scope="col">AA.</th>106
<th scope="col">BB</th>107
<th scope="col">AA.</th>108
<th scope="col">BB</th>109
<th scope="col">AA.</th>110
<th scope="col">BB</th>111
</tr>112
</thead>113
</table>xxxxxxxxxx1
.col-1-3 {2
width: 33% ;3
padding:0.5%;4
5
6
};7
.outer {8
padding: 10px;9
background: red;10
};11
12
th {13
text-align:center;14
vertical-align: center15
}16
17
18
xxxxxxxxxx1
2
<!-- DATY UZUPEŁNIENIE-->3
4
function getWeekDaysByWeekNumber(num) {5
var week = moment().week(num);6
var weekDays = [];7
8
for(var idx=0; idx< 7; idx++) {9
weekDays.push(week.day(idx).date());10
}11
12
return weekDays;13
}14
15
function readTextFile(file){var output;var rawFile = new XMLHttpRequest();rawFile.open("GET", file, false); rawFile.onreadystatechange = function (){if(rawFile.readyState === 4){if(rawFile.status === 200 || rawFile.status == 0){var allText = rawFile.responseText;output =allText;}}};rawFile.send(null);return output;}16
//-----------------------------------------------------------------------------------------------17
18
function fill_chrts() {19
20
21
var fw_week_sel = document.getElementById("fw_week")22
var opts_m = fw_week_sel.options;23
var year_sel = document.getElementById("year") 24
var opts_y = year_sel.options; 25
26
week_view = year.value+"_"+"FW_"+fw_week.value+"_";27
28
var num= fw_week_sel.value29
var num2=((fw_week_sel.value*1) + (1*1))*130
31
32
33
//=-----tbale34
35
36
37
var local_data = dane;38
var row_data = '';39
for (var i = 0; i < local_data.length; i++) {40
var row_data = row_data + '<tr>' +41
' <td>' + local_data[i].first_name + ' ' + local_data[i].last_name + '</td>' +42
' <td>' + local_data[i].email + '</td>' +43
' <td>' + local_data[i].gender + '< /td>' +44
'</tr>';45
}46
var table_body_element = document.createElement('tbody');47
table_body_element.innerHTML = row_data;48
document.getElementById('my_table1').appendChild(table_body_element);49
50
51
52
}53
54
Date.prototype.getWeek = function() {55
var date = new Date(this.getTime());56
date.setHours(0, 0, 0, 0);57
// Thursday in current week decides the year.58
date.setDate(date.getDate() + 3 - (date.getDay() + 6) % 7);59
// January 4 is always in week 1.60
var week1 = new Date(date.getFullYear(), 0, 4);61
// Adjust to Thursday in week 1 and count number of weeks from date to week1.62
return 1 + Math.round(((date.getTime() - week1.getTime()) / 86400000 - 3 + (week1.getDay() + 6) % 7) / 7);63
}64
65
function fill_select() {66
var d = new Date();67
var g = d.getDay();68
69
if (g<5)70
{var n = (d.getWeek())*1}71
else {72
var n = (d.getWeek())*1 }73
74
var m = d.getFullYear() ; 75
76
77
var month_sel = document.getElementById("fw_week")78
var opts = month_sel.options;79
month_sel.selectedIndex = n-1;80
month_sel = document.getElementById("year")81
opts = month_sel.options;82
for (i=0;i<opts.length;i++) {83
if(opts[i].label==m) {84
month_sel.selectedIndex = i;85
}86
}87
fill_chrts()88
}89
90
$(document).ready(function() {91
$('#example').DataTable( {92
"ajax": 'https://api.myjson.com/bins/1bffiy'93
} );94
} );95
96
97
Console errors: 0