nicht angemeldet
2 Formularfelder durch Javascript tauschen
Auf meiner Eingabemaske habe ich folgendes Javascript, das 2 Formularfelder tauscht. Entweder man kann ein Produkt aus der Liste wählen oder frei eins eingeben.
<script type='text/javascript'>
function changeDisplay(bMakeVisible, sId)
{
obj = document.getElementById(sId);
if (obj != null)
{
obj.style.display = (bMakeVisible) ? 'block' : 'none';
return true;
}
else
return false;
}
</script>
<select size='1' name='PRODUCT1' id='optionalPRODUCT11' style='width:10px;' width='250'>
<option selected value=''>-----</option>
<option value='Ware 1'>Ware 1</option>
<option value='Ware 2'>Ware 2</option>
<option value='Ware 3'>Ware 3</option>
<option value='Ware 4'>Ware 4</option>
<option value='Ware 5'>Ware 5</option>
<option value='Ware 7'>Ware 7</option>
</select>
<input type='text' name='PRODUCT1_text' id='optionalPRODUCT12' style='display: none;'>
<input type='button' checked name='optional' value='<' id='optoff' onClick="changeDisplay(false, 'optionalPRODUCT11');changeDisplay(true, 'optionalPRODUCT12')" >
<input type='button' checked name='optional' value='>' id='optoff' onClick="changeDisplay(true, 'optionalPRODUCT11');changeDisplay(false, 'optionalPRODUCT12')" >
Mein Problem ist folgendes: Egal ob diese Formulare in der Tabelle stehen oder frei auf der Seite. Wenn man die Formulare tauscht wandern die Buttons ohne dass ein Zeilenumbruch angegeben wird unter das Formular und bleiben nicht wie gewollt rechts daneben (wie auch beim 1. Laden der Seite).
Hat jemand eine Ide wie man dieses Problem in den Griff kriegt???
Gruß
Freddy