forum.js

几个运用了DWR框架编写的AJAX代码,

        '<span id="post_'+currentMessage+'">'+getPostButton()+'</span></p></form></div>';		
}

function getReplyFromFlat() {
	return '<div id="reply-form" class="comment-form"><form action="#">'+
		'<p class="popup-close"><a href="javascript:void(0);" onClick="javascript:hideReplyFromFlat()">'+JSResource.close+'</a></p>'+
		'<div id="flatreply">' +
		'<p class="comment-quote"><input value="'+JSResource.forum_quoteOriginalMessage+'" type="button" onClick="javascript:addFlatQuote()"></p>'+
		'<p><label for="flatreplysubject_'+currentFlatMessage+'">'+JSResource.forum_subject+'</label> <input style="width: 100%;" maxlength="75" name="flatsubject" id="flatreplysubject_'+
		currentFlatMessage+'" type="text" value="'+getFlatSubject()+'"></p>'+
		'<p><label for="flatreplybody_'+currentMessage+'">'+JSResource.forum_yourReply+'</label> <textarea style="width: 100%;" name="flatbody" id="flatreplybody_'+currentFlatMessage+
		'" cols="22" rows="7"></textarea></p>'+
		'</div><span style="font-weight: normal;">'+JSResource.forum_allowedHtml+' a,b,br,blockquote,i,li,pre,u,ul</span>'+
		'<p class="comment-cancel"><input type="button" onClick="javascript:hideReplyFromFlat()" value="'+cancel+'"></p>'+
        '<p class="comment-post"><span id="flatpreview_'+currentFlatMessage+'">'+getFlatPreviewButton()+'</span>'+
        '<span id="flatpost_'+currentFlatMessage+'">'+getFlatPostButton()+'</span></p></form></div>';		
}


function doPreview() {
	if (verifyPost()) {
		var handlerFunc = function(t) {
			var response = trim(t.responseText);
			if (response.substring(0,6)=='error:') {
				alert(response.substring(6,response.length));
				Element.update('preview_'+currentMessage,getPreviewButton());
			}
			else {
				Element.update('reply',t.responseText);
				Element.update('preview_'+currentMessage,getBackButton());
			}
		}
		
		var errFunc = function(t) {
		    alert(JSResource.error + ' ' + t.status + ' -- ' + t.statusText);
		}		
		content = document.getElementById('reply').innerHTML;
		subject = $(('replysubject_'+currentMessage)).value;
		body = $(('replybody_'+currentMessage)).value;
		Element.update('preview_'+currentMessage,'<input type="button" disabled="true" value="'+pleaseWait+'"/>');
		new Ajax.Request(postAddress, 
			{method:'post', 
			parameters:'doPreview=preview&forumID='+fullEscape(forumID)+'&threadID='+fullEscape(threadID)+
			'&messageID='+fullEscape(currentMessage)+'&subject='+fullEscape($(('replysubject_'+currentMessage)).value)+
			'&body='+fullEscape(fixTags($(('replybody_'+currentMessage)).value)), 
			onSuccess:handlerFunc, onFailure:errFunc});
	}
}

function doFlatPreview() {
	if (verifyFlatPost()) {
		var handlerFunc = function(t) {
			var response = trim(t.responseText);
			if (response.substring(0,6)=='error:') {
				alert(response.substring(6,response.length));
				Element.update('flatpreview_'+currentFlatMessage,getFlatPreviewButton());
			}
			else {
				Element.update('flatreply',t.responseText);
				Element.update('flatpreview_'+currentFlatMessage,getFlatBackButton());
			}
		}
		
		var errFunc = function(t) {
		    alert(JSResource.error + ' ' + t.status + ' -- ' + t.statusText);
		}		
		flatContent = document.getElementById('flatreply').innerHTML;
		flatSubject = $(('flatreplysubject_'+currentFlatMessage)).value;
		flatBody = $(('flatreplybody_'+currentFlatMessage)).value;
		Element.update('flatpreview_'+currentFlatMessage,'<input type="button" disabled="true" value="'+pleaseWait+'"/>');
		new Ajax.Request(postAddress, 
			{method:'post', 
			parameters:'doPreview=preview&forumID='+fullEscape(forumID)+'&threadID='+fullEscape(threadID)+
			'&messageID='+fullEscape(currentFlatMessage)+'&subject='+fullEscape($(('flatreplysubject_'+currentFlatMessage)).value)+
			'&body='+fullEscape(fixTags($(('flatreplybody_'+currentFlatMessage)).value)), 
			onSuccess:handlerFunc, onFailure:errFunc});
	}
}

