Disable buttons

[MrLee86]

Hallo allemaal,

Ik ben zelf tamelijk onbekend met javascript, maar snap de basis wel een beetje. Mijn vraag is alleen waarom onderstaande functie niet werkt? En hoe zou ik deze dan wel moeten formuleren?

function Wijzigen() {
document.form1.button1.disabled = true; // Regel 1
document.form2.button1.disabled = true; // Regel 2
}

Ik heb dus twee forms, waarvan ik buttons wil disablen. Als ik één button wil disablen,gaat dit goed (alleen regel 1). Zodra ik daar nog een regel aan toe wil voegen (regel 2) werkt het niet meer.

Kan iemand mij hiermee helpen?

 

[MCA90]

Probeer het eens zo:


function Wijzigen(form,button) {
document.form.button.disabled = true;
}

en dan als je er 1 wilt wijzigen:

Wijzigen('form1','button1');
Wijzigen('form2','button2');

 

[Egel]

Je functie werkt goed:

<script type="text/javascript">
 function Wijzigen() {
  document.form1.button1.disabled = true;
  document.form2.button1.disabled = true; 
  };
</script>

<form name="form1">
 <input name="button1" type="button" value="Hallo" onclick="alert('Hallo!');">
</form>

<form name="form2">
 <input name="button1" type="button" value="Hallo" onclick="alert('Hallo!');">
</form>

<input type="button" value="Wijzigen" onclick="Wijzigen()">

Ben je niet een name of </form> vergeten?


Vr.Gr. Egel.

 

[MrLee86]

Inderdaad! Het is weer net iets waar je overheen leest.

form 1 had ik niet afgebakend met een </form>.

Toen ik dit wel gedaan had, werkte het naar behoren.

Heel erg bedankt voor de suggesties!

Vriendelijke groet,
Leroy

 

[MrLee86]

Dan heb ik nog een vraagje met betrekking tot deze vraag.

Ik heb nu de volgende functie gemaakt:

<script language='JavaScript'>
function Disable() {
  /* Inhoud Buttons */
  document.form1.voorwaarden.disabled = true;
  document.form1.xmit.disabled = true;

  /* Submenu Buttons */
  document.SubMenu.f1.disabled = true;
  document.SubMenu.f2.disabled = true;
  document.SubMenu.f3.disabled = true;
  document.SubMenu.f4.disabled = true;
  document.SubMenu.f5.disabled = true;			
								
  if(confirm("Met deze actie wijzig ik de algemene voorwaarden!")) { 
    return true; 
  }
  else {
    window.location.reload();
    return false;
  }
}
</script>

<form method="post" action="voorwaarden.php" onSubmit="return Disable();" name="form1">
input etc.
</form>

Als ik dan op OK druk (confirmation), werkt het niet naar behoren. Zonder de functie wordt data uit een inputveld wel weggeschreven in een database. Met de functie aan de form toegevoegd wordt er geen data weggeschreven. Waar zou dan aan kunnen liggen?

met vriendelijke groet,
leroy

 

[Egel]

Wordt de pagina al niet ververst bij het opsturen, waarom wil je dan eerst de buttons disable-en?

Met

<script language='JavaScript'>
function Disable() {
 return confirm('Met deze actie wijzig ik de algemene voorwaarden!');
 );

<form method="post" action="voorwaarden.php" onSubmit="return Disable();" name="form1">
input etc.
</form>

werkt het toch al?

Zit er een submit-knop bij de knoppen die je disabled?


Vr.Gr. Egel.