Константин Громов

Эта задача требует работы с бинарными данными, которые ajax-обёртка jquery из коробки не поддерживает. Потому проще использовать нативный интерфейс:

function fetchBlob(url, callbacks) {
    var xhr = new XMLHttpRequest();

    xhr.open('GET', url, true);
    xhr.responseType = 'blob';

    if (callbacks) {
        for (var key in callbacks) {
            if (key.indexOf('on') === 0) {
                xhr[key] = callbacks[key];
            }
        }
    }

    xhr.send();
}

fetchBlob('/path/to/image.jpg', {
    onprogress: function (event) {
        console.log(Math.round(event.loaded / event.total * 100) + '%');
    },
    onload: function () {
        $('.container').html('<img src="' + URL.createObjectURL(this.response) + '">');
    }
});

Чтобы работал ваш вариант с base64, нужно отдавать изображение с сервера именно в этом формате.

В коде плагина где-то используется event.stopPropagation, потому ваш обработчик и игнорируется. Вы можете передать в addEventListener третьим аргументом true. Тогда он выполниться раньше события плагина. Но ваш код всё-равно будет работать неверно потому, что он скрывает меню при клике куда угодно, даже на само меню. И вам надо обработать эту ситуацию (здесь немного про другое, но код применим для этой задачи).

https://jsfiddle.net/LcerLj86 Решение в лоб под ваш запрос. Но я бы поискал вариант попрактичней, а для этого нужно знать как эта структура применяется.

Уныло:

function createChess(x, y) {
	for (var i = 0; i < y; i++) {
		var string = '', a, b;

		if (i % 2) {
			a = '#';
			b = ' ';
		} else {
			a = ' ';
			b = '#';
		}

		for (var j = 0; j < x; j++) {
			if (j % 2) {
				string += a;
			} else {
				string += b;
			}
		}

		console.log(string);
	}
}

По хардкору:

function createChess(x, y) {
	for (var i = 0; i < y; i++) console.log((i % 2 ? ' #' : '# ').repeat(Math.floor(x / 2) + 1).slice(0, x % 2 - 2));
}

$('textarea').on('keydown', function (event) {
	if (event.which === 13 && event.ctrlKey) {
		event.preventDefault();

		// здесь код отправки
	}
});

На длину строки сильно влияет CSS, потому, чтобы рассчитать её виртуально, нужно как минимум знать окружение в которое она вставится. И даже если знать всё-равно это сложно и глупо. Мне видится самым простым обернуть строку в элемент с white-space: nowrap и в момент рендера брать ширину этого элемента через offsetWidth и ставить её окну.

В таких случаях используют String.prototype.replace, передавая функцию вторым аргументом:

var insertValues = function (string, values) {
    var counter = 0;

    return string.replace(/\[name(\$|\d+)\]/g, function (match, index) {
        if (index === '$') {
            return values[counter++];
        }

        return values[index - 1];
    });
}

var string = 'text text [name$] [name$] text text [name8] text [name$] text text text text',
    values = ['VALUE_1', 'VALUE_2', 'VALUE_3', 'VALUE_4', 'VALUE_5', 'VALUE_6', 'VALUE_7', 'VALUE_8', 'VALUE_9', 'VALUE_10'];

console.log(insertValues(string, values));

Ещё хочу заметить, что если вы используете получившуюся строку в $('body').html(result); это подразумевает полное пересоздание практически всех элементов на странице, а не просто замену текста внутри них. Это может вызвать ощутимые проблемы.

В общих чертах:

$('.slider').on('slideChange', function (slideIndex) {
	$('.video').each(function (videoIndex) {
		var player = $(this).data('player');

		if (slideIndex === videoIndex) {
			player.playVideo();
		} else {
			player.pauseVideo();
		}
	});
});

if (document.activeElement === document.body || document.activeElement === null) {
  // фокус не установлен
}

В данном случае траектория определяется значениями, на которые равномерно увеличиваются elem.style.top и elem.style.left каждые, допустим, 50мс. Первый необходимый вам шаг - прибавить к линейному изменению left параллельное изменение top, и генерировать значения, на которые они должны увеличиваться, случайно. Вот пример: https://jsfiddle.net/1r6s7gq2. Потом прописать функцию генерации траектории во все нужные места. И тут важным является то, что у разных границ экрана некоторые траектории должны отсекаться. Например, при столкновении с нижней границей, элемент не должен иметь возможность установить траекторию, которая поведёт его дальше вниз. Технически для этого придётся проверять с какой именно границей произошло столкновение, и на основе этой информации в Vx и Vy записывать соответствующие промежутки (пример: после столкновения с нижней границей Vx может быть только getRandomBetween(-5, 0), после столкновения с верхней - только getRandomBetween(0, 5)). Ещё не помешает учесть, что если ставить промежутки с участием нуля, Vx и Vy могут одновременно оказаться со скоростью меньше 0.01 и тому подобное, что будет очень медленно.