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(); 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"); 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"); var wrapper = document.createElement("div");
elem.parentNode.insertBefore(wrapper, elem); elem.parentNode.insertBefore(wrapper, elem);
var el = elem.cloneNode(true); var el = elem.cloneNode(true);
elem.remove(); elem.remove();
elem = el; var parts = el.href.split("#");
var h = elem.href.split("#")[1];
wrapper.appendChild(el); wrapper.appendChild(el);
var id = "hover_"+h;
var id = "hover_"+parts[1]+"_"+parent;
elem.onpointerenter = function() { console.log(id);
showhover(wrapper, elem.href, id); el.onpointerenter = function() {
showhover(wrapper, el.href, id);
}; };
elem.onpointerleave = function() el.onpointerleave = function()
{ {
hidehover(wrapper, id); hidehover(wrapper, id);
}; };
} }
for (var idx = 0 ; idx < elems.length ; idx++) inj(elems[idx]);
}); });
// rewrite all images to add inline expand // rewrite all images to add inline expand