archive/nntpchan
Archived
1
0
Fork 0
Code

fix hover

Browse Source
This commit is contained in:
Jeff 2018-05-16 19:50:02 -04:00
parent 9ebc76e4e8
commit 5ea16f369a
1 changed files with 36 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
contrib/static/overchan.js
View File

@ -219,53 +219,55 @@ onready(function() {
ajax.send();
};
var showhover = function(parent, url, id)
{
fetchpost(url, function(post) {
var wrapper = document.createElement("div");
var e = document.createElement("div");
e.innerHTML = post.PostMarkup || "post not found"
wrapper.setAttribute('id', id);
wrapper.setAttribute("class", "hover");
wrapper.appendChild(e);
var cl = document.createElement("div");
cl.innerHTML = "[X]";
cl.onclick = function() {
wrapper.remove();
};
wrapper.appendChild(cl);
parent.appendChild(wrapper);
});
};
var hidehover = function(parent, id)
{
var hover = document.getElementById(id);
if(hover) hover.remove();
};
var elems = document.getElementsByClassName("backlink");
for(var idx = 0; idx < elems.length; idx ++)
var inj = function(elem)
{
var elem = elems[idx];
var showhover = function(parent, url, id)
{
fetchpost(url, function(post) {
var wrapper = document.createElement("div");
var e = document.createElement("div");
e.innerHTML = post.PostMarkup || "post not found"
wrapper.setAttribute('id', id);
wrapper.setAttribute("class", "hover");
wrapper.appendChild(e);
var cl = document.createElement("div");
cl.innerHTML = "[X]";
cl.onclick = function() {
wrapper.remove();
};
wrapper.appendChild(cl);
parent.appendChild(wrapper);
});
};
var hidehover = function(parent, id)
{
var hover = document.getElementById(id);
if(hover) hover.remove();
};
var parent = elem.parentNode.parentNode.id;
var wrapper = document.createElement("div");
elem.parentNode.insertBefore(wrapper, elem);
var el = elem.cloneNode(true);
elem.remove();
elem = el;
var h = elem.href.split("#")[1];
var parts = el.href.split("#");
wrapper.appendChild(el);
var id = "hover_"+h;
elem.onpointerenter = function() {
showhover(wrapper, elem.href, id);
var id = "hover_"+parts[1]+"_"+parent;
console.log(id);
el.onpointerenter = function() {
showhover(wrapper, el.href, id);
};
elem.onpointerleave = function()
el.onpointerleave = function()
{
hidehover(wrapper, id);
};
}
for (var idx = 0 ; idx < elems.length ; idx++) inj(elems[idx]);
});
// rewrite all images to add inline expand