[RESOLVED] Help with fullcalendar tweaking

[ali_p]

Hi there,

I am working with an application called full calendar which uses jquery to create a drag and drop calendar. Now I am in the process of making this work with php and a mysql database so that events can be added by clicking on the date.
I am having a bit of bother with getting the form to send datae to the database though.

My form looks like this once a date/ time is clicked on, its appears in a pop up window with the options to 'save' | 'cancel '

	<div id="event_edit_container" style="display:none;">
		<form>
			<input type="hidden" />
			<ul>
                <li>
					<span>Date: </span><span class="date_holder"></span>
				</li>
				<li>
					<label for="start">Start Time: </label><select name="start"><option value="">Select Start Time</option></select>
				</li>
				<li>
					<label for="end">End Time: </label><select name="end"><option value="">Select End Time</option></select>
				</li>
                <li>
					<label for="title">Title: </label><input type="text" name="title" />
				</li>
                <li>
					<label for="title">Distributor: </label><input type="text" name="distributor" />
				</li>
                <li>
					<label for="title">Location: </label><input type="text" name="Location" />
				</li>
                <li>
					<label for="title">Website: </label><input type="text" name="website" />
				</li>


			<li>
				<label for="body">Body: </label><textarea name="body"></textarea>
			</li>
		</ul>
	</form>
</div>

And at the top of my page I tell it what to do if 'save' is selected on the form page

$dialogContent.dialog({
            modal: true,
            title: "New Listing",
            close: function() {
               $dialogContent.dialog("destroy");
               $dialogContent.hide();
            },
            buttons: {
               save : function firstsave() {
                  calEvent.id = id;
                  id++;
                  calEvent.start = new Date(startField.val());
                  calEvent.end = new Date(endField.val());
                  calEvent.title = titleField.val();
                  calEvent.body = bodyField.val();
                  var options = {
               url: 'feedrun.php?method=adddetails',
                type: 'post',
                dataType: 'json',
            };

Any ideas?

[johanafm]

What is not working? Step 1 when you are dealing with ajax is to find out on what side things go wrong. Is the javascript code executing (add an alert)? Is the php script you want to call executing (use errorlog)?
Don't even see the alert? Then you most likely have syntax errors in your javascript code, such as a , (comma) after the last object property. It will work in some browsers, not in others - remove it.

Also, I see no call to $ajax

[ali_p]

There are no errors apart from the url not being invoked.

Should my call to ajax look like this

$dialogContent.dialog({
            modal: true,
            title: "New Listing",
            close: function() {
               $dialogContent.dialog("destroy");
               $dialogContent.hide();
            },
            buttons: {
               save : function firstsave() {
                  calEvent.id = id;
                  id++;
                  calEvent.start = new Date(startField.val());
                  calEvent.end = new Date(endField.val());
                  calEvent.title = titleField.val();
                  calEvent.body = bodyField.val();
                   $.ajax({
                url: 'feedrun.php?method=adddetails',
                dataType: 'json',
                data: {

                title:  titleField.val(),
                body:  bodyField.val()
            },
            success: function(s) {
                callback(s);
            }
        });
    } 

Where do i tell it to submit the form?

[johanafm]

I've never used jquery, but looking at the code, I'd guess that "save" will be the button value (i.e. text shown in button) and the following function (which you do not even need to name unless you need to call it from elsewhere) is attached as an onclick event for the button.
As such, you've allready told the browser to run that function when the save button is clicked, which means that when

$.ajax({
                url: 'feedrun.php?method=adddetails',
                dataType: 'json',
                data: {

                title:  titleField.val(),
                body:  bodyField.val()
            },
            success: function(s) {
                callback(s);
            } 

is executed, the request is sent. On success, a function called "callback" is executed. If no such function is defined, the request will run fine, but nothing will be done about the response.