Skip to Content

TheBlogReaders.com

Salesforce.com, PHP, MySQL, Javascript, Ajax, Htacces

how can we use javascripts in visualforce pages?

Be First!
by March 1, 2012 Uncategorized
<apex:page sidebar="false" showheader="false">
<script>
function changeFontColor(Id,textValue) {
 if(Id.checked) {
  document.getElementById(textValue).style.fontWeight = "bold";
  document.getElementById(textValue).style.color= "green";
 } else {
  document.getElementById(textValue).style.fontWeight = "Normal";
  document.getElementById(textValue).style.color= "black";
 }
}
</script>
 <apex:outputPanel layout="block">
  <label for="checkbox">Click this box</label>
  <input type="checkbox" id="check1" onclick="changeFontColor(this,'{!$Component.theOutputPanel}');" />
 </apex:outputPanel>
 <apex:outputPanel id="theOutputPanel" layout="block">Change Font Color and Font Weight</apex:outputPanel>
</apex:page>

Demo Link : http://sfdevforce-developer-edition.na12.force.com/JSinVF

(363)

Previous
Next

Leave a Reply