tak úkol č.2:
Vytvořit za pomoci JS aplikaci, která bude sloužit jako přepínač fotek. Používám prvek typu radio:
Kód: Vybrat vše
<html>
<head>
<meta charset="unicode">
<title>WEAP-úkol č. 4</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script src="jscript.js" type="text/javascript"></script>
<div>
<form name="form">
<label>Eiger</label><input type="radio" name="volba" onClick="return !zobraz_obr();">
<label>Cerro torre</label><input type="radio" name="volba" onClick="return !zobraz_obr();">
<label>Grandes Jorasses</label><input type="radio" name="volba" onClick="return !zobraz_obr();">
<label>Matterhorn</label><input type="radio" name="volba" onClick="return !zobraz_obr();">
<label>Venediger</label><input type="radio" name="volba" onClick="return !zobraz_obr();">
</form>
</div>
A do souboru jscript.js jsem dal toto:
Kód: Vybrat vše
function zobraz_obr(){
var i;
var x;
obrazky = ["732_Eiger.jpg","Cerro_torre.jpg","GrandesJorasses.jpg","matterhorn.jpg","venediger.jpg"];
for(i=0;i<5;i++){
if(document.form.volba[i].checked){
x=i;
break;
}
}
vloz1='<img src="';
l=obrazky[x];
vloz2='" >';
document.write(vloz1);
document.write(l);
document.write(vloz2);
}
Problém je:
Obrázek se zobrazí (sice malý,jak ikona, ale to se asi opravím v css), ale zobrazí se jen obrázek->zmizí formulář s prvky radio....Potřeboval bych aby tam zůstal i nadále ten formulář a já mohl pořád přepínat mezi obrázky...Takhle se vždy musím vracet...Co dělám špatně
A druhá část úkolu:
Až se zobrazí ten obrázek tak po kliknutí na něj se má pod ním zobrazit jeho název...
Děkuji za pomoc
