Question

I get this error, only in IE:

Object doesn't support this property or method
Line: 56
Sign: 5
Code: 0

Javascript code:

    function recalcTotalPrice(item) {
    values = $("input", item).serialize();
    $.post( url,
           values,
           function (data,textStatus, jqXHR) {
              variant_wrapper = $(item).parents(".variant");
              $(".price", variant_wrapper).html(data.total_price);
56:           updateProductPrice(item);
           })
  };

  function updateProductPrice(item) {
    wrapper = $(item).parents('.advertising_product');
    $(".total_price", wrapper).html(sum($(".price", wrapper).map(function() {return parseFloat($(this).html())}).toArray()));
  };

Anyone?

---

EDIT 1:

Here is the rendered HTML code that triggers the javascript:

<li>
        <label class="month" for="month">Mar</label>
          <div class="week ">
            <input id="386_1_10" name="book[]weeks[]" style="display: none;" type="checkbox" value="1|10" />
            <label for="386_1_10">10</label>
          </div>
          <div class="week ">
            <input id="386_1_11" name="book[]weeks[]" style="display: none;" type="checkbox" value="1|11" />
            <label for="386_1_11">11</label>
          </div>
          <div class="week ">
            <input id="386_1_12" name="book[]weeks[]" style="display: none;" type="checkbox" value="1|12" />
            <label for="386_1_12">12</label>
          </div>
          <div class="week ">
            <input id="386_1_13" name="book[]weeks[]" style="display: none;" type="checkbox" value="1|13" />
            <label for="386_1_13">13</label>
          </div>
      </li>

<script>
  $('#item_386.week_picker_wrapper').weekPicker(
      {
          url: '/products/100/items/386/calc_total_price'
       }
    );
</script>

When the Checkbox is clicked the javascript is called.

Here is the full javascript code:

jQuery.fn.weekPicker = function(options) {
  var self = this;
  var week_picker = new WeekPicker(options, self);
}

jQuery.fn.weekLocker = function() {
  var self = this;
  var week_picker = new WeekLocker(self);
};

WeekPicker = function(options, selector) {

  var url = options.url;
  var yearPos = 0;

  $("a.prev_year", selector).click(function() {
    if (yearPos > 0) {
      $(".year", selector).css("margin-left", --yearPos * -55)
      $(".week_picker", selector).css("margin-left", yearPos * -185)
    }
    return false;
  })

  $("a.next_year", selector).click(function() {
    if (yearPos < 2) {
      $(".year", selector).css("margin-left", ++yearPos * -55)
      $(".week_picker", selector).css("margin-left", yearPos * -185)
    }
    return false;
  })

  $(".disabled input[type='checkbox'], .busy input[type='checkbox'], .locked input[type='checkbox']", selector).click(function () {
    return false;
  })

  $("input[type='checkbox']", selector).change(function() {
    recalcTotalPrice(selector);
  });

  function getValues(selection) {
    return selection.map(function() {return $(this).html()}).toArray().join(",")
  }

  function recalcTotalPrice(item) {
    values = $("input", item).serialize();
    $.post( url,
           values,
           function (data,textStatus, jqXHR) {
              variant_wrapper = $(item).parents(".variant");
              $(".price", variant_wrapper).html(data.total_price);
              updateProductPrice(item);
           })
  };

  function updateProductPrice(item) {
    var wrapper = $(item).parents('.advertising_product');
    $(".total_price", wrapper).html(sum($(".price", wrapper).map(function() {return parseFloat($(this).html())}).toArray()));
  };

  function sum(arr) {
    for(var s = 0, i = arr.length; i; s += arr[--i]);
    return s;
  };

  recalcTotalPrice(selector);
};

---

EDIT 2:

I got rid of the nasty errors, so now I “only” have one more problem.
This function, wont fire in IE7, IE8

$("input[type='checkbox']", selector).change(function() {
    recalcTotalPrice(selector);
  });

I suspect the it is the “change” that dosent work in IE. I have found this http://www.sitepoint.com/forums/showthread.php?626340-jQuery-change()-event-in-IE-not-triggering-properly-with-checkbox

But I don’t know how to implement it into my code.

Answer 1

I think it’s simply that you forgot var !

var wrapper = $(item).parents('.advertising_product');