Posts

Showing posts from 2014

Add/Remove Content in the VF Page using JS

<apex:page docType="html" > <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>   <script type="text/javascript">   $(document).ready(function(){       var obj=new Array();           $("#addBtn").click(function(){           obj.push($("[id$=accName]").val());           displayDetailsInPanel();                   alert("Saved..."+obj.length);                   $("[id$=accName]").val('');           $('#displayPanel').hide();           });       function displayDetailsInPanel(){         var imgTag = document.createElement("img");         imgTag.src = '{!URLFOR($Resource.closeImages,'close-icon.jpg')}';       ...

Loading Image in Visualforce Page

VF Page: <apex:form >         <apex:pageBlock >             <apex:actionstatus id="LoadingImageSection">                 <apex:facet name="start">                     <div class="LoadingSearch" id="el_loading" style="background-color: #fbfbfb; height: 100%; opacity: 0.65; width: 100%;">                         <div class="LoadingHolder" style="center: 0px; width: 91px;">                             <img class="waitingImage" src="/img/loading.gif" title="Please Wait..." />                             <span class="waitingDescription">Loading...</span>           ...

Date Picker In Visualforce Page

VF Page : <apex:page controller="DatePickerInVFPageController"> <apex:form > <apex:inputfield value="{!selectDate}"/> </apex:form> </apex:page> Controller Page: public with sharing class DatePickerInVFPageController { public Date selectDate {get; set;} public DatePickerInVFPageController() { } } ---------------------------------------------------------------------------------------------------------------------------------------- Or VF Page : Custom Object With Custom Date Field <apex:form > <apex:inputfield value="{! objEmployeeJoiningDateField .employeeJoinDate}"/> </apex:form> <apex:outputPanel id="panel"> <apex:outputText value="{! objEmployeeJoiningDateField . employeeJoinDate }"/> </apex:outputPanel> Controller Page: public with sharing class DatePickerInVFPageController { public Em...