integration with a form

[chris]

Hi,
In this thread from some months ago I included the JavaScript code to disable (hide) the "back" button.
However in that post I didn't actually explain the steps required as there was quite a few of them.
This is fine if you haven't modified your JavaScript file however in your case I think that you have as you mention that you have integrated it into a form.
So, before replacing your JS code with the code in that thread, remember to backup your current file with your modifications and then to copy them over to the modified version.

I'm afraid I can't help you out with the Wordpress side of things as I don't do much work with Wordpress.

Chris

[Razoredger]

Hi,
I have got the iframe filling start and end dates on my form but it displays the date switched backwards. On mouseover, the calender shows the correct format d/m/y but then in the form box it becomes --> y/m/d.
This is very confusing.
I have spent hours scrutinizing codes and tried many php, even sql, no luck. Once the date is picked the php is overrided by the mootools script and it turns the date around.

Would there be a code I could pass in mootools-cal-public.js to keep the date format as specified in ajax calender admin?

Please, help! I am stumped.

[chris]

Hi,
The date isn't being changed by the JavaScript.
The attribute that the JavaScript uses to get the date already has the date in that format as that is the simplest/best format for inserting the date into the database.

I presume that you are using a version prior to v3.04.06. Is that correct?

If so you can make the following changes:

1. In file ac-includes > functions.inc.php find this line (158):

Code: Select all

<li class="'.$day_classes.' "  id="'.$date_db.'" title="'.$date_format.$day_title_state.'">'.$day_counter.'</li>';

and replace it with this:

Code: Select all

<li class="'.$day_classes.' "  id="'.$date_db.'" title="'.$date_format.$day_title_state.'" data-date="'.$date_format.'">'.$day_counter.'</li>';

Then open your ac-includes > js > mootools-cal-public.js file and, within the function that you have modified to get the dates when clicked on (I assume your code is based on what was posted earlier in this thread) change this line:

Code: Select all

dateStart.set('value',this.id);

to this:

Code: Select all

dateStart.set('value',this.get('data-date'));

Let me know how it goes.

Chris

[Razoredger]

Thanks! You saved my sanity!

In answer to your questions, my version is 3.03. all in an iframe. I used the clickable dates code which included dateStart and dateEnd.

With your suggested modifications all works great.

One last question, how can i get the month to display in words? I've tried M, MM mo...???

[sjaak076]

Hi,

It's a very good script, but I have a question.
What I want is, a form with two data input fields.
If you clickon one input field, than opens a popup.
For the second input field the same.
In the popup can you than select the correct date.
How can I make it?

Sorry for my bad English.

[chris]

Hi,
It sounds like you need a date-picker script rather than this availability script.
A quick search on Google you should give plenty of scripts and demos.

Chris

[sjaak076]

I would like the data-picker with this script, so you can see which date are reserved.

[chris]

Ah, I see.
So you will need to do this with JavaScript to convert the calendar <div> into a hidden element that you can show when you click on the date field elements.
I'm afraid that this sort of thing falls well beyond the scope of this forum.

Feel free to contact me directly via the contact form on the main site if this is something that you may want me to do for you as a custom project.

Chris

[floep]

Hi, thanks for this great calendar.
I just have 1 smal problem which i cant seem to fix. I integrated the calendar in a form but when i change the options, it submits the main form. I tried by giving the form an id, but then it doesn't load a new calendar. You can check it out on
www.houseboat-potomac.com/booking1.php

[chris]

Hi,
You can't embed forms within forms.
You need to take the calendar out of the main form and position it with css as required.

Chris