VISUAL FORCE EXAMPLES

Example 1:

In this example i am simply telling that how you can reference your VF variables in javascript.

Here in the first text once you entered the values and come's out from the text it will show

alert message and displaying the text values in alert message.

Answer :

<apex:page id="pg">

<apex:form id="fm">

<apex:inputtext id="name" onchange="show()"/>

<script>

function show(){

alert('test');

var myname = document.getElementById('{!$Component.name}').value;

alert("my name is " + myname);

}

function demo(){

alert('demo is calling');

var myage = document.getElementById('pg:fm:pb:age').value;

alert("my age is " + myage);

}

</script>

<br/>

<br/>

<apex:pageBlock id="pb">

<apex:inputText id="age" onchange="demo()"/>

</apex:pageBlock>

</apex:form>

</apex:page>

Example 2:

In the below example i am populating first text field value into second text field. for that i am using simple javavascrpt functions.

Answer :

<apex:page id="pg">

 <apex:form id="fm">

 <apex:inputText id="name1"/><br/><br/>

 <apex:inputText id="name2"/><br/><br/>

 <apex:commandButton value="Click" onclick="copy()"/><br/>

 <script>

 function copy(){

 var text1 = document.getElementById('{!$Component.name1}').value;

document.getElementById('pg:fm:name2').value = text1;

 }

 </script>

 </apex:form>

</apex:page>