Сергей delphinpro

У любого уважающего себя слайдера есть событие смены слайда, и в нем обычно можно получить индекс активного слайда. Будем плясать от этого.
Точки не обязательно смещать. Нужно просто разместить их по центру и прятать лишние. Таким образом активная точка всегда будет видна, и даже по центру (если не вначале/конце списка).

Вот, я накидал пример, как оно может быть реализовано.
Я не стал реальный слайдер вставлять, просто показал принцип. Функция update() – это как раз обработчик события смены слайда. Переменная visible - то, сколько точек вы хотите сделать видимыми.

https://qna.habr.com/q/458498

В нем заголовок, содержимое новой страницы, код ответа ОК 200.

Должно быть не содержимое, а json.
Вы кроме success() добавьте метод error() в обработчик, и выводите его сообщения ошибок тоже.
То есть вы указали что в ответ должен прийти json dataType: "json",, а приходит обычный html-текст. Jquery спотыкается при попытке распарсить ответ как json и кидает ошибку. Метод success при этом не вызывается.

Правильные варианты записи:

$service1->where('car_id', '=', $req->car_id);
$service1->where('car_id', $req->car_id);
$service1->whereCarId($req->car_id);

В лоб

if (preg_match('%(?:youtube(?:-nocookie)?\.com/(?:[^/]+/.+/|(?:v|e(?:mbed)?)/|.*[?&]v=)|youtu\.be/)([^"&?/ ]{11})%i', $input, $match)) { 
    return $match[1]; 
} else {
  return str_replace('https://www.youtube.com/shorts/', '', $input);
}

да и регулярка нафиг нужна?
распарсить ссылку функцией parse_url и достать параметр "v" из querystring намного проще и понятнее.

А смысл? Условие (max-width: 640px) and (min-width: 641px) никогда не выполнится.
Экран не может быть одновременно меньше 640 и больше 641

Значения hidden и visible не совместимы по разным осям. Если по одной оси задан hidden, то по другой возможен только hidden или scroll. Иначе говоря, visible можно задать только для обеих осей одновременно.

В целом ваш вариант выглядит правильным, и проблема не в форме, скорее всего.

Кстати, так немного компактнее:

<form method="POST" if="myform">@csrf</form>
@foreach($posts as $post)
    <button type="submit"
        form="myform"
        fromaction="{{ route('admin.post.delete', ['post' => $post->_id]) }}"
    >Удалить</button>
@endforeach

window.settings1 = {}

let varName = 'settings1';
console.log(
  window[varName]
);

"Не все так просто". Как пафосно.

А на деле всего лишь реализовать изъезженную штуку. Click outside называется. Закрытие селекта при клике вне его.
Гуглить по фразе javascript click outside, ответов - тысячи.

UPD

<form action= …>
    <input name="fileskin" type="file" onchange="this.form.submit()">
</form>

<div class="grid">
    <img class="grid-item" src="">
    <img class="grid-item" src="">
    <img class="grid-item" src="">
    <img class="grid-item" src="">
    <img class="grid-item" src="">
</div>

.grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 2px;
}
.grid-item:nth-child(1),
.grid-item:nth-child(2) { grid-column: span 3; }
.grid-item:nth-child(3),
.grid-item:nth-child(4),
.grid-item:nth-child(5) { grid-column: span 2; }

Абсолютное позиционирование "вырывает" элемент из текущего потока и он не влияет на своих родителей в плане занимаемого места.