Check value of rich:inputNumberSpinner with JavaScript

[ronny2013]

Hi,

I have a problem with the inputNumberSpinner.

I want to do something if the spinner value is equals the maxvalue like the following example:

 <script language="javascript">
     function checkValue() {
        if (document.getElementById('spinner').value === document.getElementById('spinner').maxValue) {
           document.getElementById('radioBtnGrp:0').checked = true;
        } else {
           document.getElementById('radioBtnGrp:1').checked = true;
        };
           return false;
        }
</script>
<rich:inputNumberSpinner id="spinner" step="0.5" maxValue="#{backingBean.maxValue}" value="#{backingBean.spinnerValue}" onchange="checkValue();"/>

Can anyone help me please with this javascript?

[michpetrov]

RichFaces use jQuery so you can advantage of that:

checkValue = function() {
    if (RichFaces.$('fForm:spinner').getValue() == #{bean.maxValue}) {
        $('#fForm\\:radios\\:0').attr('checked','checked');
    } else {
        $('#fForm\\:radios\\:1').attr('checked','checked');
    }
    return false;
};

this will work providing the maxValue doesn't change, if it does you'll have to rerender this code.

[ronny2013]

Hi,

thanks for your help.

I'm realy a noob with JQuery. Can you give me a tip how I have to add your code to my jsf page and bind it to the rich:inputNumberSpinner?

Should I use the rich:JQuery tag or the Script tag to define the function?

[michpetrov]

The script tag will do, just replace your function with mine. The <rich:jQuery> is not for outputting Javascript.

[ronny2013]

Ok, I tried it a second time and added a  onchange="jQuery(checkValue);" to the event in the spinner. Now it works fine.

Thank you.

[michpetrov]

Ronny Schöne wrote:

Ok, I tried it a second time and added a  onchange="jQuery(checkValue);" to the event in the spinner. Now it works fine.

Thank you.

I am surprised this works (you are certainly not supposed to do it this way). Why didn't onchange="checkValue()" work?

[ronny2013]

hmm, now this also works. Maybe I forgot to refresh the page earlier?