hide submit button from radiobutton value

[leblancphil]

Hi
I followed forum exemple to try to hide submit button of my form 204 when the radiobutton admin3_historique___etat' value is 1

I have put this in form_204.js

function showHideSave() {
    var value = form_204.formElements.get('admin3_historique___etat').getValue();
    if (value != 1) {
        form_204.getElements('input[name=submit]')[0].show();
    }
    else if (value == 1) {
        form_204.getElements('input[name=submit]')[0].hide();
    }
}

and showHideSave() in javascript onload of "admin3_historique___etat"
the javascript console says about .get('admin3_historique___etat').getValue(); Cannot read property 'get' of undefined

Thanks for your attention

 

[cheesegrits]

You must be working from a very, very old example. The 'form_204' variable won't exist.

There's two ways you can get the form object. The generic one is to us getBlock for your form's id ...

var form = Fabrik.getBlock('form_204');
var value = form.formElements.get('admin3_historique___etat').getValue();

The other is to pass the element object ("this") in when you call your function ...

showHideSave(this);

The element object has a reference to the form in it, so in your function,

function showHideSave(el) {
   var value = el.form.formElements.get('admin3_historique___etat').getValue();
...
}

However, once you are passing that element object into your function, and as you are only needing to get the value for "this" element, you don't need the form object at all, you can just do the getValue() directly on the object ...

function showHideSave(el) {
   var value = el.getValue();
...
}

Also, we have a function in the form to get you the button ...

el.form._getButton('Submit')

So ...

function showHideSave(el) {
   if (el.getValue() === '1') {
      el.form._getButton('Submit').hide()
   }
   else {
      el.form._getButton('Submit').show()
   }
}

-- hugh

 

[leblancphil]

Thank you, I have tried this
In my element javascript

showHideSave(this);

and in my form_204.js

function showHideSave(el)
{
   var value = el.form.formElements.get('admin3_historique___etat').getValue();
    var value = el.getValue();
   if (el.getValue() === '1') {
      el.form._getButton('Submit').hide()
   }
   else {
      el.form._getButton('Submit').show()
   }
}

But no result

 

[cheesegrits]

Can you point me at the form? If it's on your edim site, my credentials don't seem to work any more.

And, remove the two 'var' lines, you don't need them, if that function is being called from the 'etat' element. The 'el' param is the element object. No need to fetch it from the elements array on the form.

-- hugh

 

[leblancphil]

I have started a conversation about it

 

[cheesegrits]

I don't see a form_X.js file loading on either forms that list page you pointed me at links to (with the -> button or the Preinsrcire button).

-- hugh