refpopup.js
99 lines
| 2.8 KiB
| application/javascript
|
JavascriptLexer
|
r352 | function $X(path, root) { | ||
return document.evaluate(path, root || document, null, 6, null); | ||||
} | ||||
function $x(path, root) { | ||||
return document.evaluate(path, root || document, null, 8, null).singleNodeValue; | ||||
} | ||||
function $del(el) { | ||||
if(el) el.parentNode.removeChild(el); | ||||
} | ||||
function $each(list, fn) { | ||||
if(!list) return; | ||||
var i = list.snapshotLength; | ||||
if(i > 0) while(i--) fn(list.snapshotItem(i), i); | ||||
} | ||||
function addRefLinkPreview(node) { | ||||
$each($X('.//a[starts-with(text(),">>")]', node || document), function(link) { | ||||
link.addEventListener('mouseover', showPostPreview, false); | ||||
link.addEventListener('mouseout', delPostPreview, false); | ||||
}); | ||||
} | ||||
function showPostPreview(e) { | ||||
var doc = document; | ||||
//ref id | ||||
var pNum = $(this).text().match(/\d+/); | ||||
|
r376 | if (pNum == null || pNum.length == 0) { | ||
|
r361 | return; | ||
|
r355 | } | ||
|
r352 | //position | ||
//var x = e.clientX + (doc.documentElement.scrollLeft || doc.body.scrollLeft) - doc.documentElement.clientLeft + 1; | ||||
//var y = e.clientY + (doc.documentElement.scrollTop || doc.body.scrollTop) - doc.documentElement.clientTop; | ||||
var x = e.clientX + (doc.documentElement.scrollLeft || doc.body.scrollLeft) + 2; | ||||
var y = e.clientY + (doc.documentElement.scrollTop || doc.body.scrollTop); | ||||
var cln = doc.createElement('div'); | ||||
cln.id = 'pstprev_' + pNum; | ||||
|
r359 | cln.className = 'post_preview'; | ||
|
r352 | |||
cln.style.cssText = 'top:' + y + 'px;' + (x < doc.body.clientWidth/2 ? 'left:' + x + 'px' : 'right:' + parseInt(doc.body.clientWidth - x + 1) + 'px'); | ||||
cln.addEventListener('mouseout', delPostPreview, false); | ||||
var mkPreview = function(cln, html) { | ||||
cln.innerHTML = html; | ||||
addRefLinkPreview(cln); | ||||
}; | ||||
|
r368 | cln.innerHTML = "<div class=\"post\">" + gettext('Loading...') + "</div>"; | ||
|
r352 | |||
if($('div[id='+pNum+']').length > 0) { | ||||
|
r359 | var postdata = $('div[id='+pNum+']').wrap("<div/>").parent().html(); | ||
|
r352 | |||
mkPreview(cln, postdata); | ||||
|
r421 | } else { | ||
|
r354 | $.ajax({ | ||
|
r368 | url: '/api/post/' + pNum + '/?truncated' | ||
|
r361 | }) | ||
.success(function(data) { | ||||
var postdata = $(data).wrap("<div/>").parent().html(); | ||||
|
r354 | |||
|
r361 | //make preview | ||
mkPreview(cln, postdata); | ||||
|
r354 | |||
|
r361 | }) | ||
.error(function() { | ||||
|
r368 | cln.innerHTML = "<div class=\"post\">" | ||
+ gettext('Post not found') + "</div>"; | ||||
|
r361 | }); | ||
|
r354 | } | ||
|
r352 | |||
$del(doc.getElementById(cln.id)); | ||||
|
r354 | //add preview | ||
|
r422 | $(cln).fadeIn(200); | ||
|
r354 | $('body').append(cln); | ||
|
r352 | } | ||
function delPostPreview(e) { | ||||
var el = $x('ancestor-or-self::*[starts-with(@id,"pstprev")]', e.relatedTarget); | ||||
if(!el) $each($X('.//div[starts-with(@id,"pstprev")]'), function(clone) { | ||||
$del(clone) | ||||
}); | ||||
else while(el.nextSibling) $del(el.nextSibling); | ||||
} | ||||
function addPreview() { | ||||
$('.post').find('a').each(function() { | ||||
showPostPreview($(this)); | ||||
}); | ||||
} | ||||