Weird problem in callback / $.post

I have the following function:

Code (Text):

1.  
2. $(function() {
3.      var userID = $('#user_id').text();
4.      $.post('contracts.php', { 'user_id':userID }, function(data) {
5.        var markup = '';
6.  
7.        if (data == 0) {
8.          $('#overlay').fadeIn();
9.          $('#editbox').fadeIn();
10.  
11.          markup = [
12.              '<form id="sign_contractform_'+userID+'" method="post">',
13.              '<h1 id="sign_contract_form_heading">'+getDefinedLangConst("__SIGNCONTRACTHEADING",'',"sign_contract_form_heading",'')+'</h1>',
14.              '<div class="contract_text">Du må signere kontrakt før du får tilgang til siden</div>',
15.              '<label for="default_contract">Aksepter standardkontrakt</label><input type="checkbox" id="default_contract" value="1" name="default_contract">',
16.              '<input type="submit" name="submitcontract" disabled="disabled" id="submitcontract" value="'+getDefinedLangConst("__SUBMITCONTRACT",'',"submitcontract",'val')+'">',
17.              '</form>'
18.            ].join('');
19.          $(markup).appendTo('#editbox').fadeIn();
20.        }
21.  
22.        $('#sign_contractform_'+userID+' input[type=checkbox]').on('click', function() {
23.          $('#submitcontract').prop('disabled',false);
24.          $('#submitcontract').on('click', function() {
25.            var defaultContract = $('#default_contract').val();
26.            $.post('contracts.php', { 'defaultcontract' : defaultContract,'user_id' : userID }, function(updatedata) {
27.              console.log(updatedata);
28.            })
29.          })
30.        })
31.      })
32.    })
33.  

What this does (or, at least is supposed to do, is check for a signed contract (the first $.post, and if no contract is found, and signed, display the form) - this works.
However, the second $.post doesn't work, for some reason. It posts okay, but in Firebug it shows in red - like if the file wasn't there (404) or something similar - but it doesn't show anything - no error messages, nothing. Nor does it display a "return" - which one would assume it would show. The contracts.php-file has output no matter what result you're getting, so it should definitely show something.

Anyone have any clue?

 

I think you need to move the submit out of the checkbox click function.

Code (Text):

1.  
2. $(function() {
3.      var userID = $('#user_id').text();
4.      $.post('contracts.php', { 'user_id':userID }, function(data) {
5.        var markup = '';
6.  
7.        if (data == 0) {
8.          $('#overlay').fadeIn();
9.          $('#editbox').fadeIn();
10.  
11.          markup = [
12.              '<form id="sign_contractform_'+userID+'" method="post">',
13.              '<h1 id="sign_contract_form_heading">'+getDefinedLangConst("__SIGNCONTRACTHEADING",'',"sign_contract_form_heading",'')+'</h1>',
14.              '<div class="contract_text">Du må signere kontrakt før du får tilgang til siden</div>',
15.              '<label for="default_contract">Aksepter standardkontrakt</label><input type="checkbox" id="default_contract" value="1" name="default_contract">',
16.              '<input type="submit" name="submitcontract" disabled="disabled" id="submitcontract" value="'+getDefinedLangConst("__SUBMITCONTRACT",'',"submitcontract",'val')+'">',
17.              '</form>'
18.            ].join('');
19.          $(markup).appendTo('#editbox').fadeIn();
20.        }
21.  
22.        $('#sign_contractform_'+userID+' input[type=checkbox]').on('click', function() {
23.          $('#submitcontract').prop('disabled',false);
24.        })
25.          $('#submitcontract').on('click', function() {
26.            var defaultContract = $('#default_contract').val();
27.            $.post('contracts.php', { 'defaultcontract' : defaultContract,'user_id' : userID }, function(updatedata) {
28.              console.log(updatedata);
29.            })
30.          })
31.      })
32.    })
33.  

Not tested.

 

Hm. Maybe. I'll test tomorrow.

 

No difference, whatsoever. It seems there's a problem calling the same file again, from within the $.post - or maybe I'm just doing something very weird in the receiving .php-file, that I just can't see...

 

And... I dunno what I did, really, but now it's working... *headdesk*
Updated code:

Code (Text):

1.  
2.   $(function() {
3.      var userID = $('#user_id').text();
4.  
5.      if (userID != '' || userID != 0) {
6.        $.post('contracts.php', { 'user_id':userID }, function(data) {
7.          data = $.parseJSON(data);
8.  
9.          if (data.content == 'no contract signed') {
10.            var markup = '';
11.            
12.            $('#overlay').fadeIn();
13.            $('#editbox').fadeIn();
14.  
15.            markup = [
16.                '<form id="sign_contractform" method="post" action="contracts.php">',
17.                '<h1 id="sign_contract_form_heading">'+getDefinedLangConst("__SIGNCONTRACTHEADING",'',"sign_contract_form_heading",'')+'</h1>',
18.                '<div class="contract_text">Du må signere kontrakt før du får tilgang til siden</div>',
19.                '<label for="default_contract">Aksepter standardkontrakt</label><input type="checkbox" id="default_contract" value="1" name="default_contract">',
20.                '<input type="submit" name="submitcontract" disabled="disabled" id="submitcontract" value="'+getDefinedLangConst("__SUBMITCONTRACT",'',"submitcontract",'val')+'">',
21.                '</form>'
22.              ].join('');
23.  
24.            $(markup).appendTo('#editbox').fadeIn();
25.      
26.            $('#sign_contractform input[type=checkbox]').on('click', function() {
27.              $('#submitcontract').prop('disabled',false);
28.            })
29.  
30.            $('#sign_contractform input[type=submit]').on('click', function(evt) {
31.              evt.preventDefault();
32.  
33.              var userID = $('#user_id').text();
34.              var defaultContract = $('#default_contract').val();
35.  
36.              if (userID != '' && defaultContract == 1) {
37.                $.post('contracts.php', { 'defaultcontract' : defaultContract, 'user_id' : userID }, function(updatedata) {
38.                  data = $.parseJSON(updatedata);
39.                  showUpdateInfo(''+data.content+'',''+data.infotype+'');
40.                  overlayHide();
41.                })
42.              }
43.            })
44.          } else {
45.            // do nothing
46.            console.log('do nothing');
47.          }
48.        })
49.      }
50.    })
51.  
52.  

 

Browsers can act funny when you are making changes to JavaScript files. Sometimes they just won't show anything different when you are editing a file (especially locally). The safest bet is close all browsers and clear their cache.

 

That is true, but I'm quite sure that was not the issue here - viewing the source code and accessing the js-files and others showed the correct information being present. I haven't really gone through the differences between the two versions of code, but I might have changed some value somewhere, added an else here, moved around a couple things there, and ended up with something that works as it should, so I'm more or less happy