Zdravim
Mam maly problem.. robim jednu stranku a potrebujem pomoct, popisem:
Mam asi nieco taketo
Kód:
<script language="JavaScript">
function jumpMen(udaj){
if(udaj=="BA"){document.form.optionTT.style.display = 'none';document.form.optionTN.style.display = 'none';document.form.optionNT.style.display = 'none';document.form.optionZN.style.display = 'none';document.form.optionBB.style.display = 'none';document.form.optionPO.style.display = 'none';document.form.optionKE.style.display = 'none';document.form.optionBA.style.display = 'block';}
if(udaj=="TT"){document.form.optionBA.style.display = 'none';document.form.optionTN.style.display = 'none';document.form.optionNT.style.display = 'none';document.form.optionZN.style.display = 'none';document.form.optionBB.style.display = 'none';document.form.optionPO.style.display = 'none';document.form.optionKE.style.display = 'none';document.form.optionTT.style.display = 'block';}
if(udaj=="TN"){document.form.optionBA.style.display = 'none';document.form.optionTT.style.display = 'none';document.form.optionNT.style.display = 'none';document.form.optionZN.style.display = 'none';document.form.optionBB.style.display = 'none';document.form.optionPO.style.display = 'none';document.form.optionKE.style.display = 'none';document.form.optionTN.style.display = 'block';}
if(udaj=="NT"){document.form.optionBA.style.display = 'none';document.form.optionTT.style.display = 'none';document.form.optionTN.style.display = 'none';document.form.optionZN.style.display = 'none';document.form.optionBB.style.display = 'none';document.form.optionPO.style.display = 'none';document.form.optionKE.style.display = 'none';document.form.optionNT.style.display = 'block';}
if(udaj=="ZN"){document.form.optionBA.style.display = 'none';document.form.optionTT.style.display = 'none';document.form.optionTN.style.display = 'none';document.form.optionNT.style.display = 'none';document.form.optionBB.style.display = 'none';document.form.optionPO.style.display = 'none';document.form.optionKE.style.display = 'none';document.form.optionZN.style.display = 'block';}
if(udaj=="BB"){document.form.optionBA.style.display = 'none';document.form.optionTT.style.display = 'none';document.form.optionTN.style.display = 'none';document.form.optionNT.style.display = 'none';document.form.optionZN.style.display = 'none';document.form.optionPO.style.display = 'none';document.form.optionKE.style.display = 'none';document.form.optionBB.style.display = 'block';}
if(udaj=="PO"){document.form.optionBA.style.display = 'none';document.form.optionTT.style.display = 'none';document.form.optionTN.style.display = 'none';document.form.optionNT.style.display = 'none';document.form.optionZN.style.display = 'none';document.form.optionBB.style.display = 'none';document.form.optionKE.style.display = 'none';document.form.optionPO.style.display = 'block';}
if(udaj=="KE"){document.form.optionBA.style.display = 'none';document.form.optionTT.style.display = 'none';document.form.optionTN.style.display = 'none';document.form.optionNT.style.display = 'none';document.form.optionZN.style.display = 'none';document.form.optionBB.style.display = 'none';document.form.optionPO.style.display = 'none';document.form.optionKE.style.display = 'block';}
}
</script></head>
<form name="form1" id="form1">
<p>Kraj<br>
<select name="jumpMenu" id="jumpMenu" style="width:200px" onChange="jumpMen(this.value)">
<option value='BA'>Bratislavský</option><option value='TT'>Trnavský</option><option value='TN'>Trenčiansky</option><option value='NT'>Nitriansky</option><option value='PO'>Prešovský</option></select>
</form><form name="form" id="form"></p>
Obec<br>
<select name="optionBA" style="width:200px;display:none" id="optionBA">
<option>Bratislava I</option> </select>
<select name="optionTT" style="width:200px;display:none" id="optionTT">
<option>Trnava</option> </select>
<select name="optionTN" style="width:200px;display:none" id="optionTN">
</select>
<select name="optionNT" style="width:200px;display:none" id="optionNT">
</select>
<select name="optionZN" style="width:200px;display:none" id="optionZN">
</select>
<select name="optionPO" style="width:200px;display:none" id="optionPO">
</select>
<select name="optionBB" style="width:200px;display:none" id="optionBB">
</select>
<select name="optionKE" style="width:200px;display:none" id="optionKE">
</select>
</form>
<table width="100%" border="0">
<tr>
<td width="10" rowspan="3"> </td>
<td height="10"> </td>
<td width="10" rowspan="3"> </td>
</tr>
<tr>
<td>
<div id='BA'><div id='baI'>Pandravská 10</div></div><div id='TT'></div><div id='TN'></div><div id='NT'></div><div id='ZN'></div><div id='BB'></div><div id='PO'></div><div id='KE'></div></td>
</tr>
<tr>
<td height="10"> </td>
</tr>
</table>
Ked zmenim prvy select, obsah druheho sa zmeni funkciou jumpMen(...) a chcel by som, aby ten prvy robil to co robi a aj zviditelnoval/skryval <div>-y, ktore mi vygeneruje z mysql databazy php script... a v tom je ten problem,
najjednoduchsie by bolo pouzit nejaku funkciu, ktora skryva vsetok obsah vo <form>-e napr. to vsetky divy. Iba toto potrebujem.
PS: este to neskor upravim na cykly, aby to nebolo take velke ale zatial to mam takto aby som sa v tom ohol viac orientovat...
//zdrojak patri do code! (stenley)