function updateCommentCount() {
	var comments = Number(document.getElementById('comments-number').innerHTML)+1;
	document.getElementById('comments-number').innerHTML = comments;
	if (comments==2) {
		Element.show('comments-sort');	
	}
}

function doPost() {
	if (verifyPost()) {
		var handlerFunc = function(t) {
			var response = trim(t.responseText);
			if (response.substring(0,6)=='error:') {		
				alert(response.substring(6,response.length));		
				Element.update('post_'+currentMessage,getPostButton());
			}
			else {
				Element.update('newMessage', t.responseText);				
				var newMessageId = trim(document.getElementById('newMessageId').innerHTML);
				var headerText = document.getElementById('newMessageHeader').innerHTML;
				var oldHeaderText = document.getElementById('replyMessage_'+currentMessage).innerHTML;
				document.getElementById('replyMessage_'+currentMessage).appendChild(document.getElementById('newMessageHeader'));
				if (descending!='true' || document.getElementById('lastMessages').childNodes.length==0) {
					document.getElementById('lastMessages').appendChild(document.getElementById('newMessageBody'));
				}
				else {					
					var firstChild = document.getElementById('lastMessages').childNodes[0];
					document.getElementById('lastMessages').insertBefore(document.getElementById('newMessageBody'),firstChild);
				}				
				Element.update('newMessage','');
				var newTooltip = trim('tooltip_'+newMessageId);			
				Event.observe(newTooltip, 'mouseover', initializeTooltip);							
				Event.observe(newTooltip, 'mouseout', deintializeTooltip);		
				hideReplyFromTooltip();
				updateCommentCount();
			}
		}
		
		var errFunc = function(t) {
		    alert(JSResource.error + ' ' + t.status + ' -- ' + t.statusText);
		}		
		Element.update('post_'+currentMessage,'<input type="button" disabled="true" value="'+pleaseWait+'"/>');
		var subjectContent;
		if ($(('replysubject_'+currentMessage)) == null) {
			subjectContent = subject;
		}	
		else {
			subjectContent = $(('replysubject_'+currentMessage)).value
		}
		var bodyContent;
		if ($(('replybody_'+currentMessage)) == null) {
			bodyContent = body;
		}	
		else {
			bodyContent = $(('replybody_'+currentMessage)).value
		}
		
		new Ajax.Request(postAddress, 
			{method:'post', 
			parameters:'reply=true&forumID='+fullEscape(forumID)+'&threadID='+fullEscape(threadID)+
			'&messageID='+fullEscape(currentMessage)+'&subject='+fullEscape(subjectContent)+
			'&body='+fullEscape(fixTags(bodyContent)), 
			onSuccess:handlerFunc, onFailure:errFunc});
	}
}


function doFlatPost() {
	if (verifyFlatPost()) {
		var handlerFunc = function(t) {
			var response = trim(t.responseText);
			if (response.substring(0,6)=='error:') {		
				alert(response.substring(6,response.length));		
				Element.update('flatpost_'+currentFlatMessage,getFlatPostButton());
			}
			else {
				Element.update('newMessage', t.responseText);
				var newMessageId = trim(document.getElementById('newMessageId').innerHTML);				
				document.getElementById('replyMessage_'+currentFlatMessage).appendChild(document.getElementById('newMessageHeader'));				
				var bodyText = document.getElementById('newMessageBody').innerHTML;						
				document.getElementById('replyFlatMessage_'+currentFlatMessage).appendChild(document.getElementById('newMessageBody'));
				Element.update('newMessage','');
				var newTooltip = trim('tooltip_'+newMessageId);			
				Event.observe(newTooltip, 'mouseover', initializeTooltip);							
				Event.observe(newTooltip, 'mouseout', deintializeTooltip);					
				hideReplyFromFlat();
				updateCommentCount();			
			}
		}
		
		var errFunc = function(t) {
		    alert(JSResource.error + ' ' + t.status + ' -- ' + t.statusText);
		}		

		Element.update('flatpost_'+currentFlatMessage,'<input type="button" disabled="true" value="'+pleaseWait+'"/>');
		var subjectContent;
		if ($(('flatreplysubject_'+currentFlatMessage)) == null) {
			subjectContent = flatSubject;
		}	
		else {
			subjectContent = $(('flatreplysubject_'+currentFlatMessage)).value
		}
		var bodyContent;
		if ($(('flatreplybody_'+currentFlatMessage)) == null) {
			bodyContent = flatBody;
		}	
		else {
			bodyContent = $(('flatreplybody_'+currentFlatMessage)).value
		}
		new Ajax.Request(postAddress, 
			{method:'post', 
			parameters:'reply=true&forumID='+fullEscape(forumID)+'&threadID='+fullEscape(threadID)+
			'&messageID='+fullEscape(currentFlatMessage)+'&subject='+fullEscape(subjectContent)+
			'&body='+fullEscape(fixTags(bodyContent)), 
			onSuccess:handlerFunc, onFailure:errFunc});
	}
}

