Загрузка (часть) HTML страницы в <div>с использованием JS теперь вызывает ошибку Safari: «Запросы перекрестного происхождения поддерживаются только для HTTP»

Question

Это для использования HTML imagemap для загрузки текста из другого файла HTML (в div с классом .show-info) в side-div (класс .sidediv).

место щелчка:

<area class="nohref" shape=rect coords="106, 226, 1002, 425" onClick="fillSideDiv('../PAGEExportSamples/Prototypesamples/Sampleaudio_noteA.html .show-info')" href="#"> 

JS:

<script>
    function fillSideDiv(url) {
        $(".sidediv").load(url);
    };
</script>

Теперь это работает только тогда, когда я загружаю все файлы на свой веб-сайт, но раньше оно работало локально, по назначению. В StackOverflow есть три других ответа «Запросы перекрестного происхождения поддерживаются только для HTTP», но ни один из них не решает эту небольшую проблему.