" + teaser + "... " + "" + text + " " + "
";
} else {
comment += "" + text + "
";
}
comment +=
"" +
" " + auth + "" +
" " + date + "" +
" " + time + "" +
"
";
if (email) {
comment += "" + _obfuscateEmail(email) + "
";
} else {
comment += " ";
}
comment += "";
}
return comment;
}
// returns string of only valid characters
var _validChars = function(str, l)
{
// default legal character set is alphanumeric + symbols (note first char is a space)
var validChars = " abcdefghijklmnopqrstuvwxyz0123456789~`!@#$%^&*()_-+=[]{}\\|;:'\",.<>/?";
//remove leading and trailing whitespace
str = str.replace(/^\s+/g, '').replace(/\s+$/g, '');
//convert carriage returns and newlines entered into textarea to spaces
str = str.replace(/\r\n|\n/g, ' ');
var valid = "";
for (var i=0; i < str.length; i++) {
var c = str.charAt(i);
var s = c.toLowerCase();
if (validChars.indexOf(s) == -1) continue;
valid += c;
}
// replace <, >, and &
valid = valid.replace(//g, ">");
valid = valid.replace(/&/g, "&");
if (typeof(l) != "undefined") {
valid = valid.substr(0, l);
// there is the possibility that once we trim the string we
// may have chopped off part of & to create something
// like &am
// e.g. a name that was entered as abc would
// break things because it would get stored as:
// <b>aaa</b&a
// so let's check for and fix such situations
valid = valid.replace(/(&$|&a$|&am$|&$)/, '');
}
return valid;
}
// obfuscate user's email address for display
// note: validation is handled by server-side php code on submit
var _obfuscateEmail = function(e)
{
var m = e.match(/@/g);
if (m == null || m.length != 1) return false;
var r1 = Math.round(Math.random()*3); // random number between 0 and 3
var r2 = Math.round(Math.random()*1); // random number between 0 and 1
var r3 = Math.round(Math.random()*1); // random number between 0 and 1
switch (r1) {
case 0:
e = (r2) ? e.replace(/@/, " (@) ") : e.replace(/@/, " (at) ");
e = (r3) ? e.replace(/\./g, " (.) ") : e.replace(/\./g, " (dot) ");
break;
case 1:
e = (r2) ? e.replace(/@/, " {@} ") : e.replace(/@/, " {at} ");
e = (r3) ? e.replace(/\./g, " {.} ") : e.replace(/\./g, " {dot} ");
break;
case 2:
e = (r2) ? e.replace(/@/, " [@] ") : e.replace(/@/, " [at] ");
e = (r3) ? e.replace(/\./g, " [.] ") : e.replace(/\./g, " [dot] ");
break;
case 3:
e = (r2) ? e.replace(/@/, " @ ") : e.replace(/@/, " at ");
e = (r3) ? e.replace(/\./g, " . ") : e.replace(/\./g, " dot ");
break;
}
return e;
}
}
xhr.Comments.prototype =
{
// public vars and methods
innerHTML:
"" +
" " +
" " +
" " +
"
",
// every object has a toString, so what is this class?
toString:function()
{
return "Class to manage page comments using AJAX.";
},
// limit number of characters that can be typed in comment textarea
limitText:function(textField, limitField, limit)
{
if (textField.value.length > limit) {
textField.value = textField.value.substring(0, limit);
} else {
limitField.value = limit - textField.value.length;
}
},
// special UI expand routine (more/less)
more:function(o)
{
o.blur();
o.firstChild.src = "CG/bl.gif";
o.title = "less";
var self = this;
o.onclick = function() {self.less(this)};
var p = o.parentNode;
p.childNodes[0].className = "invisible";
p.childNodes[1].className = "visible";
},
// reset more
less:function(o)
{
o.blur();
o.firstChild.src = "CG/br.gif";
o.title = "more";
var self = this;
o.onclick = function() {self.more(this)};
var p = o.parentNode;
p.childNodes[0].className = "visible";
p.childNodes[1].className = "invisible";
}
}
/**
* General helper functions that use Comments class.
*
* @author janders
*
*/
// initalizes Comments class and sets instance and global vars
function initComments()
{
_c_ = new xhr.Comments;
_c_.setCommentsDiv();
if (_c_.divComments && _c_.isBrowserXmlHttpCapable()) {
_c_.interval = 10000; // override default 60 second interval and set to 10 seconds
getComments(); // start recursive loop watching for new comments
} else if (_c_.divComments) {
_c_.divComments.className = "visible";
}
}
// loop forever getting any new comments on server
function getComments()
{
_c_.getComments(); // use AJAX to get comments on server
setTimeout(getComments,_c_.interval); // recursive loop
}
// submit comment using AJAX
function submitComment()
{
_c_.postComment(); // use AJAX to post comment to server
}
/**
* General helper functions that manage UI.
*
* @author janders
*
*/
// simple, fun rating system
function rateit(o)
{
o.blur();
var rating = null;
var p = o.parentNode;
var r = p.getElementsByTagName("input");
for (var i=0; iCOMMENTS?
" +
" " +
" Name (optional): " +
"
" +
" " +
" Email (optional): " +
"
" +
" " +
" Post a comment, no log in required! (plain text only) characters left:" +
"
" +
" " +
" " +
"
" +
" " +
"
" +
" " +
" " +
"
" +
"