Задать вопрос
inomdzhon92

svarnoi420

html, css, js, nodejs
Ответы пользователя по тегу JavaScript

  • Не слишком ли жесткий костыль, как правильней записать такой jqyery код?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs
    Я бы написал так:
    Пусть у внешней и внутренней кнопки будет один класс - js-mobile-nav-toggle. Состояния будет одно active, т.е. по умолчанию оно будет как бы не активным (not_active удаляем).
    .mobile-navigation {
  position: fixed;
  left: -100%;
  top: 0;
  width: 380px;
  height: 100%;
  background-color: grey;
}

    $('.js-mobile-nav-toggle').on('click', function (evt)  {
  var $mobNav = $('.mobile-navigation');
  var $this = this; // сохраняем текущий контекст. this == js-mobile-nav-toggle, т.е. тому, на что повещено событие
  if ( $mobNav.hasClass('active') ) {
    $movNav.animate({ "left":  0 } , 1500 , function () {
       $mobNav.removeClass('active');
       $($this).removeClass("active");
    });
  } else {
    $movNav.animate({ "left" : "-100%" } , 1500 , function () {
       $mobNav.addClass('active');
       $($this).addClass("active");
    });
  }
});
    Ответ написан
    8 комментариев
    8 комментариев

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

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs
    Звучит тривиально как то
    1. "обновляет страницу, если видит нужный текст"
    if ( (/someword/g).test(document.body.textContent) ) {
  window.location.reload();
}

    2. "звонит по телефону или отправляет смс" - так же можно найти телефон. Можно засунуть его в тег <a> c href="tel:8999999999" и вызвать клик на него или какую-нибудь либу найти
    Ответ написан
    3 комментария
    3 комментария

  • Как удалить символы в url?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs 
    var url = 'example.com/view/7';
// Регулярным выражением к примеру
// Вместо match, можно replace использовать переделав слегка регулярку
url = url.match(/^example\.com\/view/)[0];
    Ответ написан
    Комментировать
    Комментировать

  • Вывод содержимого в div по клику с параметрами, как правильно?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs 
    function wsp_js(){  
    document.getElementByClass('iframe').innerHTML = '<iframe src=" + url + "></iframe>';
}

    Во-первых, как и написал GreatRash, метод называется document.getElementsByClassName и он возвращает коллекцию, а т.е. правильнее будет document.getElementsByClassName('iframe')[0].innerHTML. А лучше в обще использовать document.querySelector - она возвращает сразу элемент.

    Во-вторых, '<iframe src=" + url + "></iframe>' - эта строка в дальнейшем через eval выполняется? Не понятно как url передается.
    Ответ написан
    Комментировать
    Комментировать

  • Почему шрифты на мобильных устройствах больше?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs
    У вас head присутствует мета тег с вьюпортом?
    <meta name="viewport" content="width=device-width, initial-scale=1">

    Если нет, тогда понятно почему не срабатывает.
    Браузер телефона по умолчанию старается придать странице первозданный вид, как-будто смотрим страницу на декстопе и ставит width=980px, к примеру. Это называется Область просмотра, размер браузера другими словами. Посему медиа запрос срабатывает для данной ширины.
    Есть еще Площадь изображения, это фактический размер экрана устройства. Обозначается как device-width.

    Метатег, написанный выше, говорит браузеру, чтобы при прорисовке учитывалась площадь изображения (device-width).
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать анимированный фон?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs
    Да, сие клевая штука. По поводу реализации, первое что в голову приходит - canvas.
    Знаю примерчик один: www.smultron.pl/en
    Реагирует на mouseenter.
    Ответ написан
    3 комментария
    3 комментария

  • Как создать массив из 10000 случайных элементов и отсортировать его?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs
    Учитывая то, что Вы написали, что не компетентны в программировании, нет толка писать про это, но опечатки такие:
    • sortBubble : function( input array ) { ... } - пропущено нижнее подчеркивание в аргументе.
    • input_array[j] = input_array[j+1]); - в конце, между квадратной скобкой и точкой запятой, ненужная скобка.
    • ... } ... return( input_array ); } - в конце после фигурной скобки должна быть запятая.

    Советую найти человека, который Вам лично с глазу на глаз объяснит код и поможет со случайным заполнением массива.
    И изучайте программирование :) чисто для себя, к примеру.
    Ответ написан
    Комментировать
    Комментировать