You are on page 1of 5
€@ Capital dquery: ‘Step 1: Download jquery-ui+1.9.2-customzip file from http://iquery.com Step 2: Extract the zip file and check the whether js /ess/ Developer Bungle folder are inthe 2p file Step 3: Create a folder jquery and which contains JS/ C55/ Developer bundle and index files. from Jquery-ui-1.9.2.custom.min.2ip file downloaded Step 4: ip the jquery folder as jquery.2ip file ( check that ip file contains js /css/ developer bundle ) Jqueryzip. |-—-Jquery |-——Developer bundle ‘Step 5: Upload the jquery .zip file as static resource in the salesforce Setup |--——Development |--—Statie Resource, ‘New Statie Resource ‘Step 1: Enter Resource Namé Step 2: Upload jquery.zip file ‘Step3: Make the visibility as: public Step 6: Load the static Resource into VF page iquery Step 7: Remove the conflict between $ of Jquery and $ of visualforce page var j$-iQuery.neContfict(); ‘Note: generally every query statement start with $ as the $ in visualforce indicate global resource to remove the Conflict we use iS in place of $ in jquery by using conflict method Step 8: Referring to the VF component : [id $=vicomponentid] Step S:jquery statement will start with J$(document).ready(); Step 10: When a document is ready when any action need to be performed the we write in 4${document).ready( function()); & Capital Example 4: This is block one This is block two Enter Name : Name: Using the jquery from the website : Example 3: AutoComplete slink rel="stylesheet” href="https://code. jquery.com/ui/1.9.1/themes/base/jquery-ui.css"/> Enter Name : Bample 4: AutoComplete with and StandardController_ ‘ Enter Namé ‘apex:inputText id="name" /> Example 5: AutoComple Enter Name : <

You might also like