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

    Aligatro
    @Aligatro
    Turn food and coffee into software...
    Без подключения флеш, такое реализуется либо при помощи ajax'a либо же при помощи верстки (скрываем блоки до клика по иконке, после клика показываем всплывающее окно с необходимой информацией). Все зависит от того, статический ли контент внутри. Если да - ваш выбор ajax. Если нет, можно не мучатся и сверстать на html/css.
    Ответ написан
    Комментировать
  • Криво отображаются плагины в popap?

    Aligatro
    @Aligatro
    Turn food and coffee into software...
    Я не тестировал код, но существует достаточно распространенная ошибка. Если скрипт слайдера который находится в поп-апе перед инициализацией высчитывает ширину - высоту объекта, а она задается только после инициализации поп-апа, скрипт просто не получает релевантных данных, из-за чего и случается поехавшая верстка.

    Попробуйте функцию просчета высоты/длины окна слайдера в js обернуть в settimeout, хотя-бы на 50 мс.
    Ответ написан
    Комментировать
  • Как сверстать такое?

    Aligatro
    @Aligatro
    Turn food and coffee into software...
    Эмм, наклон красных линий можно сделать через transform (skew), меню - обычный ul или nav, а левая часть табы привязанные к пунктам меню. Ну это судя из вашего описания. А так желательно все же посмотреть на сам сайт с которого сделан скриншот.
    Ответ написан
    Комментировать
  • Где найти инфу о том как сделать такой же парралакс эффект?

    Aligatro
    @Aligatro Автор вопроса
    Turn food and coffee into software...
    Нашел в точности что хотел, stellar.js =)
    Ответ написан
    Комментировать
  • Как спрятать кнопку плагина "pozvonim"?

    Aligatro
    @Aligatro
    Turn food and coffee into software...
    Я бы советовал делать не через js с добавление бутстрап класса, а просто через media queries как советовали выше.

    @media (max-width : 768px) {
    .pozvonim-button-wrapper { display: none !important; }
    }
    Ответ написан
    Комментировать
  • Лицензия на использование Material Design Lite?

    Aligatro
    @Aligatro
    Turn food and coffee into software...
    Текст лицензии
    Если мне не изменят память, то Apache лицензия позволяет делать с кодом все что вам заблагорассудится включая правки кода и использование для коммерческих нужд.
    Ответ написан
    Комментировать
  • Простой loader in out. Как?

    Aligatro
    @Aligatro
    Turn food and coffee into software...
    Если вам необходимо проигрывать лоадер пока не погрузиться весь body, то вот тут есть отличное решение в пару строк js. Если вам необходим более продвинутый функционал, можете попробовать modernizr, ЕМНИП в нем можно повесить событие до полной загрузки страницы. А если ожидание полной загрузки вам не ни к чему можете просто поставить проигрывание анимации в течении какого-то времени (3-5сек) при помощи чистого css.
    Ответ написан
  • Show/hide option на bootstrap-select(selectpicker)?

    Aligatro
    @Aligatro Автор вопроса
    Turn food and coffee into software...
    Всем спасибо, ответ был получен на stackoverflow. Вот рабочий код - jsfiddle.net/arunpjohny/dz11y4q4
    Ответ написан
    Комментировать
  • Реализация dropdown списка на select item'е?

    Aligatro
    @Aligatro Автор вопроса
    Turn food and coffee into software...
    Спасибо всем за помощь. Сергей, очень интересный вариант с ползунком, но к сожалению с реализацией мне будет очень тяжело справляться, так как на данном этапе я с js/JQuery не в братский отношениях а скорее в дружески-шапочных =)

    Radial, когда линейка товаров пополнится, я обязательно буду реализовывать корзину товаров и сопутствующий ей функционал, разумеется что мудрить с костылями которые я делаю сейчас, вечно нельзя =)

    Только-что набросал небольшой скриптик (не особо функциональный, надо разобраться в некоторых моментах) который на данном этапе решает описанную мною проблему. Если кому-то интересно - jsfiddle.net/k0r974b7 .

    Еще раз всем спасибо =)
    Ответ написан
    Комментировать
  • Что изучать дальше JavaScript?

    Aligatro
    @Aligatro
    Turn food and coffee into software...
    Если вы хорошо владеете js+jquery и разбираетесь в HTML/CSS3, прямо сейчас можете смело приступать к верстке сайтов. Из популярных фреймворков для frontend'a достаточно будет бустрапа (можно и без него, это не критично) и jquery. В дальнейшем с опытом вы сможете точно определиться с тем во что стоит углубиться или где стоит расширить свой профиль.
    Ответ написан
    1 комментарий
  • Как правильно переписать скрипт что-бы устранить лаги?

    Aligatro
    @Aligatro Автор вопроса
    Turn food and coffee into software...
    Спасибо за помощь. В итоге проблема скрывалась в немного кривой реализации затемняющего layout'a который был положен на фон fixed картинки. Переписал этот участок и лаги прекратились.

    FPS к сожалению по прежнему иногда проседает до 30, но это уже не так критично. Все же проигрывание scale анимации жрет чертовски много ресурсов -)) Верните престо! =)

    Еще раз огромное спасибо -)
    Ответ написан
    Комментировать
  • Как исправить такую ситуацию с версткой?

    Aligatro
    @Aligatro
    Turn food and coffee into software...
    Поставить z-index больше чем у остальных элементов.
    Ответ написан
  • Как исправить отображение кнопки "Like" в виджете?

    Aligatro
    @Aligatro
    Turn food and coffee into software...
    Вам следует убрать все стили с .pluginButton:hover (та маленькая область которая задействована при hover эффекте) и с #FBplusBadge .page-button iframe:hover убрать background image, что бы не было разницы в цвете между заливками да и вообще, что бы ховер эффект никак не отображался. А если вы все же хотите полноценный hover, тогда вам надо в тех классах которые я перечислил выбрать одинаковый background.
    Ответ написан
    Комментировать
  • Какие плагины используются на этом сайте?

    Aligatro
    @Aligatro
    Turn food and coffee into software...
    @bootd Судя по всему вы имели ввиду меня - "И вообще мне не понравился ваш ответ на комментарий eandr_67".
    Я с вами полностью согласен, никто тут никому не обязан. Но позвольте, зачем загрязнять ответы этой ветки высказываниями на подобие первого комментария. Я искренне верю, что человек написавший этот коммент имеет высокий уровень квалификации и может закрытыми глазами, на слух, детектировать тип js скриптов подгружаемых на сайте. Но к сожалению не все такие спецы как он. И такое хамское обращение и последующее замечание никак в решении вопроса не помогает, а оставляет лишь неприятное впечатление о комментаторе (в моем случае так точно).

    К тому же, покрутите ленту вопросов, достаточно много проблем можно решить просто нормально сформулировав поисковой запрос или перевести оный на английский язык. Но отвечая, на казалось бы примитивные вещи, я все же не позволяю себе подобных выпадов в адрес автора. Мы ведь находимся не на конференции, а на QA сервисе, который как раз для этого и предназначен.

    // Прошу простить за флейм //
    Ответ написан
    2 комментария
  • Почему не масштабируется текст при уменьшении окна браузера?

    Aligatro
    @Aligatro
    Turn food and coffee into software...
    Вряд ли средствами css можно динамически увеличивать или уменьшать размер текста. Позиционирование в процентах относительно окна браузера - да, размер шрифта - нет. Для такого финта потребуется js или css media query.
    Ответ написан
  • Как через NodeJS определить, что подключен flash drive?

    Aligatro
    @Aligatro
    Turn food and coffee into software...
    При беглом просмотре англогугл выдал 2 стоящие внимания темы.

    В первой говорится о невозможности такого финта в случае если javascript работает внутри браузера - линк.
    Во второй кидают ссылки на гитхаб с готовым решением - линк.

    Поисковой запрос - "detect flash drive node js"
    Ответ написан
    Комментировать
  • Как встроить код HTML и JS в страницу Wordpress?

    Aligatro
    @Aligatro
    Turn food and coffee into software...
    Вот тут отлично описан процесс.
    Ответ написан
    6 комментариев
  • Не могу понять, где ошибка в коде (php wordpress)?

    Aligatro
    @Aligatro Автор вопроса
    Turn food and coffee into software...
    Спасибо всем, дело оказалось вовсе в другом. Необходимо было сделать прерывание отправки данных, что бы собрать их с помощью ajax. Вот финальный, рабочий код.

    jQuery(document).ready(function($) {
        // Perform AJAX login on form submit
        $('form#loginform').on('submit', function(e){
    // Stop the form from submitting so we can use ajax.
    e.preventDefault();
            $.ajax({
                type: 'POST',
                dataType: 'json',
                url: '/wp-admin/admin-ajax.php',
                data: { 
                    'action': 'ajaxlogin', //calls wp_ajax_nopriv_ajaxlogin
                    'username': $('form#loginform #user_login').val(), 
                    'password': $('form#loginform #user_pass').val()},
                success: function(data){
                    if (data.loggedin === true){
                       parent.location.reload(true);
                    } else {
    				alert ('nope')
    				}
                }
            });
    		
        });
    });


    add_action( 'wp_ajax_ajaxlogin', 'ajax_login' );
    add_action( 'wp_ajax_nopriv_ajaxlogin', 'ajax_login' );
    function ajax_login(){
    
    
    
        // Nonce is checked, get the POST data and sign user on
        $info = array();
        $info['user_login'] = $_POST['username'];
        $info['user_password'] = $_POST['password'];
        $info['remember'] = true;
    
        $user_signon = wp_signon( $info, false );
        if ( is_wp_error($user_signon) ){
            echo json_encode(array('loggedin' => false,));
        } else {
            echo json_encode(array('loggedin' => true,));
        }
    		
        die();
    }
    Ответ написан
    Комментировать
  • Как не загружать что-то в DOM на мобильных девайсах

    Aligatro
    @Aligatro
    Turn food and coffee into software...
    Не знаю как на мобильных платформах, но в десктопном браузере элемент все равно подгружается, отображаясь в dom древе. Мне кажется для таких манипуляций придется использовать либо js который будет высчитывать разрешения экрана и в зависимости оного создавать или не создавать блок с рекламой, либо средствами сервера определять тип устройства пользователя и предлагать либо не предлагать рекламу.
    Ответ написан
    2 комментария
  • Адаптация страниц сайта для мобильного с разрешением меньшим, чем NхN. С чего начать?

    Aligatro
    @Aligatro
    Turn food and coffee into software...
    Как то я не до конца понял вопрос. Вас интересует как определить разрешение экрана пользователя или как решить конкретные задачи в коде? Если первое, то самый легкий путь это использовать css media quaries, можно извратится с js кодом, ну и конечно же сделать отдельную страничку для мобильных устройств.
    Ответ написан
    Комментировать