[jQuery] DatePicker & Dimensions & DropShadow
<div dir="ltr"><div>I'm sure this is really simple, but can anyone help...</div><div>
</div><div>Using the datepicker, as per:-</div><div>
</div><div>$(document).ready(function() {</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>$("#id_dob").datepicker({ </div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>dateFormat: "d/m/yy", </div><div><span class="Apple-tab-span" style="white-space:pre"> </span>showOn: "both", </div><div><span class="Apple-tab-span" style="white-space:pre"> </span>buttonImage: "{{ MEDIA_URL }}images/accounts/calendar.gif", </div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span>buttonImageOnly: true</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>});</div><div>});</div><div>
</div><div>I'd like to add a dropshadow, but obviously only when it appears...</div>
<div>
</div><div>Just adding the following to causes an error that the element (ui-datepicker-div) doesn't exist.</div><div>
</div><div>$("#ui-datepicker-div").dropshadow();</div><div>
</div><div>How can I append the shadow effect only when the calendar appears.</div>
<div>
</div></div>