Splitting my function so it runs separately

Splitting my function so it runs separately

I'm super new to jQuery and barely grasp the basics of it. I have the following code, which I am embarrassed to say probably took me over 10 hours to create! It sort of works, but it has a small problem.

What it does, is makes some calculations for an employee schedule maker I am working on.

I need the third part (starting on line 40) to happen separately from the rest. Because it uses a couple values obtained from the second part. My assumption here, is that the two values from lines 46 and 47 are registering as blank, because they are filled out by the earlier part (the ajax call), so I don't actually get the values until the function has completed, so I can't use them there. Is this making sense? lol
I could be wrong about this, I'm not sure.

(I think) I just need the "set up the users hours" (lines 40-58) part to run separately and run immediately after the first part is done. I don't want any extra user clicks or anything to achieve this. But I am so new to jquery, I can't figure out how to do this. I feel like this is something simple, but I'm having trouble nonetheless. Everything I have tried has just butchered it.

Could anyone help me?

  1. $(".sched_time_s").on('change', function () {
  3. /* ----------------------------------------------------------
  4. Change input color when filled
  5. ---------------------------------------------------------- */
  7. if ($(this).val()) {
  8. $(this).css("background-color","#e9f8d1");
  9. $(this).css("font-weight","bold");
  10. }
  11. else {
  12. $(this).css("background-color","#fff");
  13. }
  15. /* ----------------------------------------------------------
  16. Ajax Request for Conversion
  17. ---------------------------------------------------------- */
  19. var input = $(this).next();
  21. $.ajax({

  23. url: "ajax_time_convert.php",
  24. data: "value=" + $(this).val(),
  25. dataType: 'json',
  26. success: function(data){
  27. input.val(data);
  28. },
  29. error: function(){
  30.    alert("Error!");
  31. }

  33. });


  36. /* ----------------------------------------------------------
  37. Sum up the users hours
  38. ---------------------------------------------------------- */
  40. var weekdayArray = [ "sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday" ];
  41. var w;
  42. for ( w = 0; w < weekdayArray.length; w++ ) {
  43. for ( var i = 0; i <= <?php echo $last1; ?>; i++ ) {
  44. var day = weekdayArray[w];
  46. var a = $(".s_convert_" + day + "_" + i).val();
  47. var b = $(".e_convert_" + day + "_" + i).val();
  48. var subtract = ( b - a )
  49. $(".sched_sum_" + day + "_" + i).val(subtract);
  51. var sum = 0;
  52. $(".sched_sum_day_" + i).each(function(){
  53. sum += parseInt(this.value);
  54. $(".weekday_total_" + i).val(sum);
  55. });
  57. }
  58. };
  60. });