ansaurus

Question

Answer 1

+1 A:

You could use a regular jQuery AJAX-request, which submits the contents of your div to a server-side script:

var content = $('#add_here').html();
$.get(url_of_script, content);

And then have the script add it to the DB. Are you familiar with using PHP/MySQL to do this?

If you want to update this stuff when a form is submitted, try attaching an event listener to the onSubmit event of the form.

Edit:

So, first add the onSubmit attribute to your form:

<form onSubmit="return formSubmit(event);">

Now, you'll have to define this function somewhere - really doesn't matter where you do it, though the <head> section of your page is recommended. External file is, of course, also possible.

function formSubmit(event) {
    var content = $('#add_here').html();

    // this callback will make sure the form is submitted after having completed the other request
    var callback = function() { event.target.submit() };
    $.get(url_of_script, content, callback);

    // Now, cancel the default event, the callback will take care of the submit afterwards
    event.stopPropagation();
}

Haven't tested it, but something like this is supposed to work. Let me know if you need some more help.

JorenB 2009-08-20 09:12:47

hmm, I'm not sure that i understand.. The script you postet should be pastet above the div.. or am i totally on the wrong way ? :-/<script>var content = $('#add_here').html();$.get('/js/admin/add_types.js/', content);</script><div id="add_here" class="add_here_bg"></div>

william 2009-08-20 09:20:03

No, that won't work. If I understand you correctly, you need the data to be sent when a specific form on the page is submitted. This means you will need to attach a function to the onSubmit event (`<form onSubmit='return formSubmit(event);'>`, which will do this stuff for you before allowing the form to be sent. Enough info, or do you need a code example? Also, please try to be a little clearer on your intentions, please. Thanks ;-)

JorenB 2009-08-20 09:27:46

ah i see... Yes, you have understand it correctly. its just me.. :-/ I would be grateful if you could show me some code example!

william 2009-08-20 09:31:11

hm... how do i take the ( overskrift[] ) from the outputed js... $.get('js/admin/add_types.js', overskrift:overskrift, callback);?

william 2009-08-20 10:08:56

Excuse me, overskrift? Where does that come from?

JorenB 2009-08-20 10:14:05

ohh sorry.. from new_datanew_data += '<input type="text" name="overskrift[]" /><br />';

william 2009-08-20 10:17:48

Hmm.. I'm afraid I've lost you. Do you want to get the values of that section? Please edit your post so that it contains a detailed description of what you want to do - it might allow me to be of better assistance.

JorenB 2009-08-20 11:10:26

nvm, it worked :-) thx for your help! :D

william 2009-08-20 11:38:48

ansaurus

tags:

views:

answers:

update json data into db

related questions