I'm developing a Lotus Domino app that uses jQuery's datepicker. When I reference the jQuery code from code.jquery.com, I can see the prev and next arrows at the top of the calendar, but when I download this code from the site, put it in my NSF file, and reference it from there, the arrow graphics disappear. The calendar still works, and when I hover where prev and next should appear, I can see the title text. Just no graphics. Ideas?
Heading code:
<style type="text/css">
pre { display:none; }
#ui-datepicker-div, .ui-datepicker { font-size: 75%; }
.calContainer{ margin: 0 0 0 0; }
.clear{ clear: both; }
</style>
<link rel="stylesheet" media="all" type="text/css" href="svr/file.nsf/css/jquery-ui.css"; />
<script type="text/javascript" src="svr/file.nsf/js/jquery-1.9.1.min.js"></script>;
<script type="text/javascript" src="svr/file.nsf/js/jquery-ui.min.js"></script>;
<script type="text/javascript">
$(function(){
$('.calContainer > pre').each(function(i){
eval($(this).text());
});
});
</script>
Body code:
<div class="calContainer">
[HCTDate] <---- Notes field defined as Text, Editable
<pre>
$('#HCTDate').datepicker({ });
</pre>
</div>
