RubaXa

Мдя, ну и насоветовали вам тут.

У jQuery есть Special Event API:

// Определяем спец. событие `rightclick`
$.event.special.rightclick = {
  bindType: "mousedown",
  delegateType: "mousedown",
  handle: function (evt) {
    if (evt.button === 2) {
      var handleObj = evt.handleObj;
      
      $(document).one('contextmenu', false);
    
      evt.type = handleObj.origType;
      ret = handleObj.handler.apply(this, arguments);
      evt.type = handleObj.type;
      
      return ret;
    }
  }
};

// Пример использования
$('.right').on({
  'rightclick': function () {
    $(this).addClass('pressed');
  },
  'mouseup': function () {
    $(this).removeClass('pressed');
  }
});

jsbin.com/gujecemadi/1/edit?js,output

carbonate а что вы ожидаете? У вас код асинхронный, а результат вы пытаетесь синхронно получить. Как выше уже неоднократно написали, нужно использовать `$.Deferred`, единственно, что добавлю это `$.when` + `then` и код станет завершенным:

function doIt(url) {
  return $.post(url).then(function (res) {
    var result = '';

    var queue = $('table tr', res).map(function () {
      var url = $(this).find('a').prop('href');

      return $.get(url, function (res) {
        result += $('#block', res).text();
      });				
    });

    return $.when.apply($, queue).then(function () {
      return result; 
    });
  });
}

// Используем
doIt('/x').then(function (result) {
  alert(result); 
});

Блоки нужно стараться максимально обезличивать, всё конечно зависит от задачи, но если не планируется какой-то связанной функциональность на BEMJS, то можно `opening-times` и `additional-information` привести к единому `details`. Если всё же BEMJS, то опять же в `opening-times` слишком много конкретики, я бы назвал `schedule` как более общее.

{
  block: "information",
  content: [{
    elem: "section",
    content: [{
      block: "phone",
      content: [{
        elem: "number",
        content: "8 (831) 280-96-51"
      }, {
        elem: "schedule",
        content: "Пн-Пт: 9:00-18:00"
      }]
    }, {
      block: "phone",
      content: [{
        elem: "number",
        content: "8 (800) 555-18-38"
      }, {
        elem: "details",
        content: "Звонок по России бесплатный"
      }]
    }]
  }, {
    elem: "section",
    content: [{
      block: "city",
      content: [{
        elem: "name",
        content: "Нижний Новгород"
      }, {
        elem: "details",
        content: "Доставка по городу и области бесплатная"
      }]
    }]
  }]
}

Но зачем, ведь можно просто упростить, добавить addEventListener и расслабиться:

function showHideBlocks(val) {
   var values = {'businesscards': 1, 'fotoprint': 2, 'blank': 3};

    for (var id in values) {
        var el = document.getElementById(id);
        el && (el.style.display = values[id] == val ? 'block' : 'none');
    }
}

Но если очень хочется:

$('#calculationTypeProduct').change(function () {
    var val = this.value;
    
    $.each({'businesscards': 1, 'fotoprint': 2, 'blank': 3}, function (id, n) {
        $('#' + id).toggle(val == n);
    });
});

FileAPI.Image — работает с Blob или Image, так что сначала нужно загрузить изображение, а потом передать её в FileAPI.Image. Если хотите грузить изображения с других удаленного домена, то там должен быть включен CORS.

FileAPI.newImage("path/to", function (err, img) {
    FileAPI.Image(img).preview(100, 100).get(function (err, image) { /* ... */ });
})

learn.javascript.ru/xhr — и примеры там тоже есть.

Используйте событие обновления localStorage или просто ставьте временную куку и читайте её через определенный интервал времени.