Ответы, понравившиеся пользователю Genri_Rus

Как вывести дочерние комментарии?

Анастасия @haanastasia

$comment->get_children()

Ответ написан 23 апр.

Комментировать

Как правильно добавить в данном примере сайдбар и main по бэм?

came_up @came_up

Твой вариант с точки зрения семантики неверный. Ты в header вложил aside и main, а также page__wrapper. Тег header служит для отделения вводного содержимого страницы или блока, которое располагается вверху. footer, соответственно, для отделения того, что располагается внизу. А тег main отвечает за основной контент страницы. А page__wrapper вообще обертка страницы, она, по идее, должна быть выше всех. Однако в данном случае она тебе не нужна. То есть изначально правильнее будет написать так:

<header class="header">
    <!-- Шапка -->
</header>
<main class="main">
    <!-- Основной контент -->
</main>
<footer class="footer">
    <!-- Подвал -->
</footer>

Если сильно нужна обертка того же header, то пишешь вот так:

<header class="header">
   <div class="header__inner">
       
   </div>
</header>

Опираясь на свой опыт, мне больше нравится использовать вариант с __inner в данной ситуации, чем с __wrapper. Хотя иногда нужно выбирать другой вариант, потому что wrapper - внешняя обертка, а inner - внутренняя, зависит от задачи. В общем, такие контейнера обычно служат для выравнивания, то есть margin: 0 auto; то есть центрировать и далее задать ширину фиксированную. Кто-то и без margin работает, если ширина большая, достаточно задать padding. родительскому контейнеру, то есть самому header.

Продолжая отвечать на твой вопрос - далее берем aside, который обычно используется для боковой колонки. Никто не мешает назвать их фильтрами, это нормально, хотя кто-то спорит, что нужен div. Также, ты почему-то список фотографий сделал div. В общем, вот два возможных варианта, хотя их больше. На твоей схеме у тебя нет ни header, ни footer на странице. Поэтому предпочтительнее из первого варианта удалить их и его использовать.

<!-- Вариант 1 -->

<header class="header"></header>
<div class="gallery">
    <aside class="gallery__filters filters-gallery"></aside>
    <main class="gallery__results results-gallery">
        <ul class="results-gallery__list">
            <li class="results-gallery__item">
                <a class="results-gallery__link" href="#">

                </a>
            </li>
        </ul>
    </main>
</div>
<footer class="footer"></footer>

.gallery {
    display: grid;
    grid-template-columns: 290px 1fr;
    column-gap: 40px;
}

<!-- Вариант 2 -->

<div class="container">
    <header class="header"></header>
    <aside class="filters"></aside>
    <main class="results">
        <ul class="results__list">
            <li class="results__item picture">
                <a class="results__link" href="#">

                </a>
            </li>
        </ul>
    </main>
    <footer class="footer"></footer>
</div>

.container {
    display: grid;
    grid-template-areas:
    "header header"
    "aside main"
    "footer footer";
}

Ответ написан 29 дек. 2024

Комментировать

Почему перестал работать suggest then (ошибка Access-Control-Allow-Origin)?

korobprog @korobprog

нужно создать геосаджест API ключ в вашем кабинете разработчика яндекс.

Ответ написан 10 окт. 2024

Комментировать

Как сделать hover у вертикального градиента?

Саргис Алексанян @SargisAleksanyan2003

Не совсем понятный вопрос, но можно поменять направление градиентама в любую сторону
https://developer.mozilla.org/en-US/docs/Web/CSS/g...

