Задать вопрос
rc-dm

Nikita Komissarov

Full-Stack Web Developer
Ответы пользователя по тегу HTML

  • Как изменить значение в html селекторе с помощью php?

    rc-dm
    @rc-dm
    Full-Stack Web Developer
    Можно использовать HTML парсер на PHP (Документация)

    <?php

// Создаём DOM из строки
$html = str_get_html('
  <div id="hello">Hello</div>
  <div id="world">World</div>
');

// Ищем элемент 'div' с 'id="hello"' и меняем его содержимое на 'foo'
$html->find('div[id=hello]', 0)->innertext = 'foo';

// Ищем второй элемент 'div' по порядку и добавляем ему класс 'bar'
$html->find('div', 1)->class = 'bar';

echo $html; 
// Результат:
// <div id="hello">foo</div>
// <div id="world" class="bar">World</div>

?>
    Ответ написан
    Комментировать
    Комментировать

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

    rc-dm
    @rc-dm
    Full-Stack Web Developer
    Решение

    Исходный HTML
    <h2>Greetings</h2>
<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>

    Вставляем элемент "h2" внутрь элемента с классом "container"
    ("prepend" - в начало / "append" - в конец)
    $('.container').append($('h2'));

    Результат
    <div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
  <h2>Greetings</h2>
</div>


    Ты можешь не только использовать это на существующем элементе, но и создать новый налету
    $('.container').prepend('<h1>Hello World!</h1>');

    <h2>Greetings</h2>
<div class="container">
  <h1>Hello World!</h1>
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>


    Если я правильно понял, ты хочешь сделать "липкую" панель навигации и у неё есть дополнительные блоки, которые также должны сохранять относительную позицию при прокрутке страницы.

    В вёрстке нет класса "header__menu"
    Можешь прислать скриншот как это выглядит?
    Возможно тебе просто нужно создать родительский блок для всех них и уже к нему применять стиль fixed
    Ответ написан
    3 комментария
    3 комментария