Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
303394e602 | ||
|
|
2d0aba2007 | ||
|
|
ffe64e1181 | ||
|
|
9a8c2bf95f |
BIN
Beregszasziproject-main/logók/debrecen_fc439866b3_e292ab2b4d.png
Normal file
|
After Width: | Height: | Size: 4.4 KiB |
|
Before Width: | Height: | Size: 4.6 KiB After Width: | Height: | Size: 6.0 KiB |
|
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 9.8 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 22 KiB |
1
bereg-weblap-master/Beregszasziproject-main/Bereg1
Normal file
@@ -0,0 +1 @@
|
|||||||
|
//első project, egyenlőre legyen meg a github xd
|
||||||
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 8.8 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 9.4 KiB |
|
After Width: | Height: | Size: 89 KiB |
|
After Width: | Height: | Size: 118 KiB |
|
After Width: | Height: | Size: 93 KiB |
105
bereg-weblap-master/index.html
Normal file
@@ -0,0 +1,105 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<!--<script src="timer.js"></script>-->
|
||||||
|
<!--<script src="navbar.js"></script>-->
|
||||||
|
<title>DSZC Beregszászi Pál Technikum</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<nav class="">
|
||||||
|
<div class="">
|
||||||
|
<ul>
|
||||||
|
<li>Rólunk</li>
|
||||||
|
<li>Tanulóinknak</li>
|
||||||
|
<li>Hírek</li>
|
||||||
|
<li>Képzéseink</li>
|
||||||
|
<li>Szakmai dokumentumok</li>
|
||||||
|
<li>Projektek</li>
|
||||||
|
<li>Közérdekű adatok</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<!-- Carousel -->
|
||||||
|
<div id="carousel" class="carousel slide" data-bs-ride="carousel">
|
||||||
|
|
||||||
|
<!-- Indicators/dots -->
|
||||||
|
<div class="carousel-indicators">
|
||||||
|
<button type="button" data-bs-target="#carousel" data-bs-slide-to="0" class="active"></button>
|
||||||
|
<button type="button" data-bs-target="#carousel" data-bs-slide-to="1"></button>
|
||||||
|
<button type="button" data-bs-target="#carousel" data-bs-slide-to="2"></button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- The slideshow/carousel -->
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="carousel-item active">
|
||||||
|
<img src="res/bereg/1.png" alt="Los Angeles" class="kep d-block w-75">
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
<img src="res/bereg/2.png" alt="Chicago" class="kep d-block w-75">
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item">
|
||||||
|
<img src="res/bereg/3.png" alt="New York" class="kep d-block w-75">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Left and right controls/icons -->
|
||||||
|
<button class="carousel-control-prev" type="button" data-bs-target="#carousel" data-bs-slide="prev">
|
||||||
|
<span class="carousel-control-prev-icon"></span>
|
||||||
|
</button>
|
||||||
|
<button class="carousel-control-next" type="button" data-bs-target="#carousel" data-bs-slide="next">
|
||||||
|
<span class="carousel-control-next-icon"></span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div id="timer"></div>
|
||||||
|
</header>
|
||||||
|
<div id="content">
|
||||||
|
<aside id="left">
|
||||||
|
<iframe id="facebook"></iframe>
|
||||||
|
</aside>
|
||||||
|
<aside id="right">
|
||||||
|
<iframe id="instagram"></iframe>
|
||||||
|
</aside>
|
||||||
|
<div id="idezetek">
|
||||||
|
<!--Idezetek helye-->
|
||||||
|
</div>
|
||||||
|
<footer>
|
||||||
|
<div id="map"></div>
|
||||||
|
<div><!--Map melletti elerhetosegek (lehet tablazat)--></div>
|
||||||
|
<div>
|
||||||
|
<h1 class="partner">Partnereink</h1>
|
||||||
|
<div>
|
||||||
|
<img class="b" src="Beregszasziproject-main/logók/ikk_360aa14c2e_95f9c4371f.png">
|
||||||
|
<img class="m" src="Beregszasziproject-main/logók/thumbnail_NSZFH_logo_black_top_20528d7f88.png">
|
||||||
|
<img class="n" src="Beregszasziproject-main/logók/thumbnail_ITM_logo_1100x480_440bb2bcb5.jpg">
|
||||||
|
</div>
|
||||||
|
<br><br>
|
||||||
|
<br><br>
|
||||||
|
<br>
|
||||||
|
<div>
|
||||||
|
<img class="h" src="Beregszasziproject-main/logók/haon_26b06cb961.png">
|
||||||
|
<img class="o" src="Beregszasziproject-main/logók/itmlogo_bj_8775770659_b445975eab.png">
|
||||||
|
<img class="i" src="Beregszasziproject-main/logók/dkv_db4ff56201.png">
|
||||||
|
<img class="u" src="Beregszasziproject-main/logók/faceb_uj_deeaf3a2c7.png">
|
||||||
|
<br><br>
|
||||||
|
<br><br>
|
||||||
|
<img class="f" src="Beregszasziproject-main/logók/thumbnail_hbkik_logo_szines_uj_85f5aa3c87_adea792b18.png">
|
||||||
|
<img class="g" src="Beregszasziproject-main/logók/thumbnail_campusfm90_logo_7b4847b6eb_0118947f94.png">
|
||||||
|
<img class="l" src="Beregszasziproject-main/logók/mediacentrum_logo_mcd_attetszo_szerk_ef9542b4a8.png">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br><br>
|
||||||
|
<br><br>
|
||||||
|
<br><br>
|
||||||
|
<div class="kaka">
|
||||||
|
<img class="e" src="Beregszasziproject-main/logók/thumbnail_dszc_logo_feher_d151b60038.webp">
|
||||||
|
<h2 class="q">Debreceni</h2>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
11
bereg-weblap-master/navbar.js
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
let overlay = document.querySelector(".menu_overlay");
|
||||||
|
let open = document.querySelector(".fa-bars");
|
||||||
|
let close = document.querySelector(".fa-times");
|
||||||
|
|
||||||
|
open.addEventListener("click", () => {
|
||||||
|
overlay.style.transform = "translateY(0)";
|
||||||
|
});
|
||||||
|
|
||||||
|
close.addEventListener("click", () => {
|
||||||
|
overlay.style.transform = "translateY(-110%)";
|
||||||
|
});
|
||||||
BIN
bereg-weblap-master/res/bereg/1.png
Normal file
|
After Width: | Height: | Size: 118 KiB |
BIN
bereg-weblap-master/res/bereg/2.png
Normal file
|
After Width: | Height: | Size: 93 KiB |
BIN
bereg-weblap-master/res/bereg/3.png
Normal file
|
After Width: | Height: | Size: 89 KiB |
BIN
bereg-weblap-master/res/test pics/1151707.jpg
Normal file
|
After Width: | Height: | Size: 3.1 MiB |
BIN
bereg-weblap-master/res/test pics/1168140.jpg
Normal file
|
After Width: | Height: | Size: 3.4 MiB |
BIN
bereg-weblap-master/res/test pics/1168382.jpg
Normal file
|
After Width: | Height: | Size: 2.3 MiB |
119
bereg-weblap-master/style.css
Normal file
@@ -0,0 +1,119 @@
|
|||||||
|
body{
|
||||||
|
background-color: rgb(255, 255, 255);
|
||||||
|
color: yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
li{
|
||||||
|
list-style-type: none;
|
||||||
|
float: left;
|
||||||
|
padding: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul{
|
||||||
|
/*margin-left: 20%;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
li{
|
||||||
|
|
||||||
|
}
|
||||||
|
li:first-child{
|
||||||
|
border-left: 1px solid white;
|
||||||
|
margin-left: 20%;
|
||||||
|
}
|
||||||
|
li:last-child{
|
||||||
|
border-right: 1px solid white;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav{
|
||||||
|
color: white;
|
||||||
|
background-color: rgb(49, 49, 49);
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kep{
|
||||||
|
margin-left: 13%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.partner{
|
||||||
|
margin-left: 20%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flótás{
|
||||||
|
float: right;
|
||||||
|
margin-right: 30%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.n{
|
||||||
|
float: right;
|
||||||
|
width: 11%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m{
|
||||||
|
float: right;
|
||||||
|
width: 12%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.b{
|
||||||
|
float: right;
|
||||||
|
width: 11%;
|
||||||
|
margin-right: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u{
|
||||||
|
float: right;
|
||||||
|
width: 5%;
|
||||||
|
margin-right: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.i{
|
||||||
|
float: right;
|
||||||
|
width: 11%;
|
||||||
|
margin-right: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.o{
|
||||||
|
float: right;
|
||||||
|
width: 11%;
|
||||||
|
margin-right: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h{
|
||||||
|
float: right;
|
||||||
|
width: 11%;
|
||||||
|
margin-right: 18%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.l{
|
||||||
|
margin-right: 1%;
|
||||||
|
float: right;
|
||||||
|
width: 9%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.f{
|
||||||
|
margin-right: 39%;
|
||||||
|
float: right;
|
||||||
|
width: 9%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.g{
|
||||||
|
margin-right: 1%;
|
||||||
|
float: right;
|
||||||
|
width: 9%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.kaka{
|
||||||
|
background-color: rgb(0, 0, 122);
|
||||||
|
height: 7vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.e{
|
||||||
|
padding-top: 0.4%;
|
||||||
|
margin-left: 44%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.q{
|
||||||
|
float: right;
|
||||||
|
margin-right: 36%;
|
||||||
|
}
|
||||||
22
bereg-weblap-master/timer.js
Normal file
@@ -0,0 +1,22 @@
|
|||||||
|
function updateTimer(){
|
||||||
|
future = Date.parse("feb 22, 2022 14:00:00");
|
||||||
|
now = new Date();
|
||||||
|
diff = future - now;
|
||||||
|
|
||||||
|
days = Math.floor(diff / (1000 * 60 * 60 * 24));
|
||||||
|
hours = Math.floor(diff / (1000 * 60 * 60));
|
||||||
|
mins = Math.floor(diff / (1000 * 60));
|
||||||
|
secs = Math.floor(diff / 1000);
|
||||||
|
|
||||||
|
d = days;
|
||||||
|
h = hours - days * 24;
|
||||||
|
m = mins - hours * 60;
|
||||||
|
s = secs - mins * 60;
|
||||||
|
|
||||||
|
document.getElementById("timer").innerHTML =
|
||||||
|
'<div>' + d + '<span>Nap</span></div>' +
|
||||||
|
'<div>' + h + '<span>Ora</span></div>' +
|
||||||
|
'<div>' + m + '<span>Perc</span></div>' +
|
||||||
|
'<div>' + s + '<span>Masodperc</span></div>';
|
||||||
|
}
|
||||||
|
setInterval('updateTimer()', 1000);
|
||||||
33
index.html
@@ -6,7 +6,7 @@
|
|||||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
<link rel="stylesheet" href="style.css">
|
<link rel="stylesheet" href="style.css">
|
||||||
<script src="timer.js"></script>
|
<!--<script src="timer.js"></script>-->
|
||||||
<!--<script src="navbar.js"></script>-->
|
<!--<script src="navbar.js"></script>-->
|
||||||
<title>DSZC Beregszászi Pál Technikum</title>
|
<title>DSZC Beregszászi Pál Technikum</title>
|
||||||
</head>
|
</head>
|
||||||
@@ -14,7 +14,7 @@
|
|||||||
<header>
|
<header>
|
||||||
<nav class="">
|
<nav class="">
|
||||||
<div class="">
|
<div class="">
|
||||||
<ul id="nav-item">
|
<ul>
|
||||||
<li>Rólunk</li>
|
<li>Rólunk</li>
|
||||||
<li>Tanulóinknak</li>
|
<li>Tanulóinknak</li>
|
||||||
<li>Hírek</li>
|
<li>Hírek</li>
|
||||||
@@ -25,12 +25,17 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
<!-- Carousel -->
|
||||||
<div id="carousel" class="carousel slide" data-bs-ride="carousel">
|
<div id="carousel" class="carousel slide" data-bs-ride="carousel">
|
||||||
|
|
||||||
|
<!-- Indicators/dots -->
|
||||||
<div class="carousel-indicators">
|
<div class="carousel-indicators">
|
||||||
<button type="button" data-bs-target="#carousel" data-bs-slide-to="0" class="active"></button>
|
<button type="button" data-bs-target="#carousel" data-bs-slide-to="0" class="active"></button>
|
||||||
<button type="button" data-bs-target="#carousel" data-bs-slide-to="1"></button>
|
<button type="button" data-bs-target="#carousel" data-bs-slide-to="1"></button>
|
||||||
<button type="button" data-bs-target="#carousel" data-bs-slide-to="2"></button>
|
<button type="button" data-bs-target="#carousel" data-bs-slide-to="2"></button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- The slideshow/carousel -->
|
||||||
<div class="carousel-inner">
|
<div class="carousel-inner">
|
||||||
<div class="carousel-item active">
|
<div class="carousel-item active">
|
||||||
<img src="res/bereg/1.png" alt="Los Angeles" class="kep d-block w-75">
|
<img src="res/bereg/1.png" alt="Los Angeles" class="kep d-block w-75">
|
||||||
@@ -42,6 +47,7 @@
|
|||||||
<img src="res/bereg/3.png" alt="New York" class="kep d-block w-75">
|
<img src="res/bereg/3.png" alt="New York" class="kep d-block w-75">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- Left and right controls/icons -->
|
||||||
<button class="carousel-control-prev" type="button" data-bs-target="#carousel" data-bs-slide="prev">
|
<button class="carousel-control-prev" type="button" data-bs-target="#carousel" data-bs-slide="prev">
|
||||||
<span class="carousel-control-prev-icon"></span>
|
<span class="carousel-control-prev-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
@@ -49,15 +55,7 @@
|
|||||||
<span class="carousel-control-next-icon"></span>
|
<span class="carousel-control-next-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="timer">
|
<div id="timer"></div>
|
||||||
<ul id="counter"><br><br>
|
|
||||||
<h1>Következő szünetig hátralévő idő</h1>
|
|
||||||
<li id="nap"></li>
|
|
||||||
<li id="ora"></li>
|
|
||||||
<li id="perc"></li>
|
|
||||||
<li id="mperc"></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</header>
|
</header>
|
||||||
<div id="content">
|
<div id="content">
|
||||||
<aside id="left">
|
<aside id="left">
|
||||||
@@ -66,6 +64,12 @@
|
|||||||
<aside id="right">
|
<aside id="right">
|
||||||
<iframe id="instagram"></iframe>
|
<iframe id="instagram"></iframe>
|
||||||
</aside>
|
</aside>
|
||||||
|
<iframe id="inlineFrameExample"
|
||||||
|
title="Inline Frame Example"
|
||||||
|
width="600"
|
||||||
|
height="600"
|
||||||
|
src="https://www.youtube.com/embed/rzV4C1Ox1go">
|
||||||
|
</iframe>
|
||||||
<div id="idezetek">
|
<div id="idezetek">
|
||||||
<!--Idezetek helye-->
|
<!--Idezetek helye-->
|
||||||
</div>
|
</div>
|
||||||
@@ -75,15 +79,15 @@
|
|||||||
<div>
|
<div>
|
||||||
<h1 class="partner">Partnereink</h1>
|
<h1 class="partner">Partnereink</h1>
|
||||||
<div>
|
<div>
|
||||||
<img class="b" src="Beregszasziproject-main/logók/ikk_360aa14c2e_95f9c4371f.png">
|
<img class="b" src="Beregszasziproject-main/logók/ikk_360aa14c2e_95f9c4371f.png
|
||||||
<img class="m" src="Beregszasziproject-main/logók/thumbnail_NSZFH_logo_black_top_20528d7f88.png">
|
<img class="m" src="Beregszasziproject-main/logók/thumbnail_NSZFH_logo_black_top_20528d7f88.png">
|
||||||
<img class="n" src="Beregszasziproject-main/logók/thumbnail_ITM_logo_1100x480_440bb2bcb5.jpg">
|
<img class="n" src="Beregszasziproject-main/logók/thumbnail_ITM_logo_1100x480_440bb2bcb5.png">
|
||||||
</div>
|
</div>
|
||||||
<br><br>
|
<br><br>
|
||||||
<br><br>
|
<br><br>
|
||||||
<br><br>
|
<br><br>
|
||||||
<div>
|
<div>
|
||||||
<img class="o" src="Beregszasziproject-main/logók/itmlogo_bj_8775770659_b445975eab.png" >
|
<img class="o" src="Beregszasziproject-main/logók/thumbnail_campusfm90_logo_7b4847b6eb_0118947f94.png" >
|
||||||
<img class="i" src="Beregszasziproject-main/logók/dkv_db4ff56201.png">
|
<img class="i" src="Beregszasziproject-main/logók/dkv_db4ff56201.png">
|
||||||
<img class="u" src="Beregszasziproject-main/logók/faceb_uj_deeaf3a2c7.png">
|
<img class="u" src="Beregszasziproject-main/logók/faceb_uj_deeaf3a2c7.png">
|
||||||
</div>
|
</div>
|
||||||
@@ -91,5 +95,6 @@
|
|||||||
<div id="also footer"></div>
|
<div id="also footer"></div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
<script src="yt.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
29
style.css
@@ -3,7 +3,7 @@ body{
|
|||||||
color: yellow;
|
color: yellow;
|
||||||
}
|
}
|
||||||
|
|
||||||
#nav-item li{
|
li{
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
float: left;
|
float: left;
|
||||||
padding: 1%;
|
padding: 1%;
|
||||||
@@ -13,14 +13,14 @@ ul{
|
|||||||
/*margin-left: 20%;*/
|
/*margin-left: 20%;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
#nav-item li{
|
li{
|
||||||
border-right: 1px solid white;
|
|
||||||
}
|
}
|
||||||
#nav-item li:first-child{
|
li:first-child{
|
||||||
border-left: 1px solid white;
|
border-left: 1px solid white;
|
||||||
margin-left: 20%;
|
margin-left: 20%;
|
||||||
}
|
}
|
||||||
#nav-item li:last-child{
|
li:last-child{
|
||||||
border-right: 1px solid white;
|
border-right: 1px solid white;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -31,25 +31,6 @@ nav{
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#counter li{
|
|
||||||
float: left;
|
|
||||||
list-style-type: none;
|
|
||||||
font-size: 30px;
|
|
||||||
padding-left: 2%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#counter h1{
|
|
||||||
margin-left: 1%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#nap{
|
|
||||||
margin-left: 5%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#timer{
|
|
||||||
margin-left: 25%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.kep{
|
.kep{
|
||||||
margin-left: 13%;
|
margin-left: 13%;
|
||||||
}
|
}
|
||||||
|
|||||||
21
timer.js
@@ -13,21 +13,10 @@ function updateTimer(){
|
|||||||
m = mins - hours * 60;
|
m = mins - hours * 60;
|
||||||
s = secs - mins * 60;
|
s = secs - mins * 60;
|
||||||
|
|
||||||
d_sz = " " + d;
|
document.getElementById("timer").innerHTML =
|
||||||
h_sz = " " + h;
|
'<div>' + d + '<span>Nap</span></div>' +
|
||||||
m_sz = " " + m;
|
'<div>' + h + '<span>Ora</span></div>' +
|
||||||
s_sz = " " + s;
|
'<div>' + m + '<span>Perc</span></div>' +
|
||||||
|
'<div>' + s + '<span>Masodperc</span></div>';
|
||||||
document.getElementById("nap").innerHTML =
|
|
||||||
'<div>' + d_sz + '<span> Nap </span></div> ';
|
|
||||||
|
|
||||||
document.getElementById("ora").innerHTML =
|
|
||||||
'<div>' + h_sz + '<span> Ora </span></div> ';
|
|
||||||
|
|
||||||
document.getElementById("perc").innerHTML =
|
|
||||||
'<div>' + m_sz + '<span> Perc </span></div> ';
|
|
||||||
|
|
||||||
document.getElementById("mperc").innerHTML =
|
|
||||||
'<div>' + s_sz + '<span> Masodperc </span></div>';
|
|
||||||
}
|
}
|
||||||
setInterval('updateTimer()', 1000);
|
setInterval('updateTimer()', 1000);
|
||||||
33
yt.js
Normal file
@@ -0,0 +1,33 @@
|
|||||||
|
var tag = document.createElement('script');
|
||||||
|
|
||||||
|
tag.src = "https://www.youtube.com/iframe_api";
|
||||||
|
var firstScriptTag = document.getElementsByTagName('script')[0];
|
||||||
|
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
|
||||||
|
var player;
|
||||||
|
function onYouTubeIframeAPIReady() {
|
||||||
|
player = new YT.Player('player', {
|
||||||
|
height: '390',
|
||||||
|
width: '640',
|
||||||
|
videoId: 'M7lc1UVf-VE',
|
||||||
|
playerVars: {
|
||||||
|
'playsinline': 1
|
||||||
|
},
|
||||||
|
events: {
|
||||||
|
'onReady': onPlayerReady,
|
||||||
|
'onStateChange': onPlayerStateChange
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function onPlayerReady(event) {
|
||||||
|
event.target.playVideo();
|
||||||
|
}
|
||||||
|
var done = false;
|
||||||
|
function onPlayerStateChange(event) {
|
||||||
|
if (event.data == YT.PlayerState.PLAYING && !done) {
|
||||||
|
setTimeout(stopVideo, 6000);
|
||||||
|
done = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function stopVideo() {
|
||||||
|
player.stopVideo();
|
||||||
|
}
|
||||||