Hi,
i have create an item P10_DATE Datepicker.
i want when i click for date then new popup window should not open .
i want when i click for date then a smooth date window should be open in Down in item.
So i have use Some java Script
<link title="Flora (Default)" media="screen" type="text/css" href="http://jquery-ui.googlecode.com/svn/trunk/themes/default/ui.datepicker.css" rel="stylesheet">
<style type="text/css">
#ui-datepicker-div {
border:1px solid #CCCCCC !important;
}
div.ui-datepicker-control {
background-color:#3872C0;
}
div.ui-datepicker-header {
background-color:#BBBBBB;
}
.ui-datepicker-header select {
background-color:#BBBBBB;
}
div.ui-datepicker-links {
background-color:#EEEEEE;
}
div.ui-datepicker-one-month {
background-color:#EAEFF5;
}
.ui-datepicker .ui-datepicker-week-end-cell {
background-color:#EAEFF5;
}
tr.ui-datepicker-title-row td {
background-color:#8EB8DC;
}
table.ui-datepicker tr.ui-datepicker-days-row td.ui-datepicker-today {
background-color:#8EB8DC !important;
}
table.ui-datepicker tr.ui-datepicker-days-row td.ui-datepicker-current-day {
background-color:#3872C0 !important;
}
</style>
<script src="http://www.google.com/jsapi"></script>
<script>
// Load jQuery
google.load("jquery", "1.2.6");
</script>
<script src="wwv_flow_file_mgr.get_file?p_security_group_id=2223972916369820533&p_fname=jquery.ui.all.js"></script>
<script>
$().ready(function() {
$('#P10_DATE').datepicker(
{showOn: 'button',
buttonText: 'calendar',
buttonImage: '/i/asfdcldr.gif',
buttonImageOnly: true,
appendText: '(MM/DD/YYYY)',
onSelect: function(dateText) {
$(this).blur();
}
}
);
});
</script>
I am using Apex 3.2.
How can i display a smooth date window with item.
Thansk