given a selector waits for elements to be inserted into the DOM and executes a callback for each match
Verzia zo dňa
Tento skript by nemal byť nainštalovaný priamo. Je to knižnica pre ďalšie skripty, ktorú by mali používať cez meta príkaz // @require https://update.greasyfork.org/scripts/5679/28657/Wait%20For%20Elements.js
/**
* @param sel - the selector you want to wait for
* @param action - the callback that will be executed when element/s matching the given selector are found, it is passed the array of found elements
* @param stopLooking - if true the function will stop looking for more elements after the first match
*/
function waitForElems(sel, action, stopLooking) {
var id = 'fke' + Math.floor(Math.random() * 12345);
function findElem(sel) {
var found = [].filter.call(document.querySelectorAll(sel), function(elem) {
return elem.dataset[id] !== 'y';
});
if(found.length > 0) {
if(stopLooking) {
clearInterval(tick);
}
found.forEach(function(elem) {
elem.dataset[id] = 'y';
action(elem);
});
}
}
var tick = setInterval(findElem.bind(null, sel), 300);
findElem(sel);
return tick;
}
/**
* @param regex - should match the site you're waiting for
* @param action - the callback that will be executed when a matching url is visited
* @param stopLooking - if true the function will stop waiting for another url match after the first match
*/
function waitForUrl(regex, action, stopLooking) {
function checkUrl(urlTest) {
var url = window.location.href;
if(url !== lastUrl && urlTest(url)) {
if(stopLooking) {
clearInterval(tick);
}
lastUrl = url;
action();
}
lastUrl = url;
}
var urlTest = (typeof regex === 'function' ? regex : regex.test.bind(regex)),
tick = setInterval(checkUrl.bind(null, urlTest), 300),
lastUrl;
checkUrl(urlTest);
return tick;
}