Ответы пользователя по тегу JavaScript
  • Как убрать загрузку всей страницы после отправки формы?

    AlexeyGfi
    @AlexeyGfi
    YouTube >>> Битриксоид из Колхоза
    Вынесите обработчик в отдельный файл. Судя по всему, он вызывается «в окружении» остальной страницы
    Чтобы было например так:
    <?
    //Минимальный пролог — если нужно использоваться Битрикс-API
    require($_SERVER['DOCUMENT_ROOT'].'/bitrix/modules/main/include/prolog_before.php');
    
    //Ваш обработчик
    ***
    ?>


    Через аякс посылайте данные на него, в ответе принимайте текст или JSON.
    Ответ написан
    Комментировать
  • Как сделать так чтобы на onClick в input, selectionStart не сбивался, когда мышь выходит за границы поля ввода?

    AlexeyGfi
    @AlexeyGfi
    YouTube >>> Битриксоид из Колхоза
    >>> onClick не вызывает её, если курсор мыши выходит за пределы поля input
    ===
    Как можно кликнуть на поле курсором, который не над ним?
    Мне кажется, лучше использовать не onclick а onfocus/onblur
    Ответ написан
    Комментировать
  • Как сделать повторную проверку выбранного пользователя из группы?

    AlexeyGfi
    @AlexeyGfi
    YouTube >>> Битриксоид из Колхоза
    Похоже на гадание.
    Даже в предоставленном исходнике нет функции changeLinkedMeetings, в котором скорее всего производится переключение значений, но без перезагрузки страницы.
    Скорее всего, в этом и причина. При загрузке страницы производится проверка, а при переключении пользователя страница не перезагружается и соответственно не перепроверяется доступ.
    Ответ написан
  • Как поставить несколько Captcha на одной странице?

    AlexeyGfi
    @AlexeyGfi
    YouTube >>> Битриксоид из Колхоза
    Я знаю, что есть reCaptcha от гугл с отложеным рендером и возможностью рендерить несколько каптч на одну страницу, однако 2 и более сильно тормозят загрузку страницы.

    Пинайте их тогда, когда возникла в этом необходимость.
    У меня на лендинге 7 каптч, все они скрыты в разворачивающихся формах и не инициализируются, пока форма не будет раскрыта (или вообще не инициализируются, если дело до них не дошло).
    Ответ написан
  • Как закрепить вкладку мобильного браузера Chrome?

    AlexeyGfi
    @AlexeyGfi
    YouTube >>> Битриксоид из Колхоза
    >>> Видимо из-за скролла вверх-вниз. Вкладка то выезжает, то прячется. А речь скорее всего идёт по какой-то фиксд слой
    Антон Алексеевич: совершенно верно; может, Вы знаете, как можно это решить?

    Общие размышления такие:
    - вкладка выныривает и заныривает при скролле документа. Если документ без скролла, вкладка не реагирует.
    - предполагается, что Слой, который перекрывает собой контент, выходит на первый план внимания пользователя и то, что под ним (на время работы со Слоем), отходит на второй план, а если в это время должно что-то скроллиться, то лишь содержимое Слоя.

    Соответственно, нужно сделать так, чтобы при открытии Слоя содержимое документа... перестало иметь скролл (так вот косноязычно) — например переключалось на overflow: hidden, а Слой соответственно перехватывал скролл и не пропускал его дальше, если пользователь доскроллил и упёрся вниз/вверх содержимого.

    Может пригодиться применение preventDefault через js, а можно выкрутиться и без него.
    https://learn.javascript.ru/default-browser-action
    Ответ написан
  • Возможно ли наложение картинки (текстуры) на 3d модель через js или python?

    AlexeyGfi
    @AlexeyGfi
    YouTube >>> Битриксоид из Колхоза
    Ответ написан
    Комментировать
  • Как сделать выталкивающий сайдбар?

    AlexeyGfi
    @AlexeyGfi
    YouTube >>> Битриксоид из Колхоза
    Мне, к слову, пример не приглянулся. Нет плавности, прыгает.
    Лучше смещать и затемнять.
    Как тут: http://www.лесобаза.рф/
    Ответ написан
    2 комментария
  • Как показать/спрятать кнопку в зависимости от контента?

    AlexeyGfi
    @AlexeyGfi
    YouTube >>> Битриксоид из Колхоза
    Определить ширину родителя, посчитать сумму из ширины каждого ребёнка и сравнить
    Ответ написан
    Комментировать
  • Как изменить кнопки вызова форм в Битрикс, которые не получается изменить в визуальном редакторе?

    AlexeyGfi
    @AlexeyGfi
    YouTube >>> Битриксоид из Колхоза
    Нужно отредактировать текст в лингвистическом файле.
    Там же, где лежит файл шаблона (как правило template.php либо component_epilog.php) должна быть папка lang/
    Внутри, по папкам, языковые разделы: ru/, ua/, en/, tr/, ...
    В нужной папочке ищите файл с таким же названием, как и файл шаблона.
    Внутри — лингвистический массив вида:
    $MESS[ 'CALL_DESIGNER_UP' ]= "..."
    Там и меняете текст.

    [!] Шаблон может быть закеширован и вы не увидите текст. Сбросьте кеш шаблона либо откройте страницу с ключом clear_cache=Y
    Ответ написан
    3 комментария
  • Firebug на Firefox не выводит console.log()?

    AlexeyGfi
    @AlexeyGfi
    YouTube >>> Битриксоид из Колхоза
    Firebug ушёл. Теперь он встроен в отладчик FF.
    Переучивайтесь.
    Ответ написан
    4 комментария
  • Как сверстать такой эффект при наведении :hover?

    AlexeyGfi
    @AlexeyGfi
    YouTube >>> Битриксоид из Колхоза
    Внутри элемента ссылки :after с position:absolute; height: 0%; bottom: 0;
    Чтобы была плавность — transition
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;


    При наведении на ссылку
    a:hover :after { height: 100%; }
    Ответ написан
    Комментировать
  • Как заставить дёргаться div?

    AlexeyGfi
    @AlexeyGfi
    YouTube >>> Битриксоид из Колхоза
    Пример с рабочего проекта.

    @keyframes obj_noising {
      0% { transform: rotate(2deg) translate( -3px, 0 ); }
      3% { transform: rotate(1deg) translate( 0, 0 );}
      6% { transform: rotate(-1deg) translate( -3px, 0 ); }
      9% { transform: rotate(-2deg) translate( 3px, 0 ); }
      12% { transform: rotate(0deg) translate( -3px, 0 ); }
      15% { transform: rotate(1deg) translate( 0, 0 ); }
      18% { transform: rotate(-1deg) translate( -5px, 0 ); }
      21% { transform: rotate(0deg) translate( 0, 0 ); }
      24% { transform: rotate(2deg) translate( -1px, 0 ); }
      27% { transform: rotate(-1deg) translate( 3px, 0 ); }
      30% { transform: rotate(0deg) translate( 0, 0 ); }
      
      64% { transform: rotate(2deg) translate( -1px, 0 ); }
      67% { transform: rotate(-1deg) translate( 3px, 0 ); }
      70% { transform: rotate(0deg) translate( 0, 0 ); }
    }
    
    @-webkit-keyframes obj_noising {
      0% { -webkit-transform: rotate(2deg) translate( -3px, 0 ); }
      3% { -webkit-transform: rotate(1deg) translate( 0, 0 );}
      6% { -webkit-transform: rotate(-1deg) translate( -3px, 0 ); }
      9% { -webkit-transform: rotate(-2deg) translate( 3px, 0 ); }
      12% { -webkit-transform: rotate(0deg) translate( -3px, 0 ); }
      15% { -webkit-transform: rotate(1deg) translate( 0, 0 ); }
      18% { -webkit-transform: rotate(-1deg) translate( -5px, 0 ); }
      21% { -webkit-transform: rotate(0deg) translate( 0, 0 ); }
      24% { -webkit-transform: rotate(2deg) translate( -1px, 0 ); }
      27% { -webkit-transform: rotate(-1deg) translate( 3px, 0 ); }
      30% { -webkit-transform: rotate(0deg) translate( 0, 0 ); }
      
      64% { -webkit-transform: rotate(2deg) translate( -1px, 0 ); }
      67% { -webkit-transform: rotate(-1deg) translate( 3px, 0 ); }
      70% { -webkit-transform: rotate(0deg) translate( 0, 0 ); }
    }
    @-moz-keyframes obj_noising {
      0% { -moz-transform: rotate(2deg) translate( -3px, 0 ); }
      3% { -moz-transform: rotate(1deg) translate( 0, 0 );}
      6% { -moz-transform: rotate(-1deg) translate( -3px, 0 ); }
      9% { -moz-transform: rotate(-2deg) translate( 3px, 0 ); }
      12% { -moz-transform: rotate(0deg) translate( -3px, 0 ); }
      15% { -moz-transform: rotate(1deg) translate( 0, 0 ); }
      18% { -moz-transform: rotate(-1deg) translate( -5px, 0 ); }
      21% { -moz-transform: rotate(0deg) translate( 0, 0 ); }
      24% { -moz-transform: rotate(2deg) translate( -1px, 0 ); }
      27% { -moz-transform: rotate(-1deg) translate( 3px, 0 ); }
      30% { -moz-transform: rotate(0deg) translate( 0, 0 ); }
      
      64% { -moz-transform: rotate(2deg) translate( -1px, 0 ); }
      67% { -moz-transform: rotate(-1deg) translate( 3px, 0 ); }
      70% { -moz-transform: rotate(0deg) translate( 0, 0 ); }
    }
    @-o-keyframes obj_noising {
      0% { -o-transform: rotate(2deg) translate( -3px, 0 ); }
      3% { -o-transform: rotate(1deg) translate( 0, 0 );}
      6% { -o-transform: rotate(-1deg) translate( -3px, 0 ); }
      9% { -o-transform: rotate(-2deg) translate( 3px, 0 ); }
      12% { -o-transform: rotate(0deg) translate( -3px, 0 ); }
      15% { -o-transform: rotate(1deg) translate( 0, 0 ); }
      18% { -o-transform: rotate(-1deg) translate( -5px, 0 ); }
      21% { -o-transform: rotate(0deg) translate( 0, 0 ); }
      24% { -o-transform: rotate(2deg) translate( -1px, 0 ); }
      27% { -o-transform: rotate(-1deg) translate( 3px, 0 ); }
      30% { -o-transform: rotate(0deg) translate( 0, 0 ); }
      
      64% { -o-transform: rotate(2deg) translate( -1px, 0 ); }
      67% { -o-transform: rotate(-1deg) translate( 3px, 0 ); }
      70% { -o-transform: rotate(0deg) translate( 0, 0 ); }
    }
    
    
    .f_noising {  
    	-webkit-animation:	obj_noising 1.0s infinite; /* Safari 4+ */
    	-moz-animation:	obj_noising 1.0s infinite; /* Fx 5+ */
    	-o-animation:	obj_noising 1.0s infinite; /* Opera 12+ */
    	animation:	obj_noising 1.0s infinite; /* IE 10+, Fx 29+ */
    	display: inline-block;
    }
    Ответ написан
    Комментировать