function CMSNotes() { } CMSNotes.openNote = function(title, content, x, y) { var n = document.createElement('div'); var titlebar = document.createElement('span'); var c = document.createElement('div'); var ttl = document.createElement('span'); var imgIcon = document.createElement('img'); var imgClose = document.createElement('img'); document.body.appendChild(n); if(x != null && y != null) { n.style.left = parseInt(x)+'px'; n.style.top = parseInt(y)+'px'; } n.appendChild(titlebar); n.appendChild(c); titlebar.appendChild(imgIcon); titlebar.appendChild(ttl); titlebar.appendChild(imgClose); n.className = 'stickyNote'; titlebar.className = 'snTitlebar'; titlebar.onmousedown = function (event) { CMSNotes.grabNote(this.parentNode, event); } titlebar.onmouseout = titlebar.onmouseup = CMSNotes.releaseNote; imgIcon.className = 'snIcon'; imgIcon.src = 'images/icon/sticky.gif'; ttl.innerHTML = title; ttl.className = 'snTitle'; imgClose.src = 'images/icon/close.gif'; imgClose.className = 'snIconClose'; imgClose.onclick = function () { CMSNotes.closeNote(this.parentNode.parentNode); } c.className = 'snContent'; c.innerHTML = content; document.onmousemove = CMSNotes.moveNote; } var currentStickyNote = null; CMSNotes.grabNote = function (el, e) { var evt = e?e:event; if(CMSNotes.currentNote != null) { CMSNotes.releaseNote(); } CMSNotes.currentNote = el; bodyScrollTop=document.documentElement&&document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop; bodyScrollLeft=document.documentElement&&document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft; CMSNotes.mouseX=evt.pageX?evt.pageX-bodyScrollLeft:evt.clientX-document.body.clientLeft; CMSNotes.mouseY=evt.pageY?evt.pageY-bodyScrollTop:evt.clientY-document.body.clientTop; } CMSNotes.closeNote = function (el) { el.parentNode.removeChild(el); el = null; } CMSNotes.releaseNote = function () { CMSNotes.currentNote = null; CMSNotes.mouseX = CMSNotes.mouseY = null; } CMSNotes.moveNote = function(e) { if(CMSNotes.currentNote != null) { var evt = e ? e : event; prevX = CMSNotes.mouseX prevY = CMSNotes.mouseY; bodyScrollTop=document.documentElement&&document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop; bodyScrollLeft=document.documentElement&&document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft; CMSNotes.mouseX=evt.pageX?evt.pageX-bodyScrollLeft:evt.clientX-document.body.clientLeft; CMSNotes.mouseY=evt.pageY?evt.pageY-bodyScrollTop:evt.clientY-document.body.clientTop; CMSNotes.currentNote.style.left = (Left(CMSNotes.currentNote) + CMSNotes.mouseX-prevX)+"px"; CMSNotes.currentNote.style.top = (Top(CMSNotes.currentNote) + CMSNotes.mouseY-prevY)+"px"; } } CMSNotes.mouseX = null; CMSNotes.mouseY = null; CMSNotes.currentNote = null;