pp/evmadarajs
1
0
Fork 9
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: pp:master
Branches Tags
pp:master
vagvolgyimate:master
..
compare: vagvolgyimate:master
Branches Tags
vagvolgyimate:master
pp:master

1 Commits
master ... master

Author SHA1 Message Date
Vágvölgyi Máté
3375e3a401 Kész 2023-05-04 12:04:20 +02:00
2 changed files with 81 additions and 37 deletions
Show Stats Expand all files Collapse all files

110
evmadara.html
View File

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="hu"> <html lang="hu">
<head> <head>
<title>Év madara program</title> <title>Év madara program</title>
<meta charset="utf-8"> <meta charset="utf-8">
@ -7,7 +8,7 @@
<link rel="stylesheet" href="bootstrap.min.css"> <link rel="stylesheet" href="bootstrap.min.css">
<script src="jquery.min.js"></script> <script src="jquery.min.js"></script>
<script src="popper.min.js"></script> <script src="popper.min.js"></script>
<script src="bootstrap.min.js"></script> <script src="bootstrap.min.js"></script>
<link rel="stylesheet" href="evmadara.css"> <link rel="stylesheet" href="evmadara.css">
<script src="evmadara.js"></script> <script src="evmadara.js"></script>
</head> </head>
@ -19,8 +20,9 @@
<img src="kepek/vonulas.jpg" class="img-fluid w-100"> <img src="kepek/vonulas.jpg" class="img-fluid w-100">
</header> </header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarNav"> <div class="collapse navbar-collapse" id="navbarNav">
@ -57,13 +59,22 @@
<div id="program" class="col-lg-5"> <div id="program" class="col-lg-5">
<h1>"Év madara" program</h1> <h1>"Év madara" program</h1>
<p> <p>
A <a href="https://mme.hu/" target="_blank">Magyar Madártani és Természetvédelmi Egyesület</a> 1979-ben indította el az „Év madara” programját. Ennek célja, hogy a társadalommal megismertesse azokat a madárfajokat vagy fajcsoportokat, amelyek védelmében a lakosság vagy annak egyes csoportjai (például gazdálkodók, vadászok, pedagógusok) különösen fontos szerepet kaphatnak. Emellett felhívja a figyelmet azokra az érdekütközésekre, konfliktusokra, amelyeket fel kell oldani. Az év madarának csak olyan fajt választanak, amelynek folyamatos védelmében az egyesület tevőlegesen is részt vesz. A <a href="https://mme.hu/" target="_blank">Magyar Madártani és Természetvédelmi Egyesület</a> 1979-ben
indította el az „Év madara” programját. Ennek célja, hogy a társadalommal megismertesse azokat a madárfajokat
vagy fajcsoportokat, amelyek védelmében a lakosság vagy annak egyes csoportjai (például gazdálkodók, vadászok,
pedagógusok) különösen fontos szerepet kaphatnak. Emellett felhívja a figyelmet azokra az érdekütközésekre,
konfliktusokra, amelyeket fel kell oldani. Az év madarának csak olyan fajt választanak, amelynek folyamatos
védelmében az egyesület tevőlegesen is részt vesz.
</p> </p>
<p> <p>
2011-ben kísérletképpen internetes szavazással választatták meg, hogy a három ajánlott faj közül melyik legyen 2012-ben az év madara. Az akciót sikeresnek ítélték, ezért a következő években is így választanak. Kivételt csak a 2018-as év jelentett, a 20 éves visszatérésének évfordulója alkalmából a vándorsólyom kapta ezt a megtisztelő címet. 2011-ben kísérletképpen internetes szavazással választatták meg, hogy a három ajánlott faj közül melyik legyen
2012-ben az év madara. Az akciót sikeresnek ítélték, ezért a következő években is így választanak. Kivételt
csak a 2018-as év jelentett, a 20 éves visszatérésének évfordulója alkalmából a vándorsólyom kapta ezt a
megtisztelő címet.
</p> </p>
<p> <p>
A természeti értékek védelmét számos egyéb program is segíti. A "Föld Napja Alapítvány" <a href="http://fna.hu/hir/vadonelok2021" target="_blank">gyűjtés</a>éből megtudhatjuk, hogy 2021-ben az... A természeti értékek védelmét számos egyéb program is segíti. A "Föld Napja Alapítvány" <a
href="http://fna.hu/hir/vadonelok2021" target="_blank">gyűjtés</a>éből megtudhatjuk, hogy 2021-ben az...
</p> </p>
<ul class="lista"> <ul class="lista">
<li>év kétéltűje a <span class="dijazott">zöld varangy</span>,</li> <li>év kétéltűje a <span class="dijazott">zöld varangy</span>,</li>
@ -73,9 +84,10 @@
<li>év gombája az <span class="dijazott">óriás bocskogomba</span>,</li> <li>év gombája az <span class="dijazott">óriás bocskogomba</span>,</li>
<li>év vadvirága a <span class="dijazott">vetési konkoly</span>,</li> <li>év vadvirága a <span class="dijazott">vetési konkoly</span>,</li>
<li>év hala a <span class="dijazott">jászkeszeg</span>,</li> <li>év hala a <span class="dijazott">jászkeszeg</span>,</li>
<li>év gyógynövénye a <span class="dijazott">fekete nadálytő</span>.</li> <li>év gyógynövénye a <span class="dijazott">fekete nadálytő</span>.</li>
</ul> </ul>
<p>A 2021-es "Év városi madara" szavazás még nem zárult le. A versenyben lévő 15 madárra ősz derekéig lehet szavazni. A 2020-as év városi madara a <span class="dijazott">vörösbegy</span> volt.</p> <p>A 2021-es "Év városi madara" szavazás még nem zárult le. A versenyben lévő 15 madárra ősz derekéig lehet
szavazni. A 2020-as év városi madara a <span class="dijazott">vörösbegy</span> volt.</p>
</div> </div>
<div id="ev2021" class="col-lg-7 nyertes"> <div id="ev2021" class="col-lg-7 nyertes">
<div class="border"> <div class="border">
@ -84,17 +96,28 @@
<div class="col-md-5"> <div class="col-md-5">
<img src="kepek/ciganycsuk_him.png" alt="Cigánycsuk - Hím" title="Cigánycsuk - Hím" <img src="kepek/ciganycsuk_him.png" alt="Cigánycsuk - Hím" title="Cigánycsuk - Hím"
class="img-fluid mx-auto d-block w-75 img-thumbnail drop-shadow"> class="img-fluid mx-auto d-block w-75 img-thumbnail drop-shadow">
<br>
<img src="kepek/ciganycsuk_tojo.png" alt="Cigánycsuk - Tojó" title="Cigánycsuk - Tojó"
class="img-fluid mx-auto d-block w-75 img-thumbnail drop-shadow">
</div> </div>
<div class="col-md-7"> <div class="col-md-7">
<h3>Cigánycsuk</h3> <h3>Cigánycsuk</h3>
<p>Megjelenésre a mezei verébnél kicsit kisebb. A nászruhás hím feje, torka és háta fekete, begye és melle rozsdavörös, széles nyakfoltja, keskeny szárnycsíkja és farkcsíkja fehér. A tojón a hímek fekete színét barna helyettesíti, a begy és a mell halvány rózsaszínes, a nyak fehér foltja elmosódott, a farkcsík világos rozsdássárga. A fiatalok foltozott alsótestű tojóhoz hasonlítanak. A farok minden korosztálynál egyöntetűen sötét feketésbarna.</p> <p>Megjelenésre a mezei verébnél kicsit kisebb. A nászruhás hím feje, torka és háta fekete, begye és melle
<p>A faj képviselőivel leggyakrabban magas kóró és bokor csúcsán, kerítésoszlop tetején üldögélve találkozhatunk, korábbi neve, a cigány-csaláncsúcs is erre a viselkedésére utalt. A hímek itt hallatják rövid, csicsergő éneküket, illetve innen hallhatjuk jellegzetes csuk-csuk jelző- és riasztóhangjukat.</p> rozsdavörös, széles nyakfoltja, keskeny szárnycsíkja és farkcsíkja fehér. A tojón a hímek fekete színét
<audio controls> barna helyettesíti, a begy és a mell halvány rózsaszínes, a nyak fehér foltja elmosódott, a farkcsík
<source src="hangok/ciganycsuk.mp3" type="audio/mpeg"> világos rozsdássárga. A fiatalok foltozott alsótestű tojóhoz hasonlítanak. A farok minden korosztálynál
Az Ön böngészője nem támogatja az audió elemet! egyöntetűen sötét feketésbarna.</p>
</audio> <p>A faj képviselőivel leggyakrabban magas kóró és bokor csúcsán, kerítésoszlop tetején üldögélve
<p>A sík, domb- és hegyvidékek nyílt, gyom- és magaskórós legelők, árokpartok, mezsgyeszegélyek területek jellegzetes madara. A zárt erdőkből és a monokultúrás agrártájból hiányzik. Apró rovarokból, pókokból, hernyókból álló táplálékát a növényzet csúcsáról lerepülve többnyire a talajon fogja meg.</p> találkozhatunk, korábbi neve, a cigány-csaláncsúcs is erre a viselkedésére utalt. A hímek itt hallatják
rövid, csicsergő éneküket, illetve innen hallhatjuk jellegzetes csuk-csuk jelző- és riasztóhangjukat.
</p>
<audio controls>
<source src="hangok/ciganycsuk.mp3" type="audio/mpeg">
Az Ön böngészője nem támogatja az audió elemet!
</audio>
<p>A sík, domb- és hegyvidékek nyílt, gyom- és magaskórós legelők, árokpartok, mezsgyeszegélyek területek
jellegzetes madara. A zárt erdőkből és a monokultúrás agrártájból hiányzik. Apró rovarokból, pókokból,
hernyókból álló táplálékát a növényzet csúcsáról lerepülve többnyire a talajon fogja meg.</p>
</div> </div>
</div> </div>
</div> </div>
@ -108,7 +131,9 @@
<h3>Erdei fülesbagoly</h3> <h3>Erdei fülesbagoly</h3>
<img src="kepek/erdeifulesbagoly.png" alt="Erdei fülesbagoly" title="Erdei fülesbagoly" <img src="kepek/erdeifulesbagoly.png" alt="Erdei fülesbagoly" title="Erdei fülesbagoly"
class="img-fluid mx-auto my-4 d-block w-50 img-thumbnail drop-shadow"> class="img-fluid mx-auto my-4 d-block w-50 img-thumbnail drop-shadow">
<p>Leggyakoribb hazai bagolyfajunk. Közepes méretű, tollfülei hosszúak. Hazánkban általánosan elterjedt, de a magasan fekvő, zárt erdőket elkerüli. Évente egyszer költ, viszonylag korán, már márciusban teljes a fészekalja. Egy átlagos fészekalj 5-6 tojásból áll.</p> <p>Leggyakoribb hazai bagolyfajunk. Közepes méretű, tollfülei hosszúak. Hazánkban általánosan elterjedt, de a
magasan fekvő, zárt erdőket elkerüli. Évente egyszer költ, viszonylag korán, már márciusban teljes a
fészekalja. Egy átlagos fészekalj 5-6 tojásból áll.</p>
</div> </div>
</div> </div>
@ -118,7 +143,10 @@
<h3>Gólyatöcs</h3> <h3>Gólyatöcs</h3>
<img src="kepek/golyatocs.png" alt="Gólyatöcs" title="Gólyatöcs" <img src="kepek/golyatocs.png" alt="Gólyatöcs" title="Gólyatöcs"
class="img-fluid mx-auto my-4 d-block w-50 img-thumbnail drop-shadow"> class="img-fluid mx-auto my-4 d-block w-50 img-thumbnail drop-shadow">
<p>Gólyára emlékeztető, fekete-fehér színezetű, hosszú lábú partimadár. Magyarországon rendszeres fészkelő, a nálunk költő párok száma az adott év csapadékviszonyaitól függ. Főleg szikeseken, nedves réteken, elöntéseken, belvizeken lehet megfigyelni. Vonuló madár, március-áprilisban érkezik meg a trópusi Afrikából, augusztusban a többség el is hagyja hazánkat.</p> <p>Gólyára emlékeztető, fekete-fehér színezetű, hosszú lábú partimadár. Magyarországon rendszeres fészkelő, a
nálunk költő párok száma az adott év csapadékviszonyaitól függ. Főleg szikeseken, nedves réteken,
elöntéseken, belvizeken lehet megfigyelni. Vonuló madár, március-áprilisban érkezik meg a trópusi Afrikából,
augusztusban a többség el is hagyja hazánkat.</p>
</div> </div>
</div> </div>
@ -128,7 +156,12 @@
<h3>Vándorsólyom</h3> <h3>Vándorsólyom</h3>
<img src="kepek/vandorsolyom.png" alt="Vándorsólyom" title="Vándorsólyom" <img src="kepek/vandorsolyom.png" alt="Vándorsólyom" title="Vándorsólyom"
class="img-fluid mx-auto my-4 d-block w-50 img-thumbnail drop-shadow"> class="img-fluid mx-auto my-4 d-block w-50 img-thumbnail drop-shadow">
<p>Kozmopolita madárfaj, az Antarktisz kivételével az összes kontinensen előfordul. Sokféle élőhelyen előfordulhat, nálunk a középhegységekben található elszórt költőállománya. Tipikus költőhelyei a sziklapárkányok, de nagyobb elhagyott fészkeket is elfoglalhat, fészket nem épít. A vándorsólymot tartják a leggyorsabb madárnak, hihetetlen gyorsan csapnak le zsákmányukra. Nagy magasságból zuhanórepüléssel közelíti meg prédáját, melyet rendszerint már a levegőben elkap vagy pedig egy erős rúgással leterít a földre. Tápláléka szinte kizárólag madarakból áll, elsősorban galambokból.</p> <p>Kozmopolita madárfaj, az Antarktisz kivételével az összes kontinensen előfordul. Sokféle élőhelyen
előfordulhat, nálunk a középhegységekben található elszórt költőállománya. Tipikus költőhelyei a
sziklapárkányok, de nagyobb elhagyott fészkeket is elfoglalhat, fészket nem épít. A vándorsólymot tartják a
leggyorsabb madárnak, hihetetlen gyorsan csapnak le zsákmányukra. Nagy magasságból zuhanórepüléssel közelíti
meg prédáját, melyet rendszerint már a levegőben elkap vagy pedig egy erős rúgással leterít a földre.
Tápláléka szinte kizárólag madarakból áll, elsősorban galambokból.</p>
</div> </div>
</div> </div>
@ -138,7 +171,10 @@
<h3>Tengelic</h3> <h3>Tengelic</h3>
<img src="kepek/tengelic.png" alt="Tengelic" title="Tengelic" <img src="kepek/tengelic.png" alt="Tengelic" title="Tengelic"
class="img-fluid mx-auto my-4 d-block w-50 img-thumbnail drop-shadow"> class="img-fluid mx-auto my-4 d-block w-50 img-thumbnail drop-shadow">
<p>Egyik legszínesebb és leggyakoribb pintyfélénk. Szinte kizárólag csapatosan látni. A hideg idő beálltával gyakran találkozhatunk vele a madáretetőkön. Apró gyommagvakkal táplálkozik, de fiókái étrendjét bogarakkal és hernyókkal egészíti ki. Nagyrészt állandó, de télen észak-déli irányú kóborlása is megfigyelhető. Régebben dekoratív külseje miatt kalitkamadárnak tartották, de már régóta védett faj. </p> <p>Egyik legszínesebb és leggyakoribb pintyfélénk. Szinte kizárólag csapatosan látni. A hideg idő beálltával
gyakran találkozhatunk vele a madáretetőkön. Apró gyommagvakkal táplálkozik, de fiókái étrendjét bogarakkal
és hernyókkal egészíti ki. Nagyrészt állandó, de télen észak-déli irányú kóborlása is megfigyelhető.
Régebben dekoratív külseje miatt kalitkamadárnak tartották, de már régóta védett faj. </p>
</div> </div>
</div> </div>
@ -148,28 +184,36 @@
<h3>Haris</h3> <h3>Haris</h3>
<img src="kepek/haris.png" alt="Haris" title="Haris" <img src="kepek/haris.png" alt="Haris" title="Haris"
class="img-fluid mx-auto my-4 d-block w-50 img-thumbnail drop-shadow"> class="img-fluid mx-auto my-4 d-block w-50 img-thumbnail drop-shadow">
<p>Ez a tyúkalakúakra emlékeztető madár a modern mezőgazdaság egyik nagy vesztese, állománya egész Európában csökken. Rejtőzködő életmódja miatt legtöbbször csak jellegzetes recsegő hangja árulkodik jelenlétéről. Legnagyobb számban a Bodrogközben és a Szatmár-Beregben költ. Egyes csapadékosabb években, amikor kiterjedt belvizek maradnak, jóval több pár telepszik meg nálunk fészkelésre, olyan környezetben ahol korábban egyáltalán nem fordult elő, így akár művelt területeken, agrárkultúrákban is megtelepedhet.</p> <p>Ez a tyúkalakúakra emlékeztető madár a modern mezőgazdaság egyik nagy vesztese, állománya egész Európában
csökken. Rejtőzködő életmódja miatt legtöbbször csak jellegzetes recsegő hangja árulkodik jelenlétéről.
Legnagyobb számban a Bodrogközben és a Szatmár-Beregben költ. Egyes csapadékosabb években, amikor kiterjedt
belvizek maradnak, jóval több pár telepszik meg nálunk fészkelésre, olyan környezetben ahol korábban
egyáltalán nem fordult elő, így akár művelt területeken, agrárkultúrákban is megtelepedhet.</p>
</div> </div>
</div> </div>
<div id="regen" class="col-xl-4 nyertes"> <div id="regen" class="col-xl-4 nyertes col-md-6">
<p>Korábbi nyertesek<p> <h2>Korábbi nyertesek</h2>
<p>1979 óta minden évben kihirdették az év madarát, párszor fordult elő hogy egy madár két egymást követő évben is elnyertes a címet.</p> <p>1979 óta minden évben kihirdették az év madarát, párszor fordult elő hogy egy madár két egymást követő évben
is elnyertes a címet.</p>
<p>Melyik évben melyik madár viselhette az "Év madara" címet?</p> <p>Melyik évben melyik madár viselhette az "Év madara" címet?</p>
<p class="font-italic">A válaszhoz használd az időszalagot vagy nézz meg egy <span id="velGomb" onclick="veletlen();">véletlen</span> évszámot:</p> <p class="font-italic">A válaszhoz használd az időszalagot vagy nézz meg egy <span id="velGomb"
<div id="evszalag"> onclick="veletlen();">véletlen</span> évszámot:</p>
<input type="range" id="ev" min="1979" title="Válassz évet!"> <div id="evszalag">
<input type="range" id="ev" min="1979" max="2015" title="Válassz évet!" onchange="frissit()">
</div> </div>
<div id="nevjegy"> <div id="nevjegy">
<h2><span id="evszam">?</span> <small> év madara</small></h2> <h2><span id="evszam">?</span> <small> év madara</small></h2>
<h3>?</h3> <h3 id="madar">?</h3>
</div> </div>
<br style="clear: both;"> <br style="clear: both;">
<p class="font-italic">A teljes lista a Wikipédia "<a href="https://hu.wikipedia.org/wiki/Az_%C3%A9v_madara" target="_blank">Az év madara</a>" szócikkében olvasható!</p> <p class="font-italic">A teljes lista a Wikipédia "<a href="https://hu.wikipedia.org/wiki/Az_%C3%A9v_madara"
target="_blank">Az év madara</a>" szócikkében olvasható!</p>
</div> </div>
</div> </div>
</div> </div>
</body> </body>
</html>
</html>

8
evmadara.js
View File

@ -39,9 +39,9 @@ evmadara[2015] = "búbos banka";
function frissit(){ function frissit(){
// A csúszka (range) elem év értékének elérése // A csúszka (range) elem év értékének elérése
var ev = ?; var ev = document.getElementById("ev").value;
// Az évszám kiírása az evszam azonosítójú elembe: // Az évszám kiírása az evszam azonosítójú elembe:
?; document.getElementById("evszam").innerHTML = ev;
document.getElementById('madar').innerHTML = nagyKezdo(evmadara[ev]); document.getElementById('madar').innerHTML = nagyKezdo(evmadara[ev]);
} }
@ -51,9 +51,9 @@ function nagyKezdo(szoveg){
function veletlen(){ function veletlen(){
//Véletlen év generálása 1979 és 2015 között a randomev változóba //Véletlen év generálása 1979 és 2015 között a randomev változóba
let randomev = ?; let randomev = Math.floor(Math.random() * (1979 - 2015 + 1) ) + 1979;
//A csúszka beállítása //A csúszka beállítása
document.getElementById('ev').value = randomev; document.getElementById('ev').value = randomev;
//A frissit() függvény meghívása: //A frissit() függvény meghívása:
?; frissit();
} }