Upload and Begin
This commit is contained in:
30
2018-19-1-03/gknb_intm049_2018-19-1_03.css
Normal file
30
2018-19-1-03/gknb_intm049_2018-19-1_03.css
Normal file
@ -0,0 +1,30 @@
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
td, th {
|
||||
border: 1px solid black;
|
||||
width: 1cm;
|
||||
height: 1cm;
|
||||
vertical-align: center;
|
||||
}
|
||||
|
||||
th {
|
||||
font-size: 8pt;
|
||||
}
|
||||
|
||||
.nincs {
|
||||
background-color: gray;
|
||||
}
|
||||
|
||||
.munkanap {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
.hetvege {
|
||||
background-color: blue;
|
||||
}
|
||||
|
||||
.szabadsag {
|
||||
background-color: lightgreen;
|
||||
}
|
16
2018-19-1-03/gknb_intm049_2018-19-1_03.html
Normal file
16
2018-19-1-03/gknb_intm049_2018-19-1_03.html
Normal file
@ -0,0 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="hu-HU">
|
||||
<head>
|
||||
<title>Szabadság nyilvántartás</title>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="stylesheet" type="text/css"
|
||||
href="gknb_intm049_2018-19-1_03.css" />
|
||||
</head>
|
||||
<body>
|
||||
<h1>Szabadság nyilvántartás</h1>
|
||||
<table id="tablazat"></table>
|
||||
<p>Kivett szabadságok összesen: <span id="szabadsag">0</span> nap.</p>
|
||||
<script src="jquery-3.3.1.min.js"></script>
|
||||
<script src="gknb_intm049_2018-19-1_03.js"></script>
|
||||
</body>
|
||||
</html>
|
54
2018-19-1-03/gknb_intm049_2018-19-1_03.js
Normal file
54
2018-19-1-03/gknb_intm049_2018-19-1_03.js
Normal file
@ -0,0 +1,54 @@
|
||||
var kivett = 0;
|
||||
|
||||
function valtoztat(e) {
|
||||
e = $(e.target);
|
||||
if(e.attr("class") == "munkanap") {
|
||||
kivett++;
|
||||
e.attr("class", "szabadsag");
|
||||
} else if(e.attr("class") == "szabadsag"){
|
||||
kivett--;
|
||||
e.attr("class", "munkanap");
|
||||
}
|
||||
$("#szabadsag").text(kivett);
|
||||
}
|
||||
|
||||
$(function() {
|
||||
var tablazat = $("<table>");
|
||||
tablazat.attr("id", "tablazat");
|
||||
// felső fejléc
|
||||
var sor = $("<tr>");
|
||||
sor.append($("<td>"));
|
||||
for(var nap=1; nap<=31; nap++) {
|
||||
var cella = $("<th>");
|
||||
cella.text(nap);
|
||||
sor.append(cella);
|
||||
}
|
||||
tablazat.append(sor);
|
||||
// adatsorok
|
||||
var ev = new Date().getFullYear();
|
||||
for(var ho=1; ho<=12; ho++) {
|
||||
sor = $("<tr>");
|
||||
cella = $("<th>");
|
||||
cella.text(ho);
|
||||
sor.append(cella);
|
||||
var maxNap = new Date(ev, ho, 0).getDate();
|
||||
for(nap=1; nap<=31; nap++) {
|
||||
cella = $("<td>");
|
||||
if(nap > maxNap) cella.addClass("nincs");
|
||||
else {
|
||||
var hn = new Date(ev, ho-1, nap).getDay();
|
||||
if(hn==0 || hn==6) {
|
||||
cella.addClass("hetvege");
|
||||
} else {
|
||||
cella.addClass("munkanap");
|
||||
}
|
||||
}
|
||||
sor.append(cella);
|
||||
}
|
||||
tablazat.append(sor);
|
||||
}
|
||||
// táblázat cseréje
|
||||
$("#tablazat").replaceWith(tablazat);
|
||||
|
||||
tablazat.click(valtoztat);
|
||||
});
|
BIN
2018-19-1-03/gknb_intm049_2018-19-1_03.odt
Normal file
BIN
2018-19-1-03/gknb_intm049_2018-19-1_03.odt
Normal file
Binary file not shown.
53
2018-19-1-03/gknb_intm049_2018-19-1_03_vanilla.js
Normal file
53
2018-19-1-03/gknb_intm049_2018-19-1_03_vanilla.js
Normal file
@ -0,0 +1,53 @@
|
||||
var kivett = 0;
|
||||
|
||||
function valtoztat(e) {
|
||||
if(e.target.className=="munkanap") {
|
||||
kivett++;
|
||||
e.target.className="szabadsag";
|
||||
} else if(e.target.className=="szabadsag"){
|
||||
kivett--;
|
||||
e.target.className="munkanap";
|
||||
}
|
||||
document.getElementById("szabadsag").textContent = kivett;
|
||||
}
|
||||
|
||||
window.addEventListener("load", function() {
|
||||
var tablazat = document.createElement("table");
|
||||
tablazat.id = "tablazat";
|
||||
// felső fejléc
|
||||
var sor = document.createElement("tr");
|
||||
sor.appendChild(document.createElement("td"));
|
||||
for(var nap=1; nap<=31; nap++) {
|
||||
var cella = document.createElement("th");
|
||||
cella.textContent = nap;
|
||||
sor.appendChild(cella);
|
||||
}
|
||||
tablazat.appendChild(sor);
|
||||
// adatsorok
|
||||
var ev = new Date().getFullYear();
|
||||
for(var ho=1; ho<=12; ho++) {
|
||||
sor = document.createElement("tr");
|
||||
cella = document.createElement("th");
|
||||
cella.textContent = ho;
|
||||
sor.appendChild(cella);
|
||||
var maxNap = new Date(ev, ho, 0).getDate();
|
||||
for(nap=1; nap<=31; nap++) {
|
||||
cella = document.createElement("td");
|
||||
if(nap > maxNap) cella.className="nincs";
|
||||
else {
|
||||
var hn = new Date(ev, ho-1, nap).getDay();
|
||||
if(hn==0 || hn==6) {
|
||||
cella.className="hetvege";
|
||||
} else {
|
||||
cella.className="munkanap";
|
||||
}
|
||||
}
|
||||
sor.appendChild(cella);
|
||||
}
|
||||
tablazat.appendChild(sor);
|
||||
}
|
||||
// táblázat cseréje
|
||||
document.body.replaceChild(tablazat, document.getElementById("tablazat"));
|
||||
|
||||
tablazat.addEventListener("click", valtoztat, false);
|
||||
}, false);
|
Reference in New Issue
Block a user