alexalexes

Чтобы конструировать самостоятельно get-параметры в ссылке вам нужно полностью соблюдать стандарт кодирования символов RFC 3986.
На стороне сервера это делается так:
https://www.php.net/manual/ru/function.rawurlencode.php
https://www.php.net/manual/ru/function.rawurldecode.php
На стороне клиента так:
https://developer.mozilla.org/ru/docs/Web/JavaScri...

Чтобы строго соблюдать RFC 3986 (который резервирует !, ', (, ), и *), даже не смотря на то, что символы не используют сформированных URI разделителей, можно безопасно использовать следующее:

function fixedEncodeURIComponent (str) {
return encodeURIComponent(str).replace(/[!'()*]/g, function(c) {
return '%' + c.charCodeAt(0).toString(16);
});
}

Если изначально правильно повесить обработчик на элемент, то при выполнении обработчика искать этот элемент не нужно, его дескриптор будет находится в свойстве 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...