Hello everyone,

It is probably simple but I cannot find the solution.

With the code below the outputPanel is not stable. I tried all browsers. Why?

The same code works fine in a pure HTML page.

Note: With the JS script not embedded in a function, it works fine.

Thanks a lot for your help.

Jerome

--------------------

<apex:page controller="CNModConConContJS" sidebar="false" showHeader="false" id="CNModConConJS" >
<apex:form >
<p>ConsoL100km__c =</p>
<apex:inputField value="{!Modelv.ConsoL100km__c}" id="consoL100kmIF" />
<script>
var ConsoL100kmIF = document.getElementById("{!$Component.consoL100kmIF}");
</script>
<apex:commandButton value="Conso Converter" onclick="consoMilGalCal()" reRender="ConsoMilGal"/>
</apex:form>
<apex:outputPanel id="ConsoMilGal">
<p id="consoL100kmP"></p>
<p id="consoMilGalP"></p>
</apex:outputPanel>
<script type="text/javascript">
function consoMilGalCal(form){
var ConsoL100kmJS = parseFloat((ConsoL100kmIF.value).replace(",",".")).toFixed(2);
var ConsoMilGalJS = (237/ConsoL100kmJS).toFixed(2);
var TextConsoL100km = 'JS Value of ConsoL100km =';
var TextConsoMilGal = 'JS Value of ConsoMilGal =';
document.getElementById("consoL100kmP").innerHTML = TextConsoL100km+ConsoL100kmJS;
document.getElementById("consoMilGalP").innerHTML = TextConsoMilGal+ConsoMilGalJS;
}
</script>
</apex:page>