297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
|
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
|
-
+
|
hideAllTooltips();
let xNodeErr = document.getElementById(sNodeErrorId);
let sTooltipId = (xNodeErr.dataset.error_type === "grammar") ? "gc_tooltip" : "sc_tooltip";
let xNodeTooltip = document.getElementById(sTooltipId);
let xNodeTooltipArrow = document.getElementById(sTooltipId+"_arrow");
let nLimit = nPanelWidth - 330; // paragraph width - tooltip width
xNodeTooltipArrow.style.top = (xNodeErr.offsetTop + 16) + "px"
xNodeTooltipArrow.style.left = (xNodeErr.offsetLeft + Math.floor(xNodeErr.offsetWidth / 2)) + "px"
xNodeTooltipArrow.style.left = (xNodeErr.offsetLeft + Math.floor((xNodeErr.offsetWidth / 2))-4) + "px" // 4 is half the width of the arrow.
xNodeTooltip.style.top = (xNodeErr.offsetTop + 20) + "px";
xNodeTooltip.style.left = (xNodeErr.offsetLeft > nLimit) ? nLimit + "px" : xNodeErr.offsetLeft + "px";
if (xNodeErr.dataset.error_type === "grammar") {
// grammar error
document.getElementById("gc_message").textContent = xNodeErr.dataset.gc_message;
if (xNodeErr.dataset.gc_url != "") {
document.getElementById("gc_url").style.display = "inline";
|