• Где используется селектор "тильда" и:one-child?

    shqn
    @shqn
    Часто бывает, что ТЗ проекта требует поддержки IE8, а значит :only-child (видимо, он имеется в виду) отпадает. Остается только знать, что он есть, вздыхать и использовать только то, что поддерживается.

    Тильду за 3 года практики использовал всего раз, но тут же пожалел, потому что в тогдашней Опере она отрабатывала очень медленно и пришлось убрать.

    А вообще, как и в любом языке, чем больше ты знаешь всяких штук, тем изящнее решение можешь предложить. А в случае CSS ещё не стоит забывать про скорость работы различных селекторов.
    Ответ написан
    7 комментариев
  • Блок div двигается за скролом?

    shqn
    @shqn
    Один из вариантов — ставить блоку меню position: fixed
    Ответ написан
    Комментировать
  • Сhrome Extension как вставить текст?

    shqn
    @shqn
    Я так понимаю, контекстное меню будет вызываться только на этой самой textarea. Тогда можно написать что-то вроде этого, запоминая элемент, на котором произошел правый клик.

    1. content.js

    var AppContent = {
        init: function() {
            document.body.addEventListener("contextmenu", function(event) {
                chrome.runtime.sendMessage({action: "rememberTarget", data: event.target});
            });
        }
    };
    AppContent.init();


    2. background.js

    var AppBackground = {
        target: null,
        init: function() {
            chrome.runtime.onMessage.addListener(function(request) {
                if(request.action === "rememberTarget")
                    this.target = request.data;
            }.bind(this));
            
            chrome.contextMenus.create({
                'contexts': ['editable'],
                'onclick': function() {
                    if(this.target)
                        this.target.value = "some text";
                }.bind(this)
            });
        }
    }
    AppBackground.init();
    Ответ написан
    Комментировать