Как через js открывать следующую ссылку в категории?

Надим Закиров, Именно за этим я и пришел сюда я не понимаю как спарсить ее

Как через js открывать следующую ссылку в категории?

Надим Закиров, не совсем кнопки там вот такой скрипт

document.addEventListener('touchstart', handleTouchStart, false);        
document.addEventListener('touchmove', handleTouchMove, false);

var xDown = null;                                                        
var yDown = null;

function getTouches(evt) {
  return evt.touches ||             
         evt.originalEvent.touches; 
}                                                     

function handleTouchStart(evt) {
    const firstTouch = getTouches(evt)[0];                                      
    xDown = firstTouch.clientX;                                      
    yDown = firstTouch.clientY;                                      
};                                                

function handleTouchMove(evt) {
    if ( ! xDown || ! yDown ) {
        return;
    }

    var xUp = evt.touches[0].clientX;                                    
    var yUp = evt.touches[0].clientY;

    var xDiff = xDown - xUp;
    var yDiff = yDown - yUp;

    if ( Math.abs( xDiff ) > Math.abs( yDiff ) ) {
        if ( xDiff > 0 ) {
          {location.href="http://dev2.yourstartup.by/odezhda-hrmz/bryuki";}
        } else {
          {location.href="http://dev2.yourstartup.by/odezhda-hrmz/bryuki";}
        }                       
    } 
    
    xDown = null;
    yDown = null;                                             
};

он отслеживает свайп на моб устройстве, если свайпнул право лево открывается ссылка.
ссылка на сайт, код будет работать на любой странице ибо пока он просто в хдер вынесен.

Как сделать переключение страниц на телефоне при помощи SWIPE?

это я понимаю, но жена хочет дорага багато как у Zara(это сайт со шмотками). спасибо за пояснение.

Как связать элементы с помощью data-атрибута?

Все вопрос решен мой косяк спасибо большое

Как связать элементы с помощью data-атрибута?

0xD34F, в том то и дело что он не работает, возможно это связано с тем, что id подставляются динамически.

Как связать элементы с помощью data-атрибута?

К сожалению, все равно active добавляется ко всем элементам с классом d-none

Как в span передать значение data-atribute?

Спасибо за ваш вариант, скажите а как его применить вот к подобной верстке когда есть несколько опций и у каждой свое значение Codepen

Как в span передать значение data-atribute?

Дмитрий Codepen

Как в span передать значение data-atribute?

Дмитрий, а как то же самое но к выбраной options применить?

Как в span передать значение data-atribute?

Дмитрий, спасибо

Как в span передать значение data-atribute?

Можно пример?

ModxRevo, как заставить работать #anchor на странице сайта?

Антон Тарасов OnWebPagePrerender

Как при наведении вывести содержимое только 1 блока из всего массива?

alex-1917, хорошо вовремя гейпорно успел закрыть перед скрином

Как в alt прописать заголовок страницы?

странно почему то не сработало, можете на codepain показать? ну или немного развернутый ответ дать?

<script> 
					const header = document.querySelector('#in');
					const images = document.querySelectorAll('.content img');
					
					images.forEach(image => image.alt = header.textContent);
				</script>

или это неправильная запись?

Как в alt прописать заголовок страницы?

Антон, на данный момент я хочу автоматизировать добавление в alt картинки заголовок страницы

Как из input val передать значение в span?

<fieldset id="mse2_ms|price">
   <legend>Цена</legend>
 
             <div class="range mse2_number_inputs ">
                Дипозон :
                <span class="min_val">25</span> -
                <span class="max_val">40</span>
          
            
    <label for="mse2_ms|price_0" class="d-flex align-items-center">
   
        <input type="hidden" class="price_0" name="cena" id="mse2_ms|price_0" value="28" data-current-value="25" data-decimal="0">
    </label>
    <label for="mse2_ms|price_1" class="d-flex align-items-center">
   
        <input type="hidden" class="price_1" name="cena" id="mse2_ms|price_1" value="37" data-current-value="40" data-decimal="0">
    </label>         </div>
  
    <div class="mse2_number_slider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><div class="ui-slider-range ui-widget-header ui-corner-all" style="left: 20%; width: 60%;"></div><span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 20%;"></span><span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 80%;"></span></div>
   
</fieldset>

на фронте выглядит это вот так.

Как из input val передать значение в span?

0xD34F, как я и говорил, значение val меняется засчет ползунка, так как это слайдер фильтра по цене. То есть price_0 это левый ползунок, а price_1 это правый. Соответственно когда их тянут меняется значение value и оно меняется в input, но не передаются в span/

Как из input val передать значение в span?

$(".price_0").keyup(function () {
var value = $(this).val();
$(".min_val").text(value);
}).keyup();

$(".price_1").keyup(function () {
var value = $(this).val();
$(".max_val").text(value);
}).keyup();

А как сделать что бы динамически менялось значение?

Как из input val передать значение в span?

0xD34F, я тут немного поменял код дабы упростить конструкцию, получилось следующее

$(".price_0").keyup_min(function () {
var value = $(this).val();
$(".min_val").text(value);
}).keyup();

$("price_1").keyup_max(function () {
var value = $(this).val();
$(".max_val").text(value);
}).keyup();

Но, почему то выводится только значение price_0 и динамически не изменяется.
признаться я в тупике(

Как из input val передать значение в span?

Это синтаксис Modx тут согласен по поводу кода. Правильно ли я понял что должно получиться нечто такое ?

$("[id="mse2_ms|price_1"]").keyup(function () {
var value = $(this).val();
$(".max_val").text(value);
}).keyup();