All Downloads are FREE. Search and download functionalities are using the official Maven repository.

opelog.numbering.js Maven / Gradle / Ivy

The newest version!
/**
 * 枠の位置、大きさのスタイルを構築します。
 * @param {type} basePos 操作ログページでのスクリーンショットの位置
 * @param {type} pos 実行時ページでの項目の位置
 * @returns {String} 表示する枠のスタイル
 */
function buildPosStyle(basePos, pos) {
	return "left:" + (basePos.left + pos.x - 10) + "px;"
		+ "top:" + (basePos.top + pos.y - 10) + "px;"
		+ "width:" + (pos.w + 20) + "px;"
		+ "height:" + (pos.h + 20) + "px;";
}

$(window).load(function() {
	$("td.screenshot").each(function() {
		var td = $(this);
		var basePos = td.find("img").offset();


		var posMap = {};
		/**
		 * 同一座標に紐づく操作ログのNoをまとめる処理
		 */
		var checkPos = function(pos) {
			var key = pos.x + "_" + pos.y
			var mappedId = posMap[key] ;
			if (mappedId) {
				td.find("#" + mappedId).append("," + pos.no);
				return;
			}
			var id = "numbring_" + pos.no;
			posMap[key] = id;
			return id;
		};

		td.find("input:hidden").each(function() {
			var val = $(this).val();
			var pos = $.parseJSON(val);

			var id = checkPos(pos);
			if (!id) {
				return;
			}
			var style = buildPosStyle(basePos, pos);

			td.prepend("
" + pos.no + "
"); }); }); $("div.box").click(function() { $(this).toggleClass("box-hidden"); }); });




© 2015 - 2025 Weber Informatics LLC | Privacy Policy