Kilokem/WebTechnologiak-vizsga
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Harmadik vizsga

Browse Source
This commit is contained in:
Kilokem
2024-11-28 10:40:51 +01:00
parent 11c80fb673
commit d0de8736f4
25 changed files with 328 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
2018-19-1-03/Feladat/gknb_intm049_2018-19-1_03.css Normal file
View 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/Feladat/gknb_intm049_2018-19-1_03.html Normal file
View 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/Feladat/gknb_intm049_2018-19-1_03.js Normal file
View 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/Feladat/gknb_intm049_2018-19-1_03.odt Normal file
View File

Binary file not shown.

53
2018-19-1-03/Feladat/gknb_intm049_2018-19-1_03_vanilla.js Normal file
View 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);