//--------------------------- COMMENTS JS STUFF --------------------------------
// COMMENTS: an object containing functions and attributes necessary to
// handle the progressive AJAX loading of comments
//
// NOTE: Also checks to see if comments exist and only performs
// the functionality if they were detected on the page!
//
// Charlie Markovich - 5/12/08
var memberId = null;
var contentId = null;
/*** captcha related ***/
var coID;
/*** form descriptor values ***/
var nameDescriptor = "Your name";
var uwordDescriptor = "Enter the code shown below";
/*** submit button text ***/
var memberSubmitButton = "Sign In & Post Comment";
var nonMemberSubmitButton = "Post Comment";
/*** required for comment retrieval ***/
var totalCommentsFound = 0;
var totalCommentsShowing = 50;
var totalCommentsPosted = 0;
var commentSetSize = 50; // Total comments limit set per query
/*** how to load first set (server-side vs ajax) ***/
var loadInitialSet = true; // if false, will load via ajax
if (loadInitialSet == false) {
totalCommentsShowing = 0;
}
/*** store the form submission link ***/
var submitActive = false;
// an easier way to stick in a captcha (with room for improvement)
Captcha = {
Load: function(el) {
if($(el)){
var captchaID = (Math.floor(Math.random()*191))+1;
$(el).innerHTML = ''
+ '';
}
}
}
Comments = {
AddFormDescriptors: function() {
// adds form descriptors in the input fields themselves
if ($('comment_guest')) {
$('name').value = nameDescriptor;
Event.observe('name', 'focus', function() {
$('name').value = '';
});
Event.observe('name', 'blur', function() {
if ($('name').value == '') {
$('name').value = nameDescriptor;
}
});
$('uword').value = uwordDescriptor;
Event.observe('uword', 'focus', function() {
$('uword').value = '';
});
Event.observe('uword', 'blur', function() {
if ($('uword').value == '') {
$('uword').value = uwordDescriptor;
}
});
}
},
ChangeButtonStatus: function() {
// changes submit button text depending on if user is logging in or not
var buttonText = document.getElementById("anonPostButton");
if (document.user_comments.passwd.value.length > 0) {
buttonText.innerHTML = memberSubmitButton;
} else {
buttonText.innerHTML = nonMemberSubmitButton;
}
},
DisableSubmitButton: function() {
$("anonPostButton").innerHTML = "Posting...";
$("comment_text").addClassName("disabled");
},
EnableSubmitButton: function() {
$("anonPostButton").innerHTML = "Post Comment";
$("comment_text").removeClassName("disabled");
}
}
//To send/edit a comment
PostComments = {
Save: function(edition, blog, url, contentDBID, memberId, commentId) {
if(submitActive != true) { // check to see if a submission is already taking place
submitActive = true;
Comments.DisableSubmitButton(); // disable the submit button to prevent duplicate submissions
var isMemberComment = false;
var isValid = true;
if ($('comments_message')) {
$('comments_message').remove();
}
Delete_Cookie("PostCookie","/",".eonline.com");
SetCookie("PostCookie",coID,5,"/",".eonline.com");
var captchaId = '';
var captchaEntry = '';
if ($('uword')) {
captchaEntry = hex_md5(document.getElementById('uword').value);
captchaId = $F('comment_captcha_captchaID');
}
if($('usrEmail').value == '') {
alert('You must enter your name.');
isValid = false;
Comments.EnableSubmitButton(); // enable the submit button to allow submitting again
submitActive = false;
}
if($('usrEmail').value == '') {
alert('You must enter a valid email address.');
isValid = false;
Comments.EnableSubmitButton(); // enable the submit button to allow submitting again
submitActive = false;
} else { // Validate the email address
if (PostComments.ValidateEmail($('usrEmail').value,1,1) == false){
alert('You must enter a valid email address.');
isValid = false;
Comments.EnableSubmitButton(); // enable the submit button to allow submitting again
submitActive = false;
}
}
if($('commentTextArea').value == '') {
alert('You must enter a comment.');
isValid = false;
Comments.EnableSubmitButton(); // enable the submit button to allow submitting again
submitActive = false;
}
var nextIndex = parseInt(totalCommentsFound)+1+totalCommentsPosted;
var pars = 'mode=save'+'&contentDBID='+contentDBID+'&commentId='+commentId
+'&memberId='+memberId+'&pageURL='+url+'&blog='+blog+'&nextIndex='+nextIndex
+'&captchaId='+captchaId+'&comment='+escape($('commentTextArea').value); // MS-450
if($('usrEmail') && $('passwd')) {
if ($('passwd').value != '') isMemberComment = true;
pars= pars+'&memberEmail='+$('usrEmail').value+'&password='+$('passwd').value;
}
if ($('name') && !isMemberComment) {
if($('name').value == 'Your name') {
alert('You must enter a username.');
isValid = false;
Comments.EnableSubmitButton(); // enable the submit button to allow submitting again
submitActive = false;
}
if($('uword').value == 'Enter the code shown below' || $('uword').value == '') {
alert('You must enter a valid captcha entry.');
isValid = false;
Comments.EnableSubmitButton(); // enable the submit button to allow submitting again
submitActive = false;
}
pars= pars+'&username='+$('name').value+'&captcha='+captchaEntry;
}
if(isValid) {
new Ajax.Updater('comments_set', '/mystyle/comments/service/editComment.jsp?'+pars, {
insertion: Insertion.Bottom,
onComplete: function() {
Captcha.Load('comment_captcha'); // reload the captcha after a submission
if ($('uword')) $('uword').value = ''; // clear the captcha word field
new Effect.Highlight('comments_message');
},
onSuccess: function() {
$('commentTextArea').value = ''; // clear the textarea
totalCommentsPosted++;
$$('.total_comments').each(function(e) {
e.update(parseInt(totalCommentsFound)+1);
});
if(isMemberComment) {
$('comment_guest').hide();
$('comment_member').hide();
};
alert("Thanks! Your comment has been sent to our moderators for review.");
Comments.EnableSubmitButton(); // enable the submit button to allow submitting again
submitActive = false;
},
onFailure: function() {
Comments.EnableSubmitButton(); // enable the submit button to allow submitting again
submitActive = false;
}
});
}
}
},
Delete: function(commentId) {
var pars = 'commentId='+commentId+'&mode=delete';
new Ajax.Request('/mystyle/comments/service/editComment.jsp?'+pars);
},
ReportAbuse: function(commentId) {
var confirmReport = "Report this comment as inappropriate?\n\nIf you feel this comment is inappropriate and feel it should be removed from the E! Online site, let us know by clicking 'OK' below. This will notify us and we can take appropriate action.";
var pars = 'commentId='+commentId+'&mode=report';
if (confirm(confirmReport)) {
new Ajax.Request('/mystyle/comments/service/editComment.jsp?'+pars, {
onComplete: function() {
alert ("Thank you for your input\n\nThis commment has been reported. We will review this information and take appropriate action");
$('report_'+commentId).update('This comment has been reported.');
$('report_'+commentId).removeAttribute('href');
$('report_'+commentId).addClassName('reported');
}
});
}
},
GiveProps: function(commentId) {
var pars = 'commentId='+commentId+'&mode=props';
new Ajax.Request('/mystyle/comments/service/editComment.jsp?'+pars);
},
ValidateEmail : function(addr,man,db) {
if (addr == '') return true;
var invalidChars = '\/\'\\ ";:?!()[]\{\}^|';
for (i=0; i -1) {
if (db)
return false;
}
}
for (i=0; i127) {
if (db)
return false;
}
}
var atPos = addr.indexOf('@',0);
if (atPos == -1) {
if (db)
return false;
}
if (atPos == 0) {
if (db)
return false;
}
if (addr.indexOf('@', atPos + 1) > - 1) {
if (db)
return false;
}
if (addr.indexOf('.', atPos) == -1) {
if (db)
return false;
}
if (addr.indexOf('@.',0) != -1) {
if (db)
return false;
}
if (addr.indexOf('.@',0) != -1){
if (db)
return false;
}
if (addr.indexOf('..',0) != -1) {
if (db)
return false;
}
var suffix = addr.substring(addr.lastIndexOf('.')+1);
if (suffix.length != 2 && suffix != 'com' && suffix != 'net' && suffix != 'org' && suffix != 'edu' && suffix != 'int' && suffix != 'mil' && suffix != 'gov' & suffix != 'arpa' && suffix != 'biz' && suffix != 'aero' && suffix != 'name' && suffix != 'coop' && suffix != 'info' && suffix != 'pro' && suffix != 'museum') {
if (db)
return false;
}
return true;
}
}
GetComments = {
CalculateNextSetSize: function(){
// check to see if the comments remaining are less than the commentSetSize
var commentsRemaining = totalCommentsFound - totalCommentsShowing;
if (commentsRemaining < commentSetSize) {
commentSetSize = commentsRemaining;
}
},
GetNextPage: function(){
contentId = $('contentId').value; // Get content Id from dom hidden field
memberId = $('memberId').value; // Get content Id from dom hidden field
GetComments.CalculateNextSetSize();
// Update the list with additional comments found
new Ajax.Updater('display_next_set', '/mystyle/comments/service/getPageOfComments.jsp', {
method: 'get',
insertion: Insertion.Before,
onComplete: function(){
GetComments.TogglePreloader();
},
parameters: {offset: totalCommentsShowing, length: commentSetSize, memberId: memberId, contentId: contentId}
});
// increment total comments showing count
totalCommentsShowing = totalCommentsShowing + commentSetSize;
// console.log('hey im here...'); // ECHO
// console.log('the total comments showing is: ' + totalCommentsShowing); // ECHO
//Set the link text
var linkText = "Im empty";
var commentsRemaining = 0;
if (totalCommentsShowing < totalCommentsFound){
GetComments.CalculateNextSetSize();
linkText = "Show the next " + (totalCommentsShowing + 1) + " - " + (totalCommentsShowing + commentSetSize) + " of " + totalCommentsFound + " comments";
$('display_next_link').innerHTML = linkText;
} else {
$('display_next_set').hide();
}
},
// If more comments available then display the preloader animation
TogglePreloader : function(/*resultsShowing, totalResults*/){
// console.log('i should be showing the preloader now...'); // ECHO
if ($('preloader_graphic').style.display == "block"){
$('preloader_graphic').style.display = 'none';
} else {
$('preloader_graphic').style.display = 'block';
}
}
}
// Register the listeners after the page has been fully loaded
Event.observe( window, 'load', function() {
// Determine if comments are on the page or not
// if not then don't execute the following code
//if ($('comments_set')){
totalCommentsFound = $('totalComments').value;
// Register the event listener for the more comments button
// if there is another set to load
if ($('display_next_link')) {
Event.observe('display_next_link', 'click', function() {
GetComments.TogglePreloader();
GetComments.GetNextPage(); // Add comments to the list
});
};
// load first set via ajax if not loaded server-side
if (loadInitialSet == false && totalCommentsFound > 0) {
GetComments.TogglePreloader();
GetComments.GetNextPage();
}
// Load captcha
Captcha.Load('comment_captcha');
// load form field descriptors
Comments.AddFormDescriptors();
//}
});
'
+ '';
}
}
}
Comments = {
AddFormDescriptors: function() {
// adds form descriptors in the input fields themselves
if ($('comment_guest')) {
$('name').value = nameDescriptor;
Event.observe('name', 'focus', function() {
$('name').value = '';
});
Event.observe('name', 'blur', function() {
if ($('name').value == '') {
$('name').value = nameDescriptor;
}
});
$('uword').value = uwordDescriptor;
Event.observe('uword', 'focus', function() {
$('uword').value = '';
});
Event.observe('uword', 'blur', function() {
if ($('uword').value == '') {
$('uword').value = uwordDescriptor;
}
});
}
},
ChangeButtonStatus: function() {
// changes submit button text depending on if user is logging in or not
var buttonText = document.getElementById("anonPostButton");
if (document.user_comments.passwd.value.length > 0) {
buttonText.innerHTML = memberSubmitButton;
} else {
buttonText.innerHTML = nonMemberSubmitButton;
}
},
DisableSubmitButton: function() {
$("anonPostButton").innerHTML = "Posting...";
$("comment_text").addClassName("disabled");
},
EnableSubmitButton: function() {
$("anonPostButton").innerHTML = "Post Comment";
$("comment_text").removeClassName("disabled");
}
}
//To send/edit a comment
PostComments = {
Save: function(edition, blog, url, contentDBID, memberId, commentId) {
if(submitActive != true) { // check to see if a submission is already taking place
submitActive = true;
Comments.DisableSubmitButton(); // disable the submit button to prevent duplicate submissions
var isMemberComment = false;
var isValid = true;
if ($('comments_message')) {
$('comments_message').remove();
}
Delete_Cookie("PostCookie","/",".eonline.com");
SetCookie("PostCookie",coID,5,"/",".eonline.com");
var captchaId = '';
var captchaEntry = '';
if ($('uword')) {
captchaEntry = hex_md5(document.getElementById('uword').value);
captchaId = $F('comment_captcha_captchaID');
}
if($('usrEmail').value == '') {
alert('You must enter your name.');
isValid = false;
Comments.EnableSubmitButton(); // enable the submit button to allow submitting again
submitActive = false;
}
if($('usrEmail').value == '') {
alert('You must enter a valid email address.');
isValid = false;
Comments.EnableSubmitButton(); // enable the submit button to allow submitting again
submitActive = false;
} else { // Validate the email address
if (PostComments.ValidateEmail($('usrEmail').value,1,1) == false){
alert('You must enter a valid email address.');
isValid = false;
Comments.EnableSubmitButton(); // enable the submit button to allow submitting again
submitActive = false;
}
}
if($('commentTextArea').value == '') {
alert('You must enter a comment.');
isValid = false;
Comments.EnableSubmitButton(); // enable the submit button to allow submitting again
submitActive = false;
}
var nextIndex = parseInt(totalCommentsFound)+1+totalCommentsPosted;
var pars = 'mode=save'+'&contentDBID='+contentDBID+'&commentId='+commentId
+'&memberId='+memberId+'&pageURL='+url+'&blog='+blog+'&nextIndex='+nextIndex
+'&captchaId='+captchaId+'&comment='+escape($('commentTextArea').value); // MS-450
if($('usrEmail') && $('passwd')) {
if ($('passwd').value != '') isMemberComment = true;
pars= pars+'&memberEmail='+$('usrEmail').value+'&password='+$('passwd').value;
}
if ($('name') && !isMemberComment) {
if($('name').value == 'Your name') {
alert('You must enter a username.');
isValid = false;
Comments.EnableSubmitButton(); // enable the submit button to allow submitting again
submitActive = false;
}
if($('uword').value == 'Enter the code shown below' || $('uword').value == '') {
alert('You must enter a valid captcha entry.');
isValid = false;
Comments.EnableSubmitButton(); // enable the submit button to allow submitting again
submitActive = false;
}
pars= pars+'&username='+$('name').value+'&captcha='+captchaEntry;
}
if(isValid) {
new Ajax.Updater('comments_set', '/mystyle/comments/service/editComment.jsp?'+pars, {
insertion: Insertion.Bottom,
onComplete: function() {
Captcha.Load('comment_captcha'); // reload the captcha after a submission
if ($('uword')) $('uword').value = ''; // clear the captcha word field
new Effect.Highlight('comments_message');
},
onSuccess: function() {
$('commentTextArea').value = ''; // clear the textarea
totalCommentsPosted++;
$$('.total_comments').each(function(e) {
e.update(parseInt(totalCommentsFound)+1);
});
if(isMemberComment) {
$('comment_guest').hide();
$('comment_member').hide();
};
alert("Thanks! Your comment has been sent to our moderators for review.");
Comments.EnableSubmitButton(); // enable the submit button to allow submitting again
submitActive = false;
},
onFailure: function() {
Comments.EnableSubmitButton(); // enable the submit button to allow submitting again
submitActive = false;
}
});
}
}
},
Delete: function(commentId) {
var pars = 'commentId='+commentId+'&mode=delete';
new Ajax.Request('/mystyle/comments/service/editComment.jsp?'+pars);
},
ReportAbuse: function(commentId) {
var confirmReport = "Report this comment as inappropriate?\n\nIf you feel this comment is inappropriate and feel it should be removed from the E! Online site, let us know by clicking 'OK' below. This will notify us and we can take appropriate action.";
var pars = 'commentId='+commentId+'&mode=report';
if (confirm(confirmReport)) {
new Ajax.Request('/mystyle/comments/service/editComment.jsp?'+pars, {
onComplete: function() {
alert ("Thank you for your input\n\nThis commment has been reported. We will review this information and take appropriate action");
$('report_'+commentId).update('This comment has been reported.');
$('report_'+commentId).removeAttribute('href');
$('report_'+commentId).addClassName('reported');
}
});
}
},
GiveProps: function(commentId) {
var pars = 'commentId='+commentId+'&mode=props';
new Ajax.Request('/mystyle/comments/service/editComment.jsp?'+pars);
},
ValidateEmail : function(addr,man,db) {
if (addr == '') return true;
var invalidChars = '\/\'\\ ";:?!()[]\{\}^|';
for (i=0; i