TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Na forku se ocekava snaha problem resit. Na zadavani ukolu mame kazdy sefa :) Podle dotazu soudim, ze jsi nemel snahu ani pouzit google, pripadne zkopirovat kod ze stranky, kde uz neco podobne funguje.
No, divej...
1) Nevim, jestli to ma html5, ale html4 urcite ne a musi se to pridat pres javascript, jquery a pod.
2) Pak je netne to cele prepsat, protoze aspon ve starsich prohlizecich v celku s TR neslo nic delat.
3) Je to hrozne zjednodusene, ale snad si poradis...
<form>
<div id="i0">
Sekce 1
<label><input type=radio name=aaa value=1 onchange="xx.radioClick(this);"> volba A</label>
<label><input type=radio name=aaa value=2 onchange="xx.radioClick(this);"> volba B</label>
</div>
<div id="i1">
Sekce 2
bbb
</div>
<div id="i2">
Sekce 3
ccc
</div>
</form>
<script>
var xx = {};
xx.data = {};
xx.id = ['i0','i1','i2'];
xx.elem = function (id) {return document.getElementById(id);}
xx.show = function (n, show) {
var el;
el = xx.elem(xx.id[n]);
el.style.display = show ? '' : 'none';
}
xx.radioClick = function (radio)
{
var i;
xx.data[radio.name] = radio.value;
xx.show(1,false);
xx.show(2,false);
for (i in xx.data)
{
xx.show(xx.data[i],true);
}
}
xx.init = function () {
var i;
for (i in xx.id)
{
xx.show(i,false);
}
xx.show(0,true);
}
xx.init();
</script>
