tlačidlo ovplivňujúce atribút disable a typ tlačidla

toma-mato · Napísal **toma-mato**: 31.10.2010 22:49

Mam takéto niečo:

Kód:

<script type="text/javascript">
function fnSwitch(){
     if(oDisableMe.enablement=="enabled"){
          oDisableMe.enablement="disabled";
          oButton.value="edit";

         oDisableMe.disabled=true;
     }
     else{
          oButton.type="submit";
          oButton.value="write";
          oDisableMe.enablement="enabled";
          oDisableMe.disabled=false;
     }
}
</script>

 <form action="instal1.php" method="post">
  <input type="text" name="game_name" id="oDisableMe" disabled value="Demonstration " >
  <input type="button" id="oButton" value="edit" onclick="fnSwitch()">
 </form>

Ak vynechám riadok oButton.type="submit"; tak ide "všetko" ako má, teda tlačidlo mení atribút disable v textarea a mení sa tiež aj názov tlačidla. Problém je v tom, že ak tam ponechám spomýnaný riadok oButton.type="submit"; tak mi to formulár odošle okamžite po prepnutí do módu kedy je možné editovať textarea, teda formulár nepočká kým kliknem na tlačidlo write. :breakup:

Neviete mi poradiť?

SP!DER · Napísal **SP!DER**: 01.11.2010 0:13

skus namiesto

Kód:

dat

Kód:

toma-mato · Napísal autor témy **toma-mato**: 01.11.2010 0:43

Tak teraz to už neodosiela automaticky, ... no na druhej strane to neodosiela ani po stlačení tlačidla ... :-( (databáza bez zmeny)

Ďuri · Napísal **Ďuri**: 01.11.2010 8:25

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.

toma-mato · Napísal autor témy **toma-mato**: 01.11.2010 12:05

Ďakujem ti pekne za opravu kódu, za jeho vysvetlenie a taktiež za dobré rady

Nabudúce sa už napíšem viac k tomu čo to má robiť

tlačidlo ovplivňujúce atribút disable a typ tlačidla

Podobné témy