function goBackEdit() {
	Element.update('reply',content);
	$(('replysubject_'+currentMessage)).value = subject;
	$(('replybody_'+currentMessage)).value = body;
	Element.update('preview_'+currentMessage,getPreviewButton());
}

function goBackEditFlat() {
	Element.update('flatreply',flatContent);
	$(('flatreplysubject_'+currentFlatMessage)).value = flatSubject;
	$(('flatreplybody_'+currentFlatMessage)).value = flatBody;
	Element.update('flatpreview_'+currentFlatMessage,getFlatPreviewButton());
}

function verifyPost() { 
	if ($(('replysubject_'+currentMessage)) == null) {
		if (subject == null || subject == "") {
			alert(errorSubject);
			return false;	
		}
	} 
	else {
		if ($(('replysubject_'+currentMessage)).value=="") {
			alert(errorSubject);
			return false;
		}
	}
	if ($(('replybody_'+currentMessage)) == null) {
		if (body == null || body == "") {
			alert(errorBody);
			return false;	
		}
	} 
	else {
		if ($(('replybody_'+currentMessage)).value=="") {
			alert(errorBody);
			return false;
		}
	}
	return true;
}

function verifyFlatPost() { 
	if ($(('flatreplysubject_'+currentFlatMessage)) == null) {
		if (flatSubject == null || flatSubject == "") {
			alert(errorSubject);
			return false;	
		}
	} 
	else {
		if ($(('flatreplysubject_'+currentFlatMessage)).value=="") {
			alert(errorSubject);
			return false;
		}
	}
	if ($(('flatreplybody_'+currentFlatMessage)) == null) {
		if (flatBody == null || flatBody == "") {
			alert(errorBody);
			return false;	
		}
	} 
	else {
		if ($(('flatreplybody_'+currentFlatMessage)).value=="") {
			alert(errorBody);
			return false;
		}
	}
	return true;
}

function hideReplyFromTooltip() {
	if (currentMessage != null) {
		Element.hide('replyTree_'+currentMessage);
		Element.update(('replyTree_'+currentMessage),'');
		currentMessage = null;		
	}
}

function hideReplyFromFlat() {
	if (currentFlatMessage != null) {
		Element.hide('replyFlat_'+currentFlatMessage);
		Element.update(('replyFlat_'+currentFlatMessage),'');
		currentFlatMessage = null;		
	}
}

function replyFromFlat(messageId) {
	hideReplyFromFlat();
	hideReplyFromTooltip();
	currentFlatMessage = messageId;
	Element.update(('replyFlat_'+messageId),getReplyFromFlat());	
	Element.show('replyFlat_'+messageId);	
}

function replyFromTooltip(messageId, firstPost) {
	if (firstPost == null ) {
		hideTooltip();		
	}
	hideReplyFromFlat();
	hideReplyFromTooltip();
	currentMessage = messageId;	
	Element.update(('replyTree_'+messageId),getReply(firstPost));
	Element.show('replyTree_'+messageId);	
}

function startWatch() {	
	var handlerFunc = function(t) {
		var response = trim(t.responseText);
		if (response.substring(0,6)=='error:') {
			alert(response.substring(6,response.length));			
		}
		else {
			Element.update('watch','<a href="javascript:void(0)" class="comment-watch" onClick="javascript:stopWatch()">'+stopWatchText+'</a>');
		}
	}
	
	var errFunc = function(t) {
	    alert(JSResource.error + ' ' + t.status + ' -- ' + t.statusText);
	}		
	new Ajax.Request(postAddWatches, 
		{method:'post', 
		parameters:'forumID='+fullEscape(forumID)+'&threadID='+fullEscape(threadID), 
		onSuccess:handlerFunc, onFailure:errFunc});
}

function stopWatch() {
	var handlerFunc = function(t) {
		var response = trim(t.responseText);
		if (response.substring(0,6)=='error:') {
			alert(response.substring(6,response.length));			
		}
		else {
			Element.update('watch','<a href="javascript:void(0)" class="comment-watch" onClick="javascript:startWatch()">'+startWatchText+'</a>');
		}
	}
	
	var errFunc = function(t) {
	    alert(JSResource.error + ' ' + t.status + ' -- ' + t.statusText);
	}		
	new Ajax.Request(postRemoveWatches, 
		{method:'post', 
		parameters:'forumID='+fullEscape(forumID)+'&threadID='+fullEscape(threadID), 
		onSuccess:handlerFunc, onFailure:errFunc});	
};