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

Upload and Begin

Browse Source
This commit is contained in:
Kilokem
2024-11-20 20:36:28 +01:00
parent af1749b884
commit ed9222df6a
61 changed files with 13202 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
2019-20-1-04/gknb_intm049_2019-20-1_04.css Normal file
View File

@ -0,0 +1,42 @@
h1, h2, h3 {
font-family: Arial, sans-serif;
color: blue;
margin-top: 0px;
}
h1 {
font-size: 24pt;
}
h2 {
font-size: 18pt;
}
h3 {
font-size: 16pt;
}
section {
border-style: solid;
border-width: 3px;
border-left-width: 15px;
padding: 5px;
border-color: blue;
background-color: lightblue;
margin-top: 5mm;
}
.tajekoztato {
border-color: green;
background-color: lightgreen;
}
.keso {
border-color: #cc3300;
background-color: red;
}
label {
display: inline-block;
width: 2cm;
}

27
2019-20-1-04/gknb_intm049_2019-20-1_04.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="utf-8">
<title>Menetrend</title>
<link type="text/css" rel="stylesheet" href="gknb_intm049_2019-20-1_04.css" />
<meta name="keywords" content="vasút, menetrend, vonat, járat" />
</head>
<body>
<article id="tartalom">
<h1>Vasúti járatkereső</h1>
<section class="tajekoztato">
<h2>Utazási adatok megadása</h2>
<p>Adja meg, hogy honnan és hová szeretne utazni, majd nyomja meg a <em>Keresés</em> gombot! Az oldal kilistázza az összes olyan járatot, amivel eljuthat a kívánt helyre.</p>
<form id="urlap" action="#">
<div><label for="honnan">Honnan:</label><select id="honnan"></select></div>
<div><label for="hova">Hova:</label><select id="hova"></select></div>
<div><input type="submit" value="Keresés" /></div>
</form>
</section>
</article>
<noscript>Ez a weboldal nem működik az Ön gépén a JavaScript támogatás hiánya miatt.</noscript>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="vonat.js"></script>
<script src="gknb_intm049_2019-20-1_04.js"></script>
</body>
</html>

73
2019-20-1-04/gknb_intm049_2019-20-1_04.js Normal file
View File

@ -0,0 +1,73 @@
let menetrend = {
megallok: [],
megalloGyujt: function(db) {
for(let kulcs in db) {
for(let i=0; i<db[kulcs].length; i++) {
let mnev = db[kulcs][i].megallo;
if(!this.megallok.includes(mnev)) {
this.megallok.push(mnev);
}
}
}
this.megallok.sort();
},
opciok: function(szulo) {
for(kulcs in this.megallok) {
let opcio = $("<option>").attr("value", this.megallok[kulcs]).text(this.megallok[kulcs]);
$(szulo).append(opcio);
}
},
pontosIdo: function() {
let d = new Date();
let o = d.getHours();
if(o<10) o="0"+o;
let p = d.getMinutes();
if(p<10) p="0"+p;
return o+":"+p;
},
kereses: function(db, honnan, hova) {
$(".jarat").remove();
honnan = this.megallok[honnan];
hova = this.megallok[hova];
let ido = this.pontosIdo();
let tartalom = $("#tartalom");
for(let jarat in db) {
let indul=-1, erkezik=-1;
for(let m=0; m<db[jarat].length; m++) {
if(db[jarat][m].megallo == honnan) {
indul = m;
}
if(db[jarat][m].megallo == hova) {
erkezik = m;
}
if(indul!=-1 && erkezik!=-1) break;
}
if(indul!=-1 && erkezik!=-1 && indul<=erkezik) {
let blokk = $("<section>").addClass("jarat");
if(db[jarat][indul].indul < ido) {
blokk.addClass("keso");
}
blokk.append($("<h3>").text(jarat));
blokk.append($("<p>").text("Indulás: "+db[jarat][indul].indul));
blokk.append($("<p>").text("Érkezés: "+db[jarat][erkezik].erkezik));
tartalom.append(blokk);
}
}
}
};
$(function() {
menetrend.megalloGyujt(adatbazis);
menetrend.opciok($("#honnan")[0]);
menetrend.opciok($("#hova")[0]);
$("#urlap").submit(function(e) {
let honnan = $("#honnan")[0].selectedIndex;
let hova = $("#hova")[0].selectedIndex;
if(honnan == hova) {
alert("Jelöljön ki eltérő állomásokat!");
} else {
menetrend.kereses(adatbazis, honnan, hova);
}
e.preventDefault();
});
});

BIN
2019-20-1-04/gknb_intm049_2019-20-1_04.odt Normal file
View File

Binary file not shown.