.btn {
  background: linear-gradient(to bottom, #ff5722 0%, #f6d365 100%);
}

.btn:hover {
   background: linear-gradient(to top, #ff5722 0%, #f6d365 100%);
}

Ответ написан более года назад

3 комментария

Как изменить цвет у сложных спрайтовых иконок в отдельном файле?

Александр Васильев @amvasiljev

обычный currentColor в значении fill и color для svg в стилях
если несколько, то как-то так fill="var(--color-6)" и в стилях сответственно

svg{
       --color-6: white;
     
    }

Ответ написан более года назад

4 комментария

Как использовать события в данной библиотеке?

Загир Меджидов @Zagir-vip

Web dev, Game dev, app dev, Разработчик на Python!

Используйте официальную документацию и библиотеку.

Документация

Пример кода:

IMask(
  document.getElementById('phone-mask'),
  {
    mask: '+{7}(000) 000 00-00'
  }
)

Ответ написан более года назад

1 комментарий

Как в данном варианте получить четвертый параграф?

nokimaro @nokimaro

Меня невозможно остановить, если я смогу начать.

<?php
$html = <<<HTML
<p class="p-1">p1</p><p class="p-2">p2</p>
<div class="wrap"><p class="p-3">p3</p></div><p class="p-4">p4</p><p class="p-5">p5</p>
HTML;

preg_match_all('!<p[^>]{0,}>(.*?)</p>!si', $html, $out);

var_dump($out[0][3]);

если нужно внутреннее содержимое 4 параграфа то соотв-но достаём его из $out[1][3]

Ответ написан более года назад

1 комментарий

Как разрешить добавлять только дефисы или нижнее подчеркивание?

Чипекве @XanXanXan

const input = document.querySelector('.word');

const divider = '-';
const secondDivider = '_';

const dividerRules = [
    { pattern: `[a-z0-9_-]`, replacement: divider },
    { pattern: `[\\${divider}\\${secondDivider}]+`, replacement: (match) => match[0] },
    { pattern: `^[\\${divider}\\${secondDivider}]+|[\\${divider}\\${secondDivider}]+$`, replacement: '' },
]

const valueReplacer = (input, rules) => {
    rules.forEach(({ pattern, replacement }) => input.value = input.value.replace(new RegExp(pattern, 'gi'), replacement));
}

input.addEventListener('change', ({ target }) => {
    valueReplacer(target, dividerRules);
});

Ответ написан более двух лет назад

6 комментариев

Кто знает аналог Fancybox на чистом JS?

Александр Севиринов @sevirinov

Web Developer

Вот отличный вариант

Ответ написан более трёх лет назад

1 комментарий

Почему не находит часть строки с символами подчёркивания?

MikUrrey @MikUrrey

Почему не находит часть строки с символами подчёркивания?

Находит, strpos вернул позицию начала подстроки в строке - 0.
Если нужно проверить, то строгим равенством - не находя подстроку, strpos возвращает false.

<?php 
if ($pos !== false) { ... }

Как можно обрезать строку и получить brand_id?

Много способов, зависит от исходных условий. В вашем случае, возможно, такой подойдет:

<?php
$brand_id = preg_replace('/^_from_search_/',  '',  $str);

Ответ написан более двух лет назад

6 комментариев

Как правильно сделать выравнивание списка характеристик?

Ankhena @Ankhena Куратор тега CSS

Нежно люблю верстку

Если список характеристик верстать используя теги dl, dt и dd, то проблемы вообще не будет.

Ответ написан более двух лет назад

15 комментариев

Как проверить массив на уникальные значения?

Антон Шаманов @SilenceOfWinter Куратор тега PHP

та еще зажигалка...

используй id в качестве ключей: product_id + '_' + option_id, это значительно упростит поиск

Ответ написан более двух лет назад

Комментировать

Как проверить массив на уникальные значения?

HighTechLowLife @HighTechLowLife

Какой ещё хеш в соседних ответах, если уникальный ключ можно получить конкатенацией.

$productId = (int)$_POST['product_id'];
$optionIds = array_map('intval', $_POST['option_ids']);
sort($optionIds);
$productKey = $productId . ':' . implode(',', $optionIds);

if (!isset($_SESSION['cart'][$productKey])) {
    $_SESSION['cart'][$productKey] = [
        'product_id' => $productId,
        'options' => $optionIds,
        'count' => 1,
    ];
} else {
    $_SESSION['cart'][$productKey]['count']++;
}

Ответ написан более двух лет назад

8 комментариев

Как проверить массив на уникальные значения?

Дмитрий @iMedved2009

Не люблю людей

$product_id = $_POST['product_id'];
$product_options = $_POST['options'];
$product_key = md5($product_id.serialize($product_options));

$products[$product_key] = [..........];

Ответ написан более двух лет назад

2 комментария

Как проверить массив на уникальные значения?

iBird Rose @iiiBird

Пока ты спишь - твой конкурент совершенствуется

Как вариант можно при добавлении товара в корзину сделать поле, в которое будет писаться строка или хэш строки "Средняя 30 см, традиционное тесто + пикантная пепперони, острая чоризо, кубики брынзы".
А потом просто сравнивать эту строку. Если совпали - значит такой же товар добавляется.

Ответ написан более двух лет назад

1 комментарий

Как правильно сгруппировать чекбоксы с именами на чистом js?

Sergei Nazarenko @nazares

Software Engineer

document.querySelectorAll(".option__item input[type=checkbox]:checked, .option__item input[type=radio]:checked");

Ответ написан более двух лет назад

17 комментариев

Как заменить несколько слов в строке?

WbICHA @WblCHA

Данные ответы в комментах несовсем верные.
Во-первых, флаг i для нелатинских букв бесполезен. upd.: моя ошибка, в жсе i работает с нелатинскими символами.
Во-вторых, даже без учёта регистра, они не учитывают все варианты.

/(\s*)(?<![\w\dА-ЯЁа-яё\-])[Сс][Оо][Уу][Сс][\w\dА-ЯЁа-яё\-]*(\s*)/g

str.replace(
  /(\s*)(?<![\w\dа-яё\-])соус[\w\dа-яё\-]*(\s*)/ig,
  (_, leftSpaces, rightSpaces) => leftSpaces && rightSpaces ? ' ' : ''
)

Ответ написан более двух лет назад

7 комментариев

Как при адаптиве объединить разные меню в одно?

Алексей Илларионов @theillarionov

Люблю frontend (иногда это даже взаимно)

У вас есть 2 варианта: грязный (простой) и чистый (сложный). JS не понадобится ни в одном из них.

1. Грязный (простой).
Просто дублируйте HTML второго меню в основном (если у вас не статичный html, то ничего сложного), через css media query его прячете для пк, для мобилок показываете, дописываете стили, чтобы все хорошо смотрелось.

2. Чистый (сложный).
Пишете с нуля всю вёрстку меню (и, скорее всего, даже верхних дивов) с учётом того, что это должно потом схлапываться в одно меню для мобилок. В этом варианте от верстальщика потребуется глубокое знание flex-модели, все эти flex-direction, flex-grow и т.д. Но технически это можно сделать.

Ответ написан более трёх лет назад

16 комментариев