Login

04-22-2009, 10:01 AM

[eluser]fourcs[/eluser]
Can someone please give me an idea as to how to get mootools date ID's in the view? I've placed the script pointers appropriately but can't get the required ID/class(in the case of jquery's datepicker) embeded in the view. Thanks

04-22-2009, 10:46 AM

[eluser]TheFuzzy0ne[/eluser]
What do you mean by "Date IDs"?

04-22-2009, 05:46 PM

[eluser]fourcs[/eluser]
Thanks for responding. Both mootools and jquery require an ID or class attribute to flag the date input in the input form. I'm struggling with how to do this.

04-22-2009, 07:39 PM

[eluser]TheFuzzy0ne[/eluser]
Can you post what you have so far?

04-22-2009, 11:01 PM

[eluser]fourcs[/eluser]
Thanks for your reply. I've stopped using the CI form_input function and am using the straight html tag to allow me to incorporate both the id and class attributes. I'm using an assets_helper to set up the javascripts, css, and img url paths. A source code reading indicates that the browser is getting the css and javascripts url's in the html file head, but the jquery date picker is not working at all. I know I've probably got the wrong url for the calendar.png icon image, but I would expect to still get something.
css: incorporates jquery style for date picker

I've attached a few files.

Update: I've just added the jquery page specific script that puts out the calendar. Now I just have to get the image url and date format set properly.

Update: Tweaked the page specific datepicker script to get the date formatted. Now on to getting the asset_helper to work in the css to give me the calendar.png icon. The asset_helper function works but the jquery css is not working in conjunction with that asset_helper to produce the icon.

04-23-2009, 04:46 AM

[eluser]TheFuzzy0ne[/eluser]
[quote author="fourcs" date="1240480909"]I've attached a few files.[/quote]

You have? Are they super-duper top secret files that I don't have clearance to see? Tongue

04-23-2009, 05:36 AM

[eluser]fourcs[/eluser]
I'll try again.
mystyles.css
config.php
records_input.php

Thanks

04-24-2009, 07:38 PM

[eluser]fourcs[/eluser]
CI is generating the references to the jquery, css, and image properly, but the jquery icon isn't appearing. The same configuration works in a jquery sample page.

<code>
<html>
<head>

<title><?php echo $title;?></title>

<?= style('mystyles');?>

<?= jscript('jquery.min');?>[removed]
<?= jscript('date');?>
<?= jscript('jquery.datePicker');?>[removed]



<link rel="stylesheet" type="text/css" media="screen" href=<?=style('datePicker');?>


<link rel="stylesheet" type="text/css" media="screen" href=<?=style('demo');?>


[removed]
$(function()
{
$('.date-pick').datePicker({clickInput:true})
});
[removed]

[removed]
Date.firstDayOfWeek = 0;
Date.format = 'yyyy/mm/dd';
$(function()
{
$('.date-pick').datePicker()
});
[removed]

</head>
<body>

<div id="header">
<? $this->load->view('records_header'); ?>
</div>
<div id="menu">
<? $this->load->view('records_menu'); ?>
</div>
<? echo heading($forminput,3) ?>
<? echo form_open('records/input'); ?>
<? echo form_hidden('id',$fid['value']); ?>
<? echo $dt_start .' : '.form_input($fdt_start).br(); ?>
<? echo $dt_end .' :   '.form_input($fdt_end).br(); ?>
<? echo $cat. ' : '.
form_dropdown('category',$category,$fcategory['value']).br(); ?>
<? echo $bed .' : '.
form_dropdown('beds',$beds,$fbeds['value']).br(); ?>
<? echo $sb_Price_Range .' : '.
form_dropdown('sb_Price_Range',$sbprs,$fsb_Price_Range['value']).br(); ?>
<? echo $sb_Price .' : '.
form_input($fsb_Price).br(); ?>
<? echo $normal_Price .' : '.
form_input($fnormal_Price).br(); ?>

<? echo form_submit('mysubmit','Submit!'); ?>
<? echo form_close(); ?>

<div id="footer">
<? $this->load->view('records_footer'); ?>
</div>

</body>
</html>

</code>

Update:
Using the assets_helper for the datePicker.css has solved the problem. I still have to get the line spacing correct. This seems to be a case of tweaking the jquery script.

Update:
I've succeeded in tweaking the ui.datepicker to align the html the way I wanted.