JQuery datepicker icon trigger broken after inserting data to database

at first i got to load my icon for the JQuery datepicker but after i insert the value to my database the icon image is broken. im using Codeigniter framework.

here's my html code:

<html lang="en-US">
     <meta charset="UTF-8">    
<?php echo link_tag(base_url() . 'css/ui-lightness/jquery-ui-1.8.23.custom.css'); ?>    
<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery-ui-1.8.23.custom.min.js"></script>
    echo form_label('BDay:', 'bday');

    $data = array(
        'name' => 'bday',
        'id' => 'datepicker'

    echo form_input($data);

and here's my jscript:

$(function() {
    $( "#datepicker" ).datepicker({
        changeMonth: true,
        changeYear: true,
        showOn: "button",
        buttonImage: "<?php echo base_url() . '/images/icons/calendar_24.png' ?>",
        buttonImageOnly: true,
        onSelect: function(dateText, inst){


am i missing something? thanks!


Try adding this in the head - You aren't adding jQuery or jQuery ui to your project

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>

Need Your Help

Menu Hover Not showing as what i wanted it to be

html css

Good day everyone, I created a vertical menu I already got the menu working but im really having problem in terms of the hover. Here is the picture of my main menu

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.