Надим

Чисто средствами браузера путь до файла не получить. Максимум, что возможно в этом плане это получить относительный путь файлов при выборе папки относительно этой самой выбранной папки. Например:

var input = document.createElement('input');
input.setAttribute('type', 'file');
input.setAttribute('webkitdirectory', 'true');

input.addEventListener('change', function() {
	
	console.dir(input.files);
	
	for (var n = 0; n < input.files.length; n++) {
		
		var path = input.files[n].webkitRelativePath;
		
		console.log(path);
		
	}
	
});

input.click();

P. S. Объясните мне, зачем вам путь до файла? Для получения файла путь не нужен! Что вы с ним планируете делать?

Синхронно это можно сделать так:

var text = 'Привет, мир!';

var u8a = new TextEncoder().encode(text);

var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';

var bytes = u8a, i, len = bytes.length, base64 = '';

for (i = 0; i < len; i += 3) {
	base64 += chars[bytes[i] >> 2];
	base64 += chars[((bytes[i] & 3) << 4) | (bytes[i + 1] >> 4)];
	base64 += chars[((bytes[i + 1] & 15) << 2) | (bytes[i + 2] >> 6)];
	base64 += chars[bytes[i + 2] & 63];
}

if (len % 3 === 2) {
	base64 = base64.substring(0, base64.length - 1) + '=';
}

else if (len % 3 === 1) {
	base64 = base64.substring(0, base64.length - 2) + '==';
}

console.log(base64);

Асинхронно через FileReader: https://learn.javascript.ru/file#filereader

P. S. Асинхронный способ:

var text = 'Привет, мир!';

var blob = new Blob([ text ]);

var reader = new FileReader();

reader.readAsDataURL(blob);

reader.onload = function() {
	
	var base64 = reader.result.split(',')[1];
	
	console.log(base64);
	
};

Общение обычно происходит через сервис воркер расширения. Из попап шлете сообщение в воркер, а дальше он пересылает в нужную вкладку. Хотя можно сообщение сразу с попапа в нужную вкладку запульнуть, в попап метод tabs доступен.

https://chrome-ext.blogspot.com/2014/02/blog-post_...

Примерно так:

const search_input = document.querySelector('#search-input');

search_input.addEventListener('input', function() {
    
    setTimeout(function() {
    
        document.querySelector('#тут_айди_формы').submit()

    }, 300); 
   
});

Используйте лучше reduce:

let arr = ['a', 'b', 'c', 'd', 'e'];
let obj = arr.reduce((a, v, i) => { a[i+1] = v; return a; }, {});

console.log(obj);

Почему его? Ну он сразу возвращает значение, это удобно.

Определить загружена ли страница из интернета или локального файла можно по протоколу в адресе:

window.location.protocol; // Покажет протокол по которому запрошена текущая страница

Обертка эта нужна, чтобы внутри этой обертки знак доллара всегда обрабатывался, как jQuery. Это анонимная функция в аргументы которой ты передаешь переменную window.jQuery и внутри функции локально присваиваешь это значение знаку доллара.

Неправильно парсишь, первым элементом передаешь селектор, а вторым html-код или документ, где надо найти.

Например:

$('#test', '<div class="b"><div id="test"></div></div>').length;

Но надо понимать, что jQuery не умеет искать на верхнем уровне. Например, так ты ничего не найдешь:

$('.b', '<div class="b"><div id="test"></div></div>').length;

Если нужен поиск по всему дереву, лучше использовать DOMParser для предварительного парсинга:

doc = new DOMParser().parseFromString('<div class="b"><div id="test"></div></div>', 'text/html');

$('.b', doc).length;

В твоем же случае можно поступить проще и просто обернуть ответ в еще один div:

$(document).on('click', 'a', function(){
    $.ajax({
        url: $(this).attr('href'),
        dataType: 'html',
        success: function(data) {
            console.log($(data)); //Тут выводиться ниже в скрине
            console.log($('<div>'+data+'</div>').find('#pagination')); // Должно найти
        }
    });
    return false;
});

P. S. Если ТОЧНО знаешь, что нужный элемент находится на верхнем уровне, то можно использовать фильтр:

$(document).on('click', 'a', function(){
    $.ajax({
        url: $(this).attr('href'),
        dataType: 'html',
        success: function(data) {
            console.log($(data)); //Тут выводиться ниже в скрине
            console.log($(data).filter('#pagination')); // Должно найти
        }
    });
    return false;
});

const hook = (method, data = {}) => {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve('test')
        }, 3000)
    })
}

const response = await hook('crm.lead.list', {});
console.log(response)

Примерно так:

var new_window = window.open(); // Открываем новое окно

new_window.document.write('html-код страницы'); // Записываем данные в новое окно
new_window.document.close(); // Закрываем операцию записи, делаем документ готовым

new_window.print(); // Вызываем печать на новом окне

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

После загрузки страницы и восстановления значений инпутов, вызови на этих инпутах событие change:
$('input[type="checkbox"]').trigger('change');
Тогда твои скрипты по идее страницу заново перерисуют, будто кто-то реально нажал инпут.