Javascript Date chooser

ricardo_arango 21 Dec, 2007
Not sure hot to go about this one.

I want to a use a free date chooser. Normally I would include inside <HEAD> the following script:


<script type="text/javascript" src="scripts/calendarDateInput.js">
/***********************************************
* Jason's Date Input Calendar- By Jason Moon http://calendar.moonscript.com/dateinput.cfm
* Script featured on and available at http://www.dynamicdrive.com
* Keep this notice intact for use.
***********************************************/
</script


Then I would use an instance like this:

<script>DateInput('fecha', true, 'YYYY-MM-DD')</script>


I don't know how to use it with ChronoForms. In case is not possible to include .js files, anyone knows of a date chooser that works with ChronoForms?
ricardo_arango 21 Dec, 2007
Nevermind, this did it.

<edit>

No actually it doesn't work with two instances for me.

Edited to add url tag<br><br>Post edited by: GreyHead, at: 2007/12/22 14:05
Max_admin 25 Dec, 2007
Hi Ricardo,

You can use the Joomla Date chooser also with those lines :


<link rel="stylesheet" type="text/css" media="all" href="includes/js/calendar/calendar-mos.css" title="green" />
		<script type="text/javascript" src="includes/js/calendar/calendar.js"></script>
		<script type="text/javascript" src="includes/js/calendar/lang/calendar-en.js"></script>

<input type="text" size="20" maxlength="150" name="author_dob[]" id="author_dob" value="">
            				<input type="reset" class="button" value="..." onclick="return showCalendar('author_dob', 'mm-dd-y');" />


Cheers

Max
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
RaXa 28 Dec, 2007
Hi I'm new using forms and I need to put a date chooser but I really don´t know how to do it.

I can use the date chooser from Joomla but if you can explain me how to put in chronoforms to work.

PS. I really don´t know how so if you can tell me step by step how I can made this I appreciate ita lot.

Greetings from Mexico
Max_admin 28 Dec, 2007
Hi RaXa,

Welcome at Joomla and ChronoForms🙂

If you put the above few lines of code at the HTML box of your form then this will show a text box and a button to show the calendar!

Cheers

Max
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
spriggig 25 Jan, 2008
This code doesn't seem to work with Joomla 1.5(?)

It's a fresh install of the just-released 1.5. I put the code in the <TD> tag where I want the date chooser to appear. The form renders as expected and I don't get any error messages, but the button doesn't respond.

Thank you.
GreyHead 25 Jan, 2008
Hi spriggig,

I've debugged the code in the latest release of Joomla 1.5 stable and this works on my test site here:
<?php
$document =& JFactory::getDocument();
$js_path = JURI::base().'includes/js/';
$document->addScript($js_path.'joomla.javascript.js');
$document->addScript($js_path.'calendar/calendar.js');
$document->addScript($js_path.'calendar/calendar_mini.js');
$document->addScript($js_path.'calendar/lang/calendar-en-GB.js');
$document->addStyleSheet($js_path.'calendar/calendar-mos.css');
?>

<input type="text" size="20" maxlength="150" name="author_dob[]" id="author_dob" value="">
<input type="reset" class="button" value="..." 
onclick="return showCalendar('author_dob', 'mm-dd-y');" />
Bob
Sapient 16 Mar, 2008

Hi RaXa,

Welcome at Joomla and ChronoForms🙂

If you put the above few lines of code at the HTML box of your form then this will show a text box and a button to show the calendar!

Cheers

Max



Greetings,
I am new to Chrono and have a basic question. I am using Joomla! 1.0.14.

When inserting the code into the HTML box of the form, what is actually acceptable? i.e. Do we need to add the header tag <head> or the body tag <body>?

When we are using styles, which are contained in the head tags and calling external link files (stylesheets) or in this case the Joomla calendar script does it know to parse the header from the body section?

Or do we add everything?

Thanks,
b
GreyHead 16 Mar, 2008
Hi Sapient,

I suggest that you look at the video tutorial. It's a bit out of date (actually quite a lot out of date) but the basic principles are still good.

You only put the code *between* the form tags (but not the tags themselves) into the Form HTML box. (No head or body tags.)

The stylesheets are usually included in your template and nothing to do with ChronoForms unless you need to add something specific - like the calendar stylesheet below.

Bob
Sapient 16 Mar, 2008
Thanks Bob for the response...

I have actually gone through all of the tutorials and would have to agree they are just a bit behind the latest release.

Where the confusion (for me) comes is in going through some of the postings in this forum. I have used some of the examples, and tried a lot of posting in an effort to better understand.

Here is a good case-and-point: http://www.chronoengine.com/component/option,com_fireboard/Itemid,37/func,view/id,2490/catid,7/

I actually used the example code and it seemed to work without a problem... or I should say, none that I could find. I posted the entire thing in the HTML section of Chrono.

I have been developing on Joomla! for some time now and have done a bit of styling. If Chrono uses the default template css is there a place where that can be define within Chrono much like defining individual styling within Joomla!, say like a module? i.e. I tend to style specifics for sites, say one of the default definitions in Joomla! is .contentpaneopen and I will modify and call as .contentpaneopen-pro (hope this makes sense).

OR do we just use inline styling?

I also noticed in your advanced movie tutorial that you can import a style sheet. (which tells me there is no need to define a header or body section, it is implied)


I have tried the calendar example in this thread with no luck. The form shows, however, when clicking the button for the calendar, nothing happens. Which lead me to asking the original questions.

Does that entire example with the script includes and file links go into the HTML section?

I am not much of a javascript coder and when going through the tutorials it stated that javascript could be used but without the tags. I am assuming that would include <script language , <script type= , etc... Again, not much of a javascript person.



I realize this is lengthy in content and apologize for that. I try to be as detailed as possible and write to a varied audience. I have been in Software Engineering going on 25 years and would be happy to assist in the development of new tutorials in the future.

I understand that Flash (I have developed in Flash for several years also) is a great tool for teaching, however, for me it lacks several things. It lacks the ability for one to cut and paste the code used in the tutorial (Perhaps this could be a download). It is difficult to really detail examples in a single Flash tutorial. Then there is the issue with bandwidth for those with slow connections. Perhaps you could offer a download of the swf.

Again, I apologize for the length of this post. I would like to add that I have tried several Joomla! form offerings including some that were purchased. This is by far the best offered once one gets over the initial learning curve. Which is where I find myself.

Thanks,
Brian
GreyHead 16 Mar, 2008
Hi Brian,

My apologies for underestimating your knowledge. I'll write a longer reply in the morning.

I suspect that the problem with the Calendar JavaScript is that the version I corrected is from Joomla 1.5 and you are using Joomla 1.0.14 some of the code in there and possibly some of the paths may differ between the two.

As far a styling goes, I think I'm right in saying - again without checking - that ChronoForms adds no styling code. You can though use contentpaneopen in yoru form html and although it will be inside the form tags I think it will still behave correctly.

Bob
This topic is locked and no more replies can be posted.