mirror of
https://github.com/internetarchive/brozzler.git
synced 2025-07-27 00:35:38 -04:00
rm simpleclicks.js.j2 mouseovers.js.j2
This commit is contained in:
Barbara Miller
parent
770ea6de1e
commit
9001156b54
2 changed files with 0 additions and 275 deletions
|
|
@ -1,133 +0,0 @@
|
||||||
/*
|
|
||||||
* brozzler/behaviors.d/mouseovers.js.in - mouseovers behavior template,
|
|
||||||
* mouseovers on elements matching templatized css selector
|
|
||||||
*
|
|
||||||
* Copyright (C) 2014-2016 Internet Archive
|
|
||||||
*
|
|
||||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
||||||
* you may not use this file except in compliance with the License.
|
|
||||||
* You may obtain a copy of the License at
|
|
||||||
*
|
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
*
|
|
||||||
* Unless required by applicable law or agreed to in writing, software
|
|
||||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
||||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
||||||
* See the License for the specific language governing permissions and
|
|
||||||
* limitations under the License.
|
|
||||||
*/
|
|
||||||
|
|
||||||
var umbraBehavior = {
|
|
||||||
IDLE_TIMEOUT_SEC : 10,
|
|
||||||
idleSince : null,
|
|
||||||
alreadyMouseovered : {},
|
|
||||||
|
|
||||||
intervalFunc : function() {
|
|
||||||
var mouseoveredSomething = false;
|
|
||||||
var somethingLeftBelow = false;
|
|
||||||
var somethingLeftAbove = false;
|
|
||||||
var cssSelector = {{mouseover_css_selector|json}};
|
|
||||||
var mouseoverUntilTimeout = {{mouseover_until_hard_timeout|json}};
|
|
||||||
|
|
||||||
var iframes = document.querySelectorAll("iframe");
|
|
||||||
var documents = Array(iframes.length + 1);
|
|
||||||
documents[0] = document;
|
|
||||||
|
|
||||||
for (var i = 0; i < iframes.length; i++) {
|
|
||||||
documents[i+1] = iframes[i].contentWindow.document;
|
|
||||||
}
|
|
||||||
|
|
||||||
for (var j = 0; j < documents.length; j++) {
|
|
||||||
|
|
||||||
var mouseoverTargets = documents[j].querySelectorAll(cssSelector);
|
|
||||||
|
|
||||||
for ( var i = 0; i < mouseoverTargets.length; i++) {
|
|
||||||
if (mouseoverTargets[i].umbraMouseovered && !mouseoverUntilTimeout) {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
|
|
||||||
var where = this.aboveBelowOrOnScreen(mouseoverTargets[i]);
|
|
||||||
|
|
||||||
if (where == 0) {
|
|
||||||
console.log("mouseovering on " + mouseoverTargets[i].outerHTML);
|
|
||||||
// do mouse over event on mouseover target
|
|
||||||
// since some urls are requsted only on
|
|
||||||
// this event - see
|
|
||||||
// https://webarchive.jira.com/browse/AITFIVE-451
|
|
||||||
var mouseOverEvent = document.createEvent('Events');
|
|
||||||
mouseOverEvent.initEvent("mouseover",true, false);
|
|
||||||
mouseoverTargets[i].dispatchEvent(mouseOverEvent);
|
|
||||||
mouseoveredSomething = true;
|
|
||||||
this.idleSince = null;
|
|
||||||
mouseoverTargets[i].umbraMouseovered = true;
|
|
||||||
|
|
||||||
break; //break from mouseoverTargets loop, but not from iframe loop
|
|
||||||
} else if (where > 0) {
|
|
||||||
somethingLeftBelow = true;
|
|
||||||
} else if (where < 0) {
|
|
||||||
somethingLeftAbove = true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!mouseoveredSomething) {
|
|
||||||
if (somethingLeftAbove) {
|
|
||||||
// console.log("scrolling UP because everything on this screen has been mouseovered but we missed something above");
|
|
||||||
window.scrollBy(0, -500);
|
|
||||||
this.idleSince = null;
|
|
||||||
} else if (somethingLeftBelow) {
|
|
||||||
// console.log("scrolling because everything on this screen has been mouseovered but there's more below document.body.clientHeight="
|
|
||||||
// + document.body.clientHeight);
|
|
||||||
window.scrollBy(0, 200);
|
|
||||||
this.idleSince = null;
|
|
||||||
} else if (window.scrollY + window.innerHeight < document.documentElement.scrollHeight) {
|
|
||||||
// console.log("scrolling because we're not to the bottom yet document.body.clientHeight="
|
|
||||||
// + document.body.clientHeight);
|
|
||||||
window.scrollBy(0, 200);
|
|
||||||
this.idleSince = null;
|
|
||||||
} else if (this.idleSince == null) {
|
|
||||||
this.idleSince = Date.now();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!this.idleSince) {
|
|
||||||
this.idleSince = Date.now();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
start : function() {
|
|
||||||
var that = this;
|
|
||||||
this.intervalId = setInterval(function() {
|
|
||||||
that.intervalFunc()
|
|
||||||
}, 250);
|
|
||||||
},
|
|
||||||
|
|
||||||
isFinished : function() {
|
|
||||||
if (this.idleSince != null) {
|
|
||||||
var idleTimeMs = Date.now() - this.idleSince;
|
|
||||||
if (idleTimeMs / 1000 > this.IDLE_TIMEOUT_SEC) {
|
|
||||||
clearInterval(this.intervalId);
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
|
|
||||||
aboveBelowOrOnScreen : function(e) {
|
|
||||||
var eTop = e.getBoundingClientRect().top;
|
|
||||||
if (eTop < window.scrollY) {
|
|
||||||
return -1; // above
|
|
||||||
} else if (eTop > window.scrollY + window.innerHeight) {
|
|
||||||
return 1; // below
|
|
||||||
} else {
|
|
||||||
return 0; // on screen
|
|
||||||
}
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
// Called from outside of this script.
|
|
||||||
var umbraBehaviorFinished = function() {
|
|
||||||
return umbraBehavior.isFinished()
|
|
||||||
};
|
|
||||||
|
|
||||||
umbraBehavior.start();
|
|
||||||
|
|
@ -1,142 +0,0 @@
|
||||||
/*
|
|
||||||
* brozzler/behaviors.d/simpleclicks.js.in - simpleclicks behavior template,
|
|
||||||
* clicks on elements matching templatized css selector
|
|
||||||
*
|
|
||||||
* Copyright (C) 2014-2016 Internet Archive
|
|
||||||
*
|
|
||||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
||||||
* you may not use this file except in compliance with the License.
|
|
||||||
* You may obtain a copy of the License at
|
|
||||||
*
|
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
*
|
|
||||||
* Unless required by applicable law or agreed to in writing, software
|
|
||||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
||||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
||||||
* See the License for the specific language governing permissions and
|
|
||||||
* limitations under the License.
|
|
||||||
*/
|
|
||||||
|
|
||||||
var umbraBehavior = {
|
|
||||||
IDLE_TIMEOUT_SEC : 10,
|
|
||||||
idleSince : null,
|
|
||||||
alreadyClicked : {},
|
|
||||||
|
|
||||||
// https://github.com/jquery/jquery/blob/master/src/css/hiddenVisibleSelectors.js
|
|
||||||
// n.b. returns true for elements with visibility:hidden, which occupy
|
|
||||||
// screen real estate but are not visible, or clickable with the ui
|
|
||||||
isVisible : function(elem) {
|
|
||||||
return !!(elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length);
|
|
||||||
},
|
|
||||||
|
|
||||||
intervalFunc : function() {
|
|
||||||
var clickedSomething = false;
|
|
||||||
var somethingLeftBelow = false;
|
|
||||||
var somethingLeftAbove = false;
|
|
||||||
var cssSelector = {{click_css_selector|json}};
|
|
||||||
var clickUntilTimeout = {{click_until_hard_timeout|json}};
|
|
||||||
|
|
||||||
var iframes = document.querySelectorAll("iframe");
|
|
||||||
var documents = Array(iframes.length + 1);
|
|
||||||
documents[0] = document;
|
|
||||||
|
|
||||||
for (var i = 0; i < iframes.length; i++) {
|
|
||||||
documents[i+1] = iframes[i].contentWindow.document;
|
|
||||||
}
|
|
||||||
|
|
||||||
for (var j = 0; j < documents.length; j++) {
|
|
||||||
var clickTargets = documents[j].querySelectorAll(cssSelector);
|
|
||||||
for ( var i = 0; i < clickTargets.length; i++) {
|
|
||||||
if (!this.isVisible(clickTargets[i])) {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
if (clickTargets[i].umbraClicked && !clickUntilTimeout) {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
|
|
||||||
var where = this.aboveBelowOrOnScreen(clickTargets[i]);
|
|
||||||
|
|
||||||
if (where == 0) {
|
|
||||||
console.log("clicking on " + clickTargets[i].outerHTML);
|
|
||||||
// do mouse over event on click target
|
|
||||||
// since some urls are requsted only on
|
|
||||||
// this event - see
|
|
||||||
// https://webarchive.jira.com/browse/AITFIVE-451
|
|
||||||
var mouseOverEvent = document.createEvent('Events');
|
|
||||||
mouseOverEvent.initEvent("mouseover",true, false);
|
|
||||||
clickTargets[i].dispatchEvent(mouseOverEvent);
|
|
||||||
clickTargets[i].click();
|
|
||||||
clickedSomething = true;
|
|
||||||
this.idleSince = null;
|
|
||||||
clickTargets[i].umbraClicked = true;
|
|
||||||
|
|
||||||
break; //break from clickTargets loop, but not from iframe loop
|
|
||||||
} else if (where > 0) {
|
|
||||||
somethingLeftBelow = true;
|
|
||||||
} else if (where < 0) {
|
|
||||||
somethingLeftAbove = true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!clickedSomething) {
|
|
||||||
if (somethingLeftAbove) {
|
|
||||||
// console.log("scrolling UP because everything on this screen has been clicked but we missed something above");
|
|
||||||
window.scrollBy(0, -500);
|
|
||||||
this.idleSince = null;
|
|
||||||
} else if (somethingLeftBelow) {
|
|
||||||
// console.log("scrolling because everything on this screen has been clicked but there's more below document.body.clientHeight="
|
|
||||||
// + document.body.clientHeight);
|
|
||||||
window.scrollBy(0, 200);
|
|
||||||
this.idleSince = null;
|
|
||||||
} else if (window.scrollY + window.innerHeight < document.documentElement.scrollHeight) {
|
|
||||||
// console.log("scrolling because we're not to the bottom yet document.body.clientHeight="
|
|
||||||
// + document.body.clientHeight);
|
|
||||||
window.scrollBy(0, 200);
|
|
||||||
this.idleSince = null;
|
|
||||||
} else if (this.idleSince == null) {
|
|
||||||
this.idleSince = Date.now();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!this.idleSince) {
|
|
||||||
this.idleSince = Date.now();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
start : function() {
|
|
||||||
var that = this;
|
|
||||||
this.intervalId = setInterval(function() {
|
|
||||||
that.intervalFunc()
|
|
||||||
}, 250);
|
|
||||||
},
|
|
||||||
|
|
||||||
isFinished : function() {
|
|
||||||
if (this.idleSince != null) {
|
|
||||||
var idleTimeMs = Date.now() - this.idleSince;
|
|
||||||
if (idleTimeMs / 1000 > this.IDLE_TIMEOUT_SEC) {
|
|
||||||
clearInterval(this.intervalId);
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
|
|
||||||
aboveBelowOrOnScreen : function(e) {
|
|
||||||
var eTop = e.getBoundingClientRect().top;
|
|
||||||
if (eTop < window.scrollY) {
|
|
||||||
return -1; // above
|
|
||||||
} else if (eTop > window.scrollY + window.innerHeight) {
|
|
||||||
return 1; // below
|
|
||||||
} else {
|
|
||||||
return 0; // on screen
|
|
||||||
}
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
// Called from outside of this script.
|
|
||||||
var umbraBehaviorFinished = function() {
|
|
||||||
return umbraBehavior.isFinished()
|
|
||||||
};
|
|
||||||
|
|
||||||
umbraBehavior.start();
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue