title: how to create an external javascript and an external css file for date picker and how to use it in eclipse
body: <p>I have a javascript and css style as below</p>
  
  <pre><code> &lt;link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" /&gt;
   &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
   &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript"&gt;
  $(function () {
  $('#startDate').datepicker({ dateFormat: 'yy-mm-dd' });
  $('#startDate').datepicker();
  
  
  });
  &lt;/script&gt; 
  &lt;script&gt;
  $(function() {
  $( "#datepicker" ).datepicker({
  showOn: "button",
  buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
  buttonImageOnly: true
  });
  });
  &lt;/script&gt; 
  &lt;script type="text/javascript"&gt;
  $(function () {
  $('#endDate').datepicker({ dateFormat: 'yy-mm-dd' });
  $('#endDate').datepicker();
  
  });
  &lt;/script&gt; 
  &lt;script type="text/javascript"&gt;
  $(function () {
  $('#followUpDate').datepicker({ dateFormat: 'yy-mm-dd' });
  $('#followUpDate').datepicker();
  
  });
  &lt;/script&gt;
  &lt;style&gt;
  .ui-datepicker th { background-color: #CCCCFF; }
  &lt;/style&gt;
  &lt;style type="text/css"&gt;
  .search_textbx
  {
  background:url(calendar.jpg) right no-repeat;
  background-color:white;
  height:13px;
  color:black;
  
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>Now my question is how to create an external javascript file and css file in eclipse so that i can use that in a jsp page especially in <code>input type = "text"</code>.</p>
  
  <pre><code>     &lt;td style="padding-left:25px;"&gt;
  &lt;input type="text" id="startDate" name="startDate" class="search_textbx" size="15" readonly="readonly"/&gt;
                            &lt;/td&gt;
  </code></pre>
  
  <p>Now i need an external javascript file and css file and i want to use those files in the "input" tag.</p>