Ответы пользователя Роман Ямчук

Как написать скрипт, чтобы яндекс карта загружалась не сразу, а когда до неё доскролишь?

Роман Ямчук @tomgif

Веб-разработчик

1) Определяете доскролил ли пользователь до необходимого блока (например, при помощи waypoint.js)
2) Инициализируете карту

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

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

Как подцепить картинки из assets в v-for?

Роман Ямчук @tomgif

Веб-разработчик

data: () => ({
    array: [
      { ..., image: require('assets/my_image1.jpg') },
      { ..., image: require('assets/my_image2.jpg') },
      { ..., image: require('assets/my_image3.jpg') }
  })

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

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

Почему не фильтруется?

Роман Ямчук @tomgif

Веб-разработчик

Вы не указываете явный разделитель в функции split. Ваш массив получается из одного элемента

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

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

Почему меню раскрывается не на всю ширину?

Роман Ямчук @tomgif

Веб-разработчик

@media (max-width: 768px) and (min-width: 320px) {
	.main .nav-block .navbar {
	    display: inline-block;
	    /* position: absolute; */
	    /* right: 0; */
	    float: right; }

	.navbar-collapse {
		position: absolute;
		width: 100%;
		left: 0px;
		z-index: 10; }

	.main .nav-block .navbar .navbar-collapse .navbar-nav,
	.navbar {
		position: static; }
}

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

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

Как грамотно использовать rem в адаптивной вёрстке?

Роман Ямчук @tomgif

Веб-разработчик

*, *:before, *:after {
  box-sizing: inherit;
}

html {
  font-size: 62.5%; /* 10px */
}

body {
  font-size: 200%; /* 20px */
}

Итак, поехали: теперь у нас есть 2 типа относительных единиц REM (10px) и EM (20px). REM - будет фиксирован во всём документе. EM - можно переопределить для конкретного блока. После того как весь макет будет свёрстан при помощи относительных единиц - достаточно просто будет адаптировать его под другие разрешения:

@media all and (min-width: 1200px) {
  html {font-size: 39.0625%} /* 1200/1920 * 62.5 */
}

@media all and (min-width: 1440px) {
  html {font-size: 46.875%}
}

@media all and (min-width: 1600px) {
  html {font-size: 52.0833333333%}
}

@media all and (min-width: 1920px) {
  html {font-size: 62.5%}
}

Осталось только переопределить нужные блоки макета под разрешение

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

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

Как делается смена url при нажатии на кнопку?

Роман Ямчук @tomgif

Веб-разработчик

https://developer.mozilla.org/ru/docs/Web/API/Hist...

var state = { 'page_id': 1, 'user_id': 5 };
var title = 'Hello World';
var url = 'hello-world.html';

history.pushState(state, title, url);

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

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

Как исправить баг с position: fixed в Chrome на Android при скролле?

Роман Ямчук @tomgif

Веб-разработчик

Попробуйте использовать height: 100vh;

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

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

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

Роман Ямчук @tomgif

Веб-разработчик

$(function() {
  $('.first-ul ul li').each(function(index, element) {
    var text = $(element).text()
    $('.second-ul ul li').eq(index).find('span:first-child').append(text)
  })
})

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

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

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

Роман Ямчук @tomgif Автор вопроса

Веб-разработчик

Нашёл

getLocalPath('modules/actual/install/index.php');

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

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

Не срабатывает :after при :focus в input?

Роман Ямчук @tomgif

Веб-разработчик

after у input

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

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

Как лучше можно реализовать данный блок?

Роман Ямчук @tomgif

Веб-разработчик

Флексбокс! Стильно, модно, молодежно!

.page-content__head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

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

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

Как в php коде вставить html таблицу?

Роман Ямчук @tomgif

Веб-разработчик

Не понял что у вас за значения в квадратных скобках. Но решение примерно вот такое

<?
$sql = $db->query("SELECT * FROM `dle_viplats` order by id desc limit 10 ");           
while ($row = $db->get_row($sql)) {
?>
<tr>
   <td><?=$row["news-id"]?></td>
   <td><?=date("d-m-y", $row["tim"])?></td>
   <td><span class="short-title" style="font-size: 13px;"><a href="[xfvalue_ssylka-na-igru]"><?=$row["title"]?></a></span></td>
   <td><b style="color: #4c6f1b;">+[xfvalue_summa]</b></td>
</tr>
<?
}?>

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

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

Как добавить класс для маркера в google maps?

Роман Ямчук @tomgif

Веб-разработчик

Учитесь пользоваться поисковиками. Тык и Тык

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

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

Как сделать чтобы на странице некоторые элементы отображались на разном языке, в зависимости от get-запроса в адресной строке?

Роман Ямчук @tomgif

Веб-разработчик

Через хэш и псевдоэлемент :target

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

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

Почему не передается переменная (ajax)?

Роман Ямчук @tomgif

Веб-разработчик

$(this).data("id")

Внутри ajax-функции свой this. $(this).data("id") - пустой.

Перед запросом добавьте переменную

$(document).on('click', '#ajax-book', function(){

  var self = this;

     $.ajax({
        url: 'inc/ajax-book.php',
        method: 'GET',
        dataType : "json",
        data: {
            video_id:$(self).data("id")
        },
        success: function(data) {
            console.log(data);
            data: {video_id:$(self).data(id)}
        }
        });
    });

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

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

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

Роман Ямчук @tomgif

Веб-разработчик

Осталось только накидать стили

<ul class="menu">
  <li class="menu__item">
    <div class="menu__wrapper">
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
    </div>
  </li>
  <li class="menu__item">
    <div class="menu__wrapper">
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
    </div>
  </li>
  <li class="menu__item">
    <div class="menu__wrapper">
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
    </div>
  </li>
  <li class="menu__item">
    <div class="menu__wrapper">
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
    </div>
  </li>
  <li class="menu__item">
    <div class="menu__wrapper">
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
    </div>
  </li>
</ul>

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

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

Как составить запрос?

Роман Ямчук @tomgif

Веб-разработчик

SELECT *
FROM `Quests`
LEFT JOIN `QuestActive`
	ON `Quests`.`id` = `QuestActive`.`questid`
WHERE `QuestsActive`.`userid` = 1

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

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

Как убрать скругление?

Роман Ямчук @tomgif

Веб-разработчик

Эта задача решается на css

div {
  border-radius: 10px 0 10px 10px}

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

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

Alert(null+undefined) ошибка в коде?

Роман Ямчук @tomgif

Веб-разработчик

нет инициализации переменной

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

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

JavaScript: почему не срабатывает строчка?

Роман Ямчук @tomgif

Веб-разработчик

потому что iframe не знает высоту содержимого и не может растянуться автоматически по контенту

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

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

Войдите на сайт