자바스크립트 코드 한줄로 플로팅 빠른 메시지를 쉽게 생성 - V2 업그레이드 버전_javascript 기술

//[백엔드 관리]->[설정]->[상위 HTML 코드]

//작성자: Justin
//출처: http://justinw.cnblogs.com/
//저작권: 전재시 출처를 남겨주세요.
//버전: V2.0
//마지막 업데이트: 201004020037
//비고: 질문이 있는 경우 http://www.cnblogs.com/justinw/archive/2010을 방문하세요. /03 /30/1700190.html 궁금한 점은 메시지를 남겨주세요.
//업데이트:
//1.v2는 V1beta를 기반으로 크게 개선되었으며 상호 작용 모드와 기능적 합리성이 크게 향상되었습니다.

//--begin--jMsg---
jMsg = function() {
var chkRecomend = false
}

jMsg.prototype = {
//초기화 작업
initialize: function() {
jMsg.loadEvent(this.combat);
this.msgDIV()
},
dispose: function() {
//todoSomething...
},
//메시지 정보 제출
post: function(msg) {
//여기서 HaveUp 플래그는 반복 제출을 방지하기 위해 판단됩니다. 같은 메시지.
if (window.top.HaveUp) {
alert('좋아요! 감사합니다 친구:)')
return false;
}
if (msg.trim( ).length == 0) {
alert('한 마디라도 남겨야 합니다!')
return false
}
else if (msg.trim().length > 1000) {
alert('이 동창은 최대 1000자까지 지원합니다!')
return false;
}

var txt = document.getElementById('tbCommentBody' );
if (txt != null) {
txt.style.BackgroundColor = "#E4F5FF";
var date = new Date()
txt.value = msg; txt.focus();
//한 번 빠른 메시지를 제출하면 HaveUp이 true로 설정됩니다.
//페이지에 다시 들어갈 때마다 HaveUp이 초기화됩니다.
window.top.HaveUp = true;
//블로그 파크에서 메시지를 제출하는 데 사용되는 방법입니다.
//로그인하지 않고 클라이언트에서 직접 이 메소드를 호출하면 내부적으로 오류가 발생합니다. (블로그 파크 코드 문제, 빈 테스트 없음)
var rlt = PostComment();
this.setMsgText("")
return true; /현재 블로그 파크 기능은 로그인 후에만 댓글을 제출하는 기능을 제한하고 있습니다.
//tbCommentBody 요소를 찾을 수 없다면 현재 사용자가 로그인하지 않은 것으로 간주할 수 있습니다.
alert("블로그 메시지 기능을 사용하려면 먼저 로그인해야 합니다!")
return false
}
},
//Recommend
recommend: function( ) {
var diggit = jMsg.getElementsByClassName('diggit');
if ((diggit) && (diggit[0])) {
diggit[0].onclick()
}
else {
alert("디버그: 추천 버튼의 ClassName이 변경되었습니다!")
}
},
//Oppose
combat: function() {
var buryitMsg = function() {
//현재 블로그파크의 추천과 비승인은 익명으로 처리됩니다. 물론 비승인된 경우 그 이유를 알고 싶습니다.
//이 기능은 신사로부터만 보호할 수 있으며 악당은 보호할 수 없으며 단지 알림만 제공할 뿐입니다.
var txt = document.getElementById('tbCommentBody');
if (txt != null) {
alert('이 학생 여러분의 소중한 의견을 꼭 듣고 싶습니다. .');
txt.style.BackgroundColor = "#fe9ab3";
txt.focus();
}
}
var buryit = jMsg.getElementsByClassName('buryit');
if ((buryit) && (buryit[0])) {
jMsg.addEvent(buryit[0], "click", buryitMsg)
}
},
// 메시지 제출 시 추천
superPost: function(msg) {
if (this.post(msg)) {
//여기에 쿼리 기능 추가, 자동 직접 추천은 지원하지 않습니다
if (this.chkRecomend) {
this.recommend();
}
else {
if (confirm("이 기사도 추천하시겠습니까?")) {
this. 추천( );
}
}
}
},
//빠른 메시지를 위한 플로팅 네비게이션 바
msgDIV: function() {
//플로팅 바 여부 나타납니다.
if (!(window.location.href.indexOf(".html") > -1)) return;

//动态计算浮动滚动条的位置
lastScrollY = 0;
var beat = function() {
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{ /*Netscape stuff*/ }

percent = .1 * (diffY - lastScrollY );
if (퍼센트 > 0)퍼센트 = Math.ceil(퍼센트);
다른 퍼센트 = Math.floor(퍼센트);
document.getElementById("msgDiv").style.top =parseInt(document.getElementById("msgDiv").style.top)퍼센트 "px";

lastScrollY = lastScrollY 퍼센트;
}

document.write(this.getMsgBoxHTML());

window.setInterval(비트, 120);
},
getMsgBoxHTML: function() {
var _HTML = "";
_HTML = "";
return _HTML;
},
setMsgText: function(txt) {
var Area = document.getElementById("jmsg");
area.value = txt;
},
getMsgText: function() {
var Area = document.getElementById("jmsg");
반환 지역.값;
},
setChkRecomend: function(val) {
this.chkRecomend = val;
}
}

//附加onload사건
jMsg.loadEvent = function(fn) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = fn;
} else {
window.onload = function() {
oldonload();
fn();
}
}
}

//附加事件
jMsg.addEvent = function(obj, type, fn) {
if (obj.addEventListener)
obj.addEventListener(type, fn, true);
else if (obj.attachEvent) {
obj.attachEvent("on" type, function() {
fn();
});
}
}

//通过ClassName找到DOM元素
jMsg.getElementsByClassName = function(n) {
var el = [],
_el = document.getElementsByTagName ('*');
for (var i = 0; i < _el.length; i ) {
if (_el[i].className == n) {
el[el.length] = _el[i] ;
}
}
return el;
}

String.prototype.trim = function() {
return this.replace(/(^s*)|(s*$)/g, "");
}

//--end--jMsg---
//todo:提供设置是否显示浮动条的接口
//todo:提供完全自定义浮动条内容적폐
//todo:提供浮动以extitive交互模式接口
var $jMsg = new jMsg();
$jMsg.initialize();