Rieseni je hned niekolko, a menej komplikovanych. Ja by som pouzil nieco taketo:
Kód:
<script type="text/javascript">
function fnSwitch(text, btn)
{
if (text.readOnly)
{
text.readOnly = false;
btn.value = 'write';
return false;
}
return true;
}
</script>
<form action="instal1.php" method="post" onsubmit="return fnSwitch(this.elements.game_name, this.elements.submit_btn);">
<input type="text" name="game_name" readonly value="Demonstration " >
<input type="submit" name="submit_btn" value="edit">
</form>
Funguje to uplne jednoducho, pri vyvolani odoslania formulara (cize kliknutie na tlacitko) sa skontroluje, ci je do textoveho pola mozne zapisovat. Ak ano (uz si predtym na tlacitko klikol), formular sa odosle; ak nie, je to ta vetva if(text.readOnly) - umozni sa zapisovanie do textoveho pola, zmeni sa popis na tlacitku, formular sa neodosle. Rovnako by to fungovalo, keby som nepouzil udalost onsubmit na formulari, ale onclick na odosielacom tlacitku. Inak miesto readOnly sa v pohode da pouzit aj atribut disabled, ako si pouzil ty.
Pre buducnost - ak chces pre identifikovanie konkretnych elementov pouzivat atribut ID, v skriptoch sa nikdy nesnaz pouzit globalnu premennu
nazovID, ale vzdy
document.getElementById('nazovID').
Inak bol by som rad, keby si nabuduce ku problemovemu kodu pridal aj popis, co to ma robit.
Neviete mi poradiť?
Nabudúce sa už napíšem viac k tomu čo to má robiť
