<![CDATA[
<frameset border="0" frameborder="0" framespacing="0" rows="70,*">
<frame src="/felso/felso.php" name="TopFrame" marginheight="0" marginwidth="0" framespacing="0" topmargin="0" heightmargin="0" noresize scrolling="no">
</frameset>
<!DOCTYPE html>
<html lang="en">
<style media="screen">
*,
*::after,
*::before {
margin: 0;
padding: 0;
box-sizing: inherit;
}
html {
// That defines what 1rem is
font-size: 62.5%;
}
body {
box-sizing: border-box;
font-family: "Lato", sans-serif;
font-size: 1.4rem;
text-align: center;
}
h1, h2 {
font-weight: normal;
}
.clearfix::after {
content: "";
clear: both;
display: table;
}
.chat {
width: 100%;
}
.user_talk, .textBox_text {
font-family: inherit;
padding: .8rem;
margin: 1rem 0;
width: 100%;
background-color: lightblue;
border: .2rem solid darkcyan;
border-radius: 1rem;
opacity: 1;
/* max-height: 500px; */
transition: opacity 1s ease;
}
.textBox_text {
background-color: #FFEB3B;
border: .2rem solid #795548;
}
.hidden {
opacity: 0;
/* max-height: 0; */
}
.inputbox {
margin: 1rem 0;
width: 30rem;
max-width: 100%;
}
.chat-container {
width: 30rem;
margin: 0 auto;
max-width: 100%;
padding: .5rem;
}
.chat-container img {
width: 60%;
margin: 1rem 0;
}
#ask {
background-color: darkcyan;
color: lightblue;
width: 100%;
margin: 0;
display: block;
border: 0;
height: 3rem;
padding: 0;
overflow: hidden;
float: left;
font-size: 2.3rem;
}
#question,
#question:active,
#question:hover,
#question:focus {
padding: 0 .8rem;
border: .2rem darkcyan solid;
width: 90%;
margin: 0;
height: 3rem;
font-size: 1.4rem;
line-height: 3rem;
color: darkcyan;
float: left;
outline: none;
font-family: inherit;
}
.copy {
color: gray;
margin-top: 0rem;
}
</style>
<body>
<div class="chat-container">
<div class="chat"></div> <!-- Ide jönnek a társalgás buborékjai -->
<div class="inputbox clearfix">
<!-- <input type="text" id="question" value="" placeholder="Frusztrálódni akarok!"> -->
<button type="button" id="ask">Húzz egy szerencsesütit! â–ş</button>
</div>
<h1>Kedves Olga!</h1>
<h2>Induljon jól a napod! Tudd meg előre, mi miatt fog ma órákat késni a vonatod!</h2>
<span id="dbcount"></span></p>
</div>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
let chat = document.querySelector('.chat');
// Ha a DOM betöltődött...
document.getElementById('ask').addEventListener('click', function(){
// A válasz buborékja
let textBox = document.createElement("DIV");
textBox.classList.add('textBox_text', 'hidden');
let answerText = `Ma azért fogsz néhány kellemes órácskával többet eltölteni a vonaton, mert ${rndItem(0)}.
let t = document.createTextNode(answerText);
textBox.appendChild(t);
chat.appendChild(textBox);
// window.scrollTo(0,document.body.scrollHeight);
setTimeout(function(){textBox.classList.remove('hidden');}, 500);
// questionBox.focus();
}); // End of OnClick event handler
}); // End of DOMContentLoaded event handler
// Adatbázisok
// A sztringeket a sortöréseknél/pontosvesszőnél felszeleteljük és betöltjük egy tömbbe.
// A tömböket beletesszük a db tömbbe.
// var db0 = [1,2,3];
var db1 = `két vonat szembement egymással.
felsővezeték-szakadás van a vonalon.
a vonatból kifogyott az üzemanyag.
az előző szerelvény gyalogost gázolt.
a mozdonyvezetőnek félúton lejárt a munkaideje.
1,5 centi hó borítja a síneket.
meghibásodott az informatikai rendszer.
letört egy tehervonat áramszedője.
meghibásodott egy váltó.
meghibásodott a biztosítóberendezés.
az érintett szakaszon eltörött a sín.
vonat elé hajtott egy autó.
a vonalon vágányzár van, az utasokat pótlóbuszok szállítják.
áramellátási probléma alakult ki.
fa dőlt a sínekre.
tehervonatok ütköztek a szakaszon.
átment a piroson egy személyvonat.
rosszullett egy utas.
összeomlott az online jegyvásárlási rendszer.
betolatott egy személyvonat egy nemzetközi vonat elé.
elhúzódik a hétvégére tervezett váltókarbantartás.
műszaki problémák miatt csúszik a pályakarbantartás.
kisiklott az előző szerelvény.
ugyanazon a vágányok szemben haladt egymással két vonat.
lebetegedett a mozdonyvezető.
kigyulladt a motortér a szerelvényben.
Lázár János járatritkítás mellett döntött a vonalon.
egy utas beszorult a WC-be.
egy mezőgazdasági öntözőberendezés borult a sínekre.
egy távvezeték oszlopa dőlt a sínekre.
az éjjel elütött birkatetemek elzárják a pályát.
egy csillagközi invázió keretében érkezett űrhajó zárta el a síneket Katonatelepnél, mozdonyvezetőt a megszállók túszúl ejtették, az utasoknak pedig a hangosbemondón vogon eposzokat olvasnak fel!`.split('\n');
var db = [db1, db2, db3, db4, db5];
let dbIndexes = [] // Ăśres array.
for (let i = 0; i < db.length; i++) {
dbIndexes.push(0); // teszünk bele annyi nullát, ahány adatbázis-array van a db arrayben. Ezzel fogjuk nyomon követni, hogy hol tartunk az egyes arrayökben.
shuffleArray(db[i]); // megkeverjük az összes arrayt
}
function rndItem(arrNum){
let val = db[arrNum][dbIndexes[arrNum]]; // visszaadjuk a következő elemet a választott arrayból
dbIndexes[arrNum]++; // léptetjük a választott array mutatóját
if (dbIndexes[arrNum] >= db[arrNum].length) { // ha tĂşl nagy a mutatĂł
console.log('dbIndex reset')
dbIndexes[arrNum] = 0; // visszaállĂtjuk a mutatĂłt
shuffleArray(db[arrNum]); // összekeverjük a választott arrayt
}
console.log('rndItem called. arrNum: ' + arrNum + '; dbIndex: ' + dbIndexes[arrNum] + '; item: ' + db[arrNum][dbIndexes[arrNum]] );
return val;
}
function shuffleArray(array) {
console.log('shuffleArray called');
for (var i = array.length - 1; i > 0; i--) {
var j = Math.floor(Math.random() * (i + 1));
var temp = array[i];
array[i] = array[j];
array[j] = temp;
}
}
</script>
</body>
<br>Partneroldalak: <br>
<a href="https://domain.domainshop.hu/domain.html" alt="tárhely domainregisztráció">Domain regisztráció tár és szerverszolgáltatások: domain domainnév tárhely e-mail, imap, pop3</a><br>
<a href="https://webtar.hu" alt="tárhely donainregisztráció">webtar.hu</a><br>
<a href="https://ingyenweb.hu" alt="ingyenweb">ingyenweb.hu</a><br>
<a href="https://videok.hu" alt="Videók">videok.hu</a><br>
<a href="https://xn--fotk-sqa.hu" alt="fotók">fotók.hu</a><br>
<a href="https://randi.hu" alt="Randi">randi.hu</a><br>
<a href="https://licit.hu" alt="Licit">licit.hu</a><br>
<a href="https://napivicc.hu" alt="vicc">napivicc.hu</a><br>
<a href="https://gyertyalang.hu" alt="gyertyagyújtás">gyertyalang.hu</a><br>
<a href="https://xn--helyesrs-fza2j.hu" alt="helyesírás.hu">helyesírás.hu</a><br>
<a href="https://domain.webtar.hu/domain.html" alt="Domain regiszráció és tárhely">Domain regisztráció</a><br>
]]>