tabindex på nogle input's i en span der kan skifte.
Jeg har en lang form hvor der er nogle spans som skifter imellem hinanden, alt efter hvad man vælger tidligere i formen.<script type='text/javascript'>
var visibleElement;
function toggleVisibleElement(val){
if(visibleElement){
visibleElement.style.display = 'none';
}
visibleElement = document.getElementById('opt' + val.split("#")[1]);
visibleElement.style.display = 'inline';}
</script>
----------
<span class="style1" id='opt1' style='display: none;'>
Bredde:<br />
<input type="text" tabindex="9" name="bredde1" class="button" size="27"/>
<br />
Højde:<br />
<input type="text" tabindex="10" name="hoejde1" class="button" size="27"/><br />
</span></span> <span class="style1" id='opt2' style='display: none;'> Bredde:<br />
<input type="text" tabindex="11" name="bredde2" class="button" size="27"/>
<br />
Dybde:<br />
<input type="text" tabindex="12" name="dybde_min1" class="button" size="27"/>
<br />
Højde:<br />
<input type="text" tabindex="13" name="hoejde2" class="button" size="27"/><br />
</span>
<span class="style1" id='opt3' style='display: none;'> Diameter:<br />
<input type="text" tabindex="14" name="diameter1" class="button" size="27"/>
<br />
Højde:<br />
<input type="text" tabindex="15" name="hoejde3" class="button" size="27"/>
</span> <span class="style1" id='opt4' style='display: none;'> Bredde:<br />
<input type="text" tabindex="16" name="bredde3" class="button" size="27"/>
<br />
Dybde:<br />
<input type="text" tabindex="17" name="dybde_min2" class="button" size="27"/>
<br />
Højde:<br />
<input type="text" tabindex="18" name="hoejde4" class="button" size="27"/>
<br />
Sokkel:<br />
<input type="text" tabindex="19" name="sokkel1" class="button" size="27"/><br />
</span> <span class="style1" id='opt5' style='display: none;'> Bredde:<br />
<input type="text" tabindex="20" name="bredde4" class="button" size="27"/>
<br />
Dybde min:<br />
<input type="text" tabindex="21" name="dybde_min3" class="button" size="27"/>
<br />
Dybde max:<br />
<input type="text" tabindex="22" name="dybde_max1" class="button" size="27"/>
<br />
Højde:<br />
<input type="text" tabindex="23" name="hoejde5" class="button" size="27"/><br />
</span> <span class="style1" id='opt6' style='display: none;'> Bredde:<br />
<input type="text" tabindex="24" name="bredde5" class="button" size="27"/>
<br />
Dybde min:<br />
<input type="text" tabindex="25" name="dybde_min4" class="button" size="27"/>
<br />
Dybde max:<br />
<input type="text" tabindex="26" name="dybde_max2" class="button" size="27"/><br />
<br />
</span> <span class="style1" id='opt7' style='display: none;'> Bredde:<br />
<input type="text" tabindex="27" name="bredde6" class="button" size="27"/>
<br />
Dybde:<br />
<input type="text" tabindex="28" name="dybde_min5" class="button" size="27"/><br />
<br />
</span>
<span class="style1"><br />
<span id='opt8' style='display: none;'> Højde:<br />
<input type="text" tabindex="29" name="hoejde6" class="button" size="27"/>
<br />
Bredde:<br />
<input type="text" tabindex="30" name="bredde7" class="button" size="27"/>
<br />
Dybde min:<br />
<input type="text" tabindex="31" name="dybde_min6" class="button" size="27"/>
<br />
Dybde max:<br />
<input type="text" tabindex="32" name="dybde_max3" class="button" size="27"/>
<br />
Sokkel:<br />
<input type="text" tabindex="33" name="sokkel2" class="button" size="27"/>
<br />
Diameter:<br />
<input type="text" tabindex="34" name="diameter2" class="button" size="27"/><br />
<br />
</span>
-------
Før disse spans har jeg : <textarea tabindex="8" name="kombi" cols="27" rows="5" class="button"></textarea>
Og jeg vil gerne have den fortsætter tabindex nedaf. men den hopper alle spans over og direkte til det næste stationære felt.
