alexalexes

Если изначально правильно повесить обработчик на элемент, то при выполнении обработчика искать этот элемент не нужно, его дескриптор будет находится в свойстве e.target дескриптора события.

Если чисто "механически" сообщить значение top от одного элемента превью к соответствующему элементу со схожим id = data-mini, то это можно сделать так:

var e_prevs = $('div.side div.preview'); //выбираем все превью-элементы
e_prevs.each(function(index) //пробегаемся по превью элементам
{
   var id = this.id; //this - это текущий элемент превью, получаем его id.
   var link = $('div.main div.element[data-mini=' + id + ']')[0]; //находим элемент-ссылку, у которого есть схожий атрибут data-mini.
   var top_e_prev = this.offsetTop; // получаем знач. свойства от начала страницы
   link.offsetTop = top_e_prev; // присваиваем это значение ссылке
});

Чтобы элементы фактически встали по одной высоте, нужно указать правильные CSS-свойства position опорного контейнера div.container {position: relative;}, а превью-контейнерам давать абсолют, но тут нужно смотреть, как на такие изменения отреагирует весь остальной контент, находящийся в том же контейнере.

PS: Или наоборот передавать свойства...

var main_els = $('div.main div.element');
main_els.each(function (index)
{
   var data_mini = this.dataset.mini;
   var link = $('div.side div.preview#' + data_mini)[0];
   var top_el = this.offsetTop;
   link.offsetTop = top_el;
});

Самый простой вариант - отправить запросом на сервер и ответить тем же содержимым, что отправили серверу с таким же mime-тайпом (предусмотреть все необходимые заголовки отдачи файла).

Поставили тег Javascript, а сами пример показываете с подключением CSS, хотя он и рядом не стоял.
В общем, это предмет целой статьи, изучайте.

PS: Есть подозрение, что вам нужно настроить на стороне сервера какой-то особый отклик на GET-параметр "wmc-currency=EUR", но вы должны понять, нужно ли вам это, потому что есть другие решения для установки кук и они работают в JS.

1) Можно традиционным образом. В форме использовать тег input с типом file с выставленным ограничением принимать только *.mp3. Форма отправляется по кнопке с типом submit.
2) Продвинутым способом. В форме также используется тег input с типом file с выставленным ограничением принимать только *.mp3. Отличие в том, что вам нужно поля формы отправить непременно только через ajax-запрос. В этом случае поле с файлом вычитывается с помощью объекта FileReader (старые браузеры его не имеют, например, IE 10-, так что для них не катит способ), формируется особым образом бинарный пакет запроса и этот пакет в виде base64 передается аяксом на сервер.
PS: какой бы способ отправки вы бы не выбрали, файл в любом случае можно прицепить к форме только по инициативе пользователя, не зависит от того, используете вы простую отправку формы или пытаетесь забрать файл из input-а FileReader-ом.

У вас при первом отображении $_SESSION["a"] и $_SESSION["b"] не заполнены, соответственно, при выводе второй формы будет вот так.

<input type="hidden" id = "nserver" name="nserver" value="">
      <input type="hidden" id = "registrar" name="registrar" value="">

Придумайте, как обработать состояние, когда поля nserver === '' и registrar === '' или как забить $_SESSION["a"] и $_SESSION["b"] дефолтными значениями, и будет работать.

Может быть реализовано на нативном JavaScript путем навешивания обработчиков событий onmousedown, onmousemove, onmouseup на манипулируемый элемент (событие onmousedown), а также на заполняющий всю площадь страницы контейнер (события onmousemove, onmouseup). Естественно, механику взаимодействия элементов и отслеживания фазы drag and drop вам придется реализовать самостоятельно.
PS: При реализации drag and drop не забудьте про пользователей с сенсорным экраном. У них другая группа событий: ontouchstart, ontouchmove, ontouchend, и число точек касаний у них может быть больше чем одна.

Вместо этого условия, посмотрите, что у вас формируется в переменной pageAvailable при помощи точки останова или выведите непосредственно ее в лог.

if (pageAvailable == false) {
                                    console.log("Not Include");
                                } else{
                                    console.log("Include");
                                }

Тогда поймете, что у вас возникнет одна из двух ситуаций:
- либо сравнение нужно до типа данных использовать: вместо == на ===.
- либо вот это Object.values(response['data']).some(n => n.name === 'ArmPaper Idea'); не вылавливает из объекта response['data'], то что вы хотите выловить.

Соответствующей функцией:
https://developer.mozilla.org/ru/docs/Web/JavaScri...

У вас что клиентский, что серверный скрипт не имеют функционала оповещать пользователя о возникшей ошибке.
php-скрипт должен отдавать хоть малюсенькое текстовое сообщение, что удалось отправить почту.

....
$send_result = mail($admin_email, adopt($form_subject), $message, $headers );
echo $send_result ? 'success' : 'fail';

Клиентский скрипт должен иметь возможность в коллбэк функции done словить это сообщение:

...
).done(function(e)
{
    var resp = e.responseText;
    alert(resp === 'success' ? 'Сообщение отправлено!' : 'Ошибка отправки сообщения');
....
}

Для аякса хорошо бы еще добавить функцию fail(), когда серверный скрипт вообще не отвечает.

$.ajax({
      type: "POST",
      url: "../js/mail.php", //Change
      data: th.serialize()
    }).done(function(e) {
     .......
    }).fail(function()
    {
      alert('Фатальная ошибка отправки!');
    });

Немного доработав скрипты, и получив некоторые сообщения, можно будет сориентироваться, какого рода ошибка у вас возникла.

У вас очень тяжелый файл www.annalev.ru/static/bundle/js/bundle.min.js, в котором лежит функция скроллинга, пока он не загрузиться на клиенте полностью, скроллинг не будет работать.
Решить проблему можно несколькими путями:
1) Все легковесные функции, которые не зависят от библиотек поместить в отдельный файл, который будет подключаться выше списком, чем тяжеловесные js.
2) Написать код легковестных функций прямо в документе (или в общем шаблоне страниц, где описывается head или footer, в случае если у вас CMS);
3) Написать обработчик скроллинга непосредственно в атрибуте onclick.
PS: Дополнительно, посмотреть, какой функционал можно "выбросить" в подключенных библиотеках.
Например, на JQuery можно опционально отключать некоторые возможности и скачивать js-файл значительно меньших размеров, чем в полной комплектации.