I have a zipped static resource uploaded in my salesforce org which contains different types of js . I want them to be referred in my script on visualforce page. How can I do this?
[SalesForce] How to refer a static resource containing js inside javascript on a visualforce page
Related Solutions
Only Visualforce page (and component) files go through the binding to the controller process; static resource files do not.
If the amount of JavaScript is small then leaving it in the page is the simplest approach. If you have more JavaScript, you can create a JavaScript object in the page that has the controller values assigned, and reference that in the JavaScript that is in the static resource.
Use below code to implement jquery picklist and
I have added static resource in my google drive Just download and add into your static resource.. make sure your static resource name JQueryTest
Download link
https://drive.google.com/file/d/0B5PMI0wQcOqlcVcwczZMWGFiLUk/view?usp=sharing
<apex:page sidebar="true" showChat="true" >
<head>
<apex:stylesheet value="{!URLFOR($Resource.JQueryTest,'/css/jquery-ui.css')}" />
<apex:includeScript value=" {!URLFOR($Resource.JQueryTest,'/js/jquery-1.10.2.js')}" />
<apex:includeScript value="{!URLFOR($Resource.JQueryTest,'/js/jquery-ui.js')}" />
</head>
<script>
$(function() {
$( "#datepicker-13" ).datepicker();
$( "#datepicker-13" ).datepicker("show");
});
</script>
<apex:form id="theForm">
<body>
<div class="demo">
<p>Enter Date: <input type="text" id="datepicker-13"/></p>
</div>
</body>
</apex:form>
</apex:page>
Use this tutorial http://www.tutorialspoint.com/jqueryui/jqueryui_datepicker.htm
Change the Background Color of jQuery Datepicker
Use this css.. And change color based on your preference
<style type="text/css">
.ui-datepicker {
background: #333;
border: 1px solid #555;
color: #EEE;
}
</style>
Best Answer
You have to include it as you would with any other JS file.
https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_resources_reference.htm