Местоположение
Россия

Достижения

Все достижения (4)

Наибольший вклад в теги

Все теги (22)

Лучшие ответы пользователя

Все ответы (130)
  • Как перезагрузить страницу при выборе select?

    @lolzqq
    HTML,CSS,JS,PHP
    Вне зависимости от того, какую опцию внутри select выберет пользователь - страница перезагрузится после того, как пользователь поменяет опцию с исходной на другую.
    <!doctype html>
    <html lang="ru">
    <head>
      <meta charset="utf-8" />
      <title></title>
    </head>
    <body>
    	<select id="select">
    		<option value='1'>1</option>
    		<option value='2'>2</option>
    	</select>
    <script>
    let el=document.querySelector('#select');
    el.addEventListener('change', function(){
    		document.location.reload();
    	}
    });
    </script>
    </body>
    </html>
    Ответ написан
    Комментировать
  • Как оформить таблицу, которая читает данные из mysql?

    @lolzqq
    HTML,CSS,JS,PHP
    Попробуйте переписать это для bootstrap
    https://getbootstrap.com/docs/5.0/getting-started/...

    Это вам так понимаю не нужно:
    <table border = '1' width ='80%' align = 'center'> <caption>Products Database</caption>
        <tr>
          <th>Номер</th>
          <th>Название оффера</th>
          <th>Гео</th>
           <th>Описание</th>
          <th>Соц сеть</th>
          <th>Креотив</th>
          
        </tr>

    А вот это вывод информации из БД на страницу
    while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
          echo '<div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">';
          echo '<div>' . $row['product_id'] . '</div>';
          echo '<div>' . $row['product_name'] . '</div>';
          echo '<div>' . $row['price'] . '</div>';
           echo '<div>' . $row['opis'] . '</div>';
            echo '<div>' . $row['socs'] . '</div>';
          echo '<div>' .
          '<img src = "data:image/png;base64,' . base64_encode($row['product_image']) . '" width = "250px" height = "250px"/>'
          . '</div>';
          echo '</div>';
      }


    На больших экранах будет отображаться в 4 колонки, на экранах поменьше в 3, на планшетах в 2, на мобильных в 1.
    Ответ написан
  • Как обернуть мой код в класс?

    @lolzqq
    HTML,CSS,JS,PHP
    Это называется создать объект JavaScript.
    window.my_custom_object={
        init:function(){ 
             // ваши инструкции
             alert('Скрипт работает!') // для теста можете оставить
        },
        another_function:function(){
            // ещё один метод объекта с вашими инструкциями
            alert('Второй скрипт тоже работает!'); // для теста можете оставить
        },
        parameter_1: "abc",
        parameter_2: 1
    }
    // вызываем метод init, прописанный в объекте
    my_custom_object.init();
    // вызываем метод another_function, прописанный в объекте
    my_custom_object.another_function();
    // вызываем параметр parameter_1, хранимый в объекте
    alert(my_custom_object.parameter_1) // покажет вам текст "abc"
    // вызываем параметр parameter_2, хранимый в объекте
    alert(my_custom_object.parameter_2) // покажет вам текст "1"

    Правда от этого этот код из глобальной области никуда не денется.
    Ответ написан
  • Как сверстать такой блок?

    @lolzqq
    HTML,CSS,JS,PHP
    1.Это делается через SVG разметку. (Статья на Хабре)
    А пример - карта аэропорта Шереметьево https://www.svo.aero/ru/map
    2. Можно сделать CSS-псевдоэлементами ::before ::after (с border-top/border-left и указанием ширины/высоты) - тогда будут жёстко привязаны к порождающему их объекту. Блоки с цифрами тоже через CSS-свойство content:"ваш текст";
    Ответ написан
    2 комментария
  • Как сделать так чтобы при клике не на текущий элемент его класс удалялся?

    @lolzqq
    HTML,CSS,JS,PHP
    Ищем класс .element (если он у нас один такой уникальный):
    let element=document.querySelector('.element');
    if(element!=null){ // если нашёлся, то будет не null
       element.classList.remove('element'); // удаляем класс из списка классов элемента
    }
    Ответ написан
    Комментировать