☰

Answer to...

Shows the comment for which this comment is an answer

  1. // Answer to... 
  2. // by Yuriy Babak aka Inversion (http://inversion.habrahabr.ru/), mailto: yura.des@gmail.com
  3.  
  4. // ==UserScript==
  5. // @name			Answer to...
  6. // @version        	1.3.5
  7. // @namespace		Habrahabr
  8. // @description		Shows the comment for which this comment is an answer
  9. // @include			http://habrahabr.ru/*
  10. // ==/UserScript==
  11.  
  12. /*
  13.  
  14. 	v1.3.5 (10.03.13)
  15. 	- fixed: broken commentd body finder
  16.  
  17. 	v1.3.4 (09.12.12)
  18. 	- оптимизирован враппер
  19.  
  20. 	v1.3.3 (12.04.12)
  21. 	v1.3.2 (01.04.12)
  22. 	- исправлена совместимость с Opera
  23. 	
  24. 	v1.3.1 (08.02.12)
  25. 	- исправлено некорректное отображение в связи с изменением верстки на сайте
  26. 	- добавлена более выразительная тень
  27. 	- комментарий в попапе теперь показывается как можно более полно, использую доступное пространство
  28. 	- новый режим подсветки: если комментарий не вышел за пределы экрана, то он подсвечивается прямо на странице
  29. 	
  30. 	v1.2.2 (26.11.11)
  31. 	- поддержка старой верстки
  32. 	
  33. 	v1.2.1 (07.11.11)
  34. 	- теперь работает и когда не авторизирован
  35. 	
  36. 	v1.2 (06.11.11)
  37. 	- просто возобновление работы после изменений на сайте
  38. 	- улучшена адаптация ширины комментариев
  39. 	
  40. 	v1.1 (07.11.09)
  41. 	- Теперь работает и для комментариев, которые динамически появляются при клике на кнопке, что справа
  42. 	- Исправлено перекрывание окошка панелькой, что внизу топика
  43.  
  44. 	v1.0 (27.10.09)
  45. 	- public release
  46. 	
  47. */
  48.  
  49.  
  50.  
  51. 	
  52. /*	
  53. класс стрелочки вверх — up-to-parent
  54. href — #comment_1706843
  55.  
  56. ID ответа — comment_1706843
  57. 	класс заголовка — div info
  58. 	класс тела — div message
  59. */
  60.  
  61. "use strict";
  62.  
  63. !function(win) {
  64.  
  65. if (window != window.top) return
  66. var doc = win.document
  67.  
  68. win.addEventListener("load", function() {
  69. 	if (doc.getElementById('comments')) {
  70. 	
  71. 		var msgStyle = "\
  72. 			background-color:white;\
  73. 			padding:3px 2px 0 5px;\
  74. 			position:absolute;\
  75. 			z-index:1;\
  76. 			overflow-y:auto;\
  77. 			-webkit-box-shadow:  0px 3px 12px 3px rgba(0, 0, 0, 0.3);\
  78. 			-moz-box-shadow: 0px 3px 12px 3px rgba(0, 0, 0, 0.3);\
  79. 			box-shadow: 0px 3px 12px 3px rgba(0, 0, 0, 0.3);"
  80. 		
  81. 		// поддержка старой верстки
  82. 		if (doc.getElementById('main-page')) {
  83. 			win.msgContainer_cont = doc.createElement("ul")
  84. 			win.msgContainer_cont.className = "hentry"
  85. 			win.msgContainer_cont.innerHTML = '<li class="comment_holder vote_holder" style="'+msgStyle+'"></li>'
  86. 			win.msgContainer_cont.style.cssText = "position:fixed;top:0px;left:0px;width:64.8%;display:none;z-index:99;margin:0 !important;padding:0 !important;overflow:visible;text-align:left;"
  87. 			doc.body.appendChild(win.msgContainer_cont)
  88. 			win.msgContainer = win.msgContainer_cont.firstChild
  89. 			win.comments = doc.getElementById("comments")
  90. 		 	
  91.  			// прописываем ховер стрелочкам всех комментов
  92. 			var arrsUp = win.comments.getElementsByTagName('li')
  93. 			for (var i=0, l=arrsUp.length; i<l; i++) {
  94. 				var el = arrsUp[i]
  95. 				if (el.className == 'up-to-parent') {
  96. 					el.firstChild.addEventListener("mouseover", function(){
  97. 						showTargetComment(this.getAttribute('href'), this)
  98. 					}, false)
  99. 					el.firstChild.addEventListener("mouseout", hideTargetComment, false)
  100. 				}
  101. 			}
  102. 		}
  103. 		else {
  104. 			// готовим контейнер для просмотра
  105. 			win.msgContainer_cont = doc.createElement("div")
  106. 			win.msgContainer_cont.className = "comments_list comments_list_answerTo"
  107. 			win.msgContainer_cont.innerHTML = '<div class="comment_item" style="'+msgStyle+'"></div>'
  108. 			win.msgContainer_cont.style.cssText = "position:fixed;top:0px;left:0px;display:none;z-index:99;margin:0 !important;padding:0 !important;overflow:visible;text-align:left;"
  109. 			doc.body.appendChild(win.msgContainer_cont)
  110. 			win.msgContainer = win.msgContainer_cont.firstChild
  111. 	 	
  112. 	 		// прописываем ховер стрелочкам всех комментов
  113. 			var arr = doc.links
  114. 			for (i=0,l=doc.links.length; i<l; i++) {
  115. 				var link = doc.links[i]
  116. 				if (link.className == 'to_parent') {
  117. 					activateArrow(link)
  118. 				}
  119. 			}
  120. 			
  121. 			// таймер для активации новых комментариев
  122. 			setInterval(function() {
  123. 				var $ = win.jQuery
  124. 				if ($) {
  125. 					var newComments = $('.comment .is_new .to_parent')
  126. 					for (var i=0, li=newComments.length; i<li; i++) {
  127. 						var link = newComments[i]
  128. 						if (link.getAttribute('oninit') != 'activaded') {
  129. 							activateArrow(link)
  130. 							link.setAttribute('oninit', 'activaded')
  131. 						}
  132. 					}
  133. 				}
  134. 			}, 2000)
  135. 			
  136. 		}
  137. 		
  138. 		
  139. 		// на клик — прячем коммент
  140. 		win.addEventListener("mousedown", hideTargetComment, false)
  141. 		
  142. 	}
  143. 	
  144. }, false);
  145.  
  146. function activateArrow(arrEl) {
  147. 	arrEl.addEventListener("mouseover", function(){
  148. 		showTargetComment(this.getAttribute('href'), arrEl)
  149. 	}, false)
  150. 	arrEl.addEventListener("mouseout", hideTargetComment, false)
  151. }
  152.  
  153. function showTargetComment(href, arrEl) {
  154. 	// ищем объект по id
  155. 	var id = href.replace(/^.*?#/, '')
  156. 	var target = doc.getElementById(id)
  157. 	
  158. 	// чистим контейнер
  159. 	while (win.msgContainer.childNodes.length) {win.msgContainer.removeChild(win.msgContainer.childNodes[0])}
  160. 	
  161. 	
  162. 	// поддержка старой верстки
  163. 	if (doc.getElementById('main-page')) {
  164. 		// заполняем контейнер новым комментом
  165. 		for (var i=0, l=target.childNodes.length; i<l; i++) {
  166. 			var tmp = target.childNodes[i]
  167. 			if (/msg-meta|entry-content/.test(tmp.className)) {
  168. 				win.msgContainer.appendChild(tmp.cloneNode(true))	
  169. 			}
  170. 			// выходим из цикла
  171. 			if (tmp.className == "entry-content") break
  172. 		}
  173. 	}
  174. 	else {
  175. 		// заполняем контейнер новым комментом
  176. 		var comment_body = null
  177. 		for (var i=0, l=target.childNodes.length; i<l; i++) {
  178. 			var tmp = target.childNodes[i]
  179. 			if (/comment_body/.test(tmp.className)) {
  180. 				comment_body = tmp
  181. 				break
  182. 			}
  183. 		}
  184. 		if (comment_body) {
  185. 			for (var i=0, l=comment_body.childNodes.length; i<l; i++) {
  186. 				var tmp = comment_body.childNodes[i]
  187. 				if (/info|message/.test(tmp.className)) {
  188. 					win.msgContainer.appendChild(tmp.cloneNode(true))
  189. 				}
  190. 				// выходим из цикла
  191. 				if (tmp.className == "message") break
  192. 			}
  193. 		}
  194. 	}
  195. 	
  196. 	
  197. 	// подгоняем ширину под блок комментариев
  198. 	var pageComments_cont = doc.getElementById('comments')
  199. 	win.msgContainer_cont.style.width = pageComments_cont.offsetWidth+absLeft(pageComments_cont)-8 + 'px'
  200. 	
  201. 	
  202. 	var targetTop = absTop(target)
  203. 	var windowScrollPos = doc.documentElement.scrollTop || doc.body.scrollTop
  204. 		
  205. 	// inline highlight
  206. 	win.msgContainer.style.top = targetTop>windowScrollPos  ?  targetTop-windowScrollPos-3 +'px'  :  0
  207. 	
  208. 	// height auto adjustment
  209. 	if (targetTop<windowScrollPos) {
  210. 		var currentCommentTop = absTop(arrEl.parentNode.parentNode)
  211. 		var targetCommentHeight = target.offsetHeight
  212. 		var delta = (windowScrollPos + targetCommentHeight)  -  (currentCommentTop-10)
  213. 		win.msgContainer.style.maxHeight = delta>0  ?  targetCommentHeight-delta +'px'  :  ''
  214. 	}
  215. 	else {
  216. 		win.msgContainer.style.maxHeight = ''
  217. 	}
  218.  
  219. 	// показываем
  220. 	win.msgContainer.parentNode.style.display = "block"
  221. 	
  222. 	// отступы
  223. 	win.msgContainer.style.marginLeft = absLeft(target)-5+'px'
  224. 	win.msgContainer.style.width = win.msgContainer.parentNode.offsetWidth-parseInt(win.msgContainer.style.marginLeft)+'px'
  225. 	
  226. }
  227.  
  228. function hideTargetComment() {
  229. 	win.msgContainer.parentNode.style.display = "none"
  230. }
  231.  
  232. function absLeft(o) {
  233. 	var l = 0
  234. 	do {
  235. 		if (o.offsetLeft) l += o.offsetLeft-o.scrollLeft;
  236. 	} while (o = o.offsetParent)
  237. 	return l
  238. }
  239. function absTop(o) {
  240. 	var l = 0
  241. 	do {
  242. 		if (o.offsetTop) l += o.offsetTop-o.scrollTop;
  243. 	} while (o = o.offsetParent)
  244. 	return l
  245. }
  246.  
  247. }(typeof unsafeWindow == 'undefined' ? window : unsafeWindow)