Forgive me if this is very easy to do, but I'm having problems, specifically, no ID gets passed to the javascript.
I have MULTIPLE input fields defined like this
<pageblock>
<pageBlockSection>
<pageBlockSectionItem>
<apex:inputfield id='sampleId1'>
<pageBlockSectionItem>
<apex:inputfield id='sampleId2'>
<pageBlockSectionItem>
<apex:inputfield id='sampleId3'>
Now, I want to pass the id of these fields to a javascript function, i do this as such:
<apex:outputLink value="javascript:compute('{!$Component.sampleId1}', '{!$Component.sampleId2}', '{!$Component.sampleId3}')">Compute</apex:outputLink>
which is placed after the definitions of the apex inputfields.
But when I alert the document.getElementById of the Component ( using this script),
<script>
function compute(sampleId1, sampleId2, sampleId3) {
alert(document.getElementbyId(sampleId1));
}
</script>
it alerts NULL. What am i doing wrong here? Is it something with the placement of the javascript and outputlink? Any help would be welcome! Thanks in advance.