<!DOCTYPE html>
<html>
<body>
<form name='lap'>
<table width=90% align='center' border=0>
<tr>
<td width=260 valign=top>
<h3>Válassz egykorvolt országot!</h3><p>
<select name='voltorszag' size=3 style='width:180px;' onChange=' feltolt(); '>
<option value= 0>..</option>
<option value= 1>Szovjetunió</option>
<option value= 2>Jugoszlávia</option>
</select>
<p>
<h3>Válassz utódállamot!</h3><p>
<select name='orszag' style='width:180px;' onChange=' frissit(); '>
<option value= 0>..</option>
</select>
</td>
<td align=center>
<div id='zaszlo'></div>
<div id='terkep'></div>
</td>
</tr>
</table>
</form>
</body>
</html>
<script>
function feltolt()
{
if(document.lap.voltorszag.value==0)
{
document.lap.orszag.length=1
zaszlo.innerHTML=""
terkep.innerHTML=""
}
if(document.lap.voltorszag.value==1)
{
document.lap.orszag.length=16
document.lap.orszag.options[ 0].text=".."
document.lap.orszag.options[ 1].text="Azerbajdzsán"
document.lap.orszag.options[ 2].text="Észtország"
document.lap.orszag.options[ 3].text="Fehéroroszország"
document.lap.orszag.options[ 4].text="Grúzia"
document.lap.orszag.options[ 5].text="Kazahsztán"
document.lap.orszag.options[ 6].text="Kirgizisztán"
document.lap.orszag.options[ 7].text="Lettország"
document.lap.orszag.options[ 8].text="Litvánia"
document.lap.orszag.options[ 9].text="Moldova"
document.lap.orszag.options[10].text="Oroszország"
document.lap.orszag.options[11].text="Örményország"
document.lap.orszag.options[12].text="Tádzsikisztán"
document.lap.orszag.options[13].text="Türkmenisztán"
document.lap.orszag.options[14].text="Ukrajna"
document.lap.orszag.options[15].text="Üzbegisztán"
for(i=0;i<=15;i++) document.lap.orszag.options[i].value=i
document.lap.orszag.selectedIndex=0
zaszlo.innerHTML="<img src='su_flg/00su.gif'>"
terkep.innerHTML="<img src='su_map/00su.jpg'>"
}
if(document.lap.voltorszag.value==2)
{
document.lap.orszag.length=8
document.lap.orszag.options[ 0].text=".."
document.lap.orszag.options[ 1].text="Bosznia és Hercegovina"
document.lap.orszag.options[ 2].text="Horvátország"
document.lap.orszag.options[ 3].text="Koszovó"
document.lap.orszag.options[ 4].text="Macedónia"
document.lap.orszag.options[ 5].text="Montenegro"
document.lap.orszag.options[ 6].text="Szerbia"
document.lap.orszag.options[ 7].text="Szlovénia"
for(i=0;i<=7;i++) document.lap.orszag.options[i].value=i
document.lap.orszag.selectedIndex=0
zaszlo.innerHTML="<img src='yu_flg/00yu.gif'>"
terkep.innerHTML="<img src='yu_map/00yu.png'>"
}
}
function frissit()
{
if(document.lap.voltorszag.value==1)
{
if(document.lap.orszag.value== 0)
{
zaszlo.innerHTML="<img src='su_flg/00su.gif'>"
terkep.innerHTML="<img src='su_map/00su.jpg'>"
}
if(document.lap.orszag.value== 1)
{
zaszlo.innerHTML="<img src='su_flg/01abj.gif'>"
terkep.innerHTML="<img src='su_map/01abj.gif'>"
}
if(document.lap.orszag.value== 2)
{
zaszlo.innerHTML="<img src='su_flg/02est.gif'>"
terkep.innerHTML="<img src='su_map/02est.gif'>"
}
if(document.lap.orszag.value== 3)
{
zaszlo.innerHTML="<img src='su_flg/03bel.gif'>"
terkep.innerHTML="<img src='su_map/03bel.gif'>"
}
if(document.lap.orszag.value== 4)
{
zaszlo.innerHTML="<img src='su_flg/04gru.gif'>"
terkep.innerHTML="<img src='su_map/04gru.gif'>"
}
if(document.lap.orszag.value== 5)
{
zaszlo.innerHTML="<img src='su_flg/05kaz.gif'>"
terkep.innerHTML="<img src='su_map/05kaz.gif'>"
}
if(document.lap.orszag.value== 6)
{
zaszlo.innerHTML="<img src='su_flg/06kyr.gif'>"
terkep.innerHTML="<img src='su_map/06kyr.gif'>"
}
if(document.lap.orszag.value== 7)
{
zaszlo.innerHTML="<img src='su_flg/07lat.gif'>"
terkep.innerHTML="<img src='su_map/07lat.gif'>"
}
if(document.lap.orszag.value== 8)
{
zaszlo.innerHTML="<img src='su_flg/08lit.gif'>"
terkep.innerHTML="<img src='su_map/08lit.gif'>"
}
if(document.lap.orszag.value== 9)
{
zaszlo.innerHTML="<img src='su_flg/09mld.gif'>"
terkep.innerHTML="<img src='su_map/09mld.gif'>"
}
if(document.lap.orszag.value==10)
{
zaszlo.innerHTML="<img src='su_flg/10rus.gif'>"
terkep.innerHTML="<img src='su_map/10rus.gif'>"
}
if(document.lap.orszag.value==11)
{
zaszlo.innerHTML="<img src='su_flg/11arm.gif'>"
terkep.innerHTML="<img src='su_map/11arm.gif'>"
}
if(document.lap.orszag.value==12)
{
zaszlo.innerHTML="<img src='su_flg/12taj.gif'>"
terkep.innerHTML="<img src='su_map/12taj.gif'>"
}
if(document.lap.orszag.value==13)
{
zaszlo.innerHTML="<img src='su_flg/13tur.gif'>"
terkep.innerHTML="<img src='su_map/13tur.gif'>"
}
if(document.lap.orszag.value==14)
{
zaszlo.innerHTML="<img src='su_flg/14ukr.gif'>"
terkep.innerHTML="<img src='su_map/14ukr.gif'>"
}
if(document.lap.orszag.value==15)
{
zaszlo.innerHTML="<img src='su_flg/15uzb.gif'>"
terkep.innerHTML="<img src='su_map/15uzb.gif'>"
}
}
if(document.lap.voltorszag.value==2)
{
if(document.lap.orszag.value== 0)
{
zaszlo.innerHTML="<img src='yu_flg/00yu.gif'>"
terkep.innerHTML="<img src='yu_map/00yu.png'>"
}
if(document.lap.orszag.value== 1)
{
zaszlo.innerHTML="<img src='yu_flg/01bih.gif'>"
terkep.innerHTML="<img src='yu_map/01bih.gif'>"
}
if(document.lap.orszag.value== 2)
{
zaszlo.innerHTML="<img src='yu_flg/02cro.gif'>"
terkep.innerHTML="<img src='yu_map/02cro.gif'>"
}
if(document.lap.orszag.value== 3)
{
zaszlo.innerHTML="<img src='yu_flg/03kos.png'>"
terkep.innerHTML="<img src='yu_map/03kos.gif'>"
}
if(document.lap.orszag.value== 4)
{
zaszlo.innerHTML="<img src='yu_flg/04mac.gif'>"
terkep.innerHTML="<img src='yu_map/04mac.gif'>"
}
if(document.lap.orszag.value== 5)
{
zaszlo.innerHTML="<img src='yu_flg/05crn.gif'>"
terkep.innerHTML="<img src='yu_map/05crn.gif'>"
}
if(document.lap.orszag.value== 6)
{
zaszlo.innerHTML="<img src='yu_flg/06srb.gif'>"
terkep.innerHTML="<img src='yu_map/06srb.gif'>"
}
if(document.lap.orszag.value== 7)
{
zaszlo.innerHTML="<img src='yu_flg/07slo.gif'>"
terkep.innerHTML="<img src='yu_map/07slo.gif'>"
}
}
}
</script>