inherit
Official Code Helper
65613
0
1
Apr 15, 2024 17:01:41 GMT -8
Chris
"'Oops' is the sound we make when we improve"
8,853
December 2005
horace
|
Post by Chris on Jun 9, 2007 19:51:40 GMT -8
Description:
Show the elapsed time for dated material on your Proboards forum instead of or in addition to the date. This is an update to a previous code that had an intermittent problem with Proboards' various submission forms. Installation:
Place in GLOBAL FOOTER. There are some settings in the userSettings section at the top of the code you may wish to change from their default values and experiment with. userSettings:{
daysOnly:false, /*set true to NOT breakdown into years, months and weeks*/
parentheses:true, /*set true to put elapsed time in parentheses*/
showMinutes:3, /*set to age (in days) when hours and minutes are no longer shown*/
keepDate:true, /*set true to add elapsed time next to date instead of replace it*/
truncate:true /*set true to simplify "2 years 1 month 2 weeks 3 hours ago" into "over 2 years ago" */
/*NOTE: no comma after last entry*/
},
Preview:
default settings (keepDate=true, parentheses=true, daysOnly=false, showMinutes=3)![]() custom settings (keepDate=false, parentheses=false, daysOnly=false, showMinutes=3)![]() Code:
<script type="text/javascript">
<!--
/* Show Forum Elapsed Time by Eton Bones */
/* Open Source */
var oElapsed={
userSettings:{
daysOnly:false, /*set true to NOT breakdown into years, months and weeks*/
parentheses:true, /*set true to put elapsed time in parentheses*/
showMinutes:3, /*set to age (in days) when hours and minutes are no longer shown*/
keepDate:true, /*set true to add elapsed time next to date instead of replace it*/
truncate:true /*set true to simplify "2 years 1 month 2 weeks 3 hours ago" into "over 2 years ago" */
/*NOTE: no comma after last entry*/
},
init: function(dateTime){
this.Now=new Date(); dateTime=String(dateTime);
dateTime=Date.parse(dateTime.replace(/(am|pm)/i,":00 $1").replace(/\n/g,""));
if(!isNaN(dateTime)) this.Now.setTime(dateTime);
this.hour=1000*60*60; this.day=this.hour*24;
this.Today= parseInt(this.Now.getMonth()+1)+"/"+this.Now.getDate()+"/"+this.Now.getFullYear();
this.Yesterday=new Date(this.Now-this.day);
this.Yesterday= parseInt(this.Yesterday.getMonth()+1)+"/"+this.Yesterday.getDate()+"/"+this.Yesterday.getFullYear();
var re_B= /(?:on\s)?(\d+(?:st|th|nd)?\s(?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sept|Oct|Nov|Dec)?\s?,\s\d{2,4}|[01]?[0-9][./-][0-3]?[0-9][./-]\d{2,4}|(?:<b>)?(?:Today|Yesterday)(?:<\/b>)?)(?:,|\sat)\s([012]?[0-9]:[0-5]?[0-9](am|pm)?)\n?/gim
var re_U= /(?:on\s)?((?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sept|Oct|Nov|Dec)?\s?\d+(?:st|th|nd)?,\s\d{2,4}|[01]?[0-9][./-][0-3]?[0-9][./-]\d{2,4}|(?:<b>)?(?:Today|Yesterday)(?:<\/b>)?)(?:,|\sat)\s([012]?[0-9]:[0-5]?[0-9](am|pm)?)\n?/gim
this.userSettings.british=false
var tmp=document.body.innerHTML.match(re_B)
if(tmp){
for(var a=0;a<tmp.length;a++){
if(!tmp.match(/(today|yesterday)/i)){this.userSettings.british=true; break;}
}
}
this.re_Date= ((this.userSettings.british)?re_B:re_U);
window._objElapsed=this;
},
getElapsed: function(m,p1,p2,p3,index,html){
var years,months,weeks,days,hours,minutes,tmp1,tmp2,tmp3;
with(window._objElapsed.userSettings){
tmp3=((keepDate)?m+" <sup> ":" ")+((keepDate && (/\n/.test(m) || location.href.match(/viewsecuritylog/) || location.href.match(/ion=pm/)))?"<br\/>":"")+((parentheses)?"(":"")
if(!(keepDate && (/\n/.test(m) || location.href.match(/viewsecuritylog/) || location.href.match(/ion=pm/))))
tmp3=tmp3.replace(/<sup>/,"<font size='-2'>")
}
years=months=weeks=days=hours=minutes=0;
m=m.replace(/(?:<b>)?Today(?:<\/b>)?/i,window._objElapsed.Today);
m=m.replace(/(?:<b>)?Yesterday(?:<\/b>)?/i,window._objElapsed.Yesterday);
m=m.replace(p2,p2.replace(/(am|pm)$/i,":00 $1"));
m=m.replace(/[.-]/gm,"/").replace(/^on\s/,'').replace(/\sat\s/,' ').replace(/(\d)(th|st|nd)/,"$1");
p1=p1.replace(/[.-]/gm,"/");
if(p1.match(/\d{1,2}\/\d{1,2}\/(\d{2})$/)){
tmp2=RegExp.$1;
if(parseInt(tmp2)<90) {tmp1=parseInt(tmp2)+2000}else{tmp1=parseInt(tmp2)+1900}
m=m.replace(p1,p1.replace(new RegExp(tmp2+"$"),tmp1));
}
var date=Date.parse(m);
with(window._objElapsed){
var ms=Now-date;
if(ms<0){ms=Math.abs(ms); tmp3+="-";}
if(!userSettings.daysOnly){
years=Math.floor(ms/(day*365)); ms-=day*365*years;
months=Math.floor(ms/(day*30)); ms-=day*30*months;
weeks=Math.floor(ms/(day*7)); ms-=day*7*weeks;
}
days=Math.floor(ms/day); ms=ms-day*days;
if(years==0 && months==0 && weeks==0 && days<window._objElapsed.userSettings.showMinutes){
hours=Math.floor(ms/hour); ms=ms-hour*hours;
minutes=Math.ceil(ms/(hour/60)); ms=ms-minutes*hour/60
}
}
years=(years)?years+" year"+((years!=1)?"s ":' '):'';
months=(months)?months+" month"+((months!=1)?"s ":' '):'';
weeks=(weeks)?weeks+" week"+((weeks!=1)?"s ":' '):'';
days=(days)?days+" day"+((days!=1)?"s ":' '):'';
hours=(hours)?hours+" hour"+((hours!=1)?"s ":' '):'';
minutes=(minutes)?minutes+" minute"+((minutes!=1)?"s ":' '):'';
if(String(minutes+hours+days+weeks+months+years).length==0)
minutes="less than 1 minute ";
tmp3= tmp3+years+months+weeks+days+hours+minutes+ " ago"+((tmp3.match(/\(/))?")":"")+((tmp3.match(/<(sup|font)>/))?"<\/$1>":" ");
if(window._objElapsed.userSettings.truncate && tmp3.split(/\d+\s/).length>2)return tmp3.replace(/(\d+\s(year|month|week|day|hour)s?).+?\sago/,'over $1 ago'); else return tmp3
},
containsNode: function(pnode,cnode){
if(pnode.contains){
return pnode.contains(cnode);
}else if(window.getSelection){
if(window.getSelection().isCollapsed || !window._objElapsed.selection || !window._objElapsed.selection.getRangeAt(0).commonAncestorContainer.isSameNode(pnode)){
window.getSelection().selectAllChildren(pnode);
window._objElapsed.selection=window.getSelection();
}
return window._objElapsed.selection.containsNode(cnode,false);
}
},
showElapsed:function(){
this.init()
if(document.createTreeWalker){
var oFilter={
acceptNode:function(text){
//skip anything in welcome table but use PB time if available
if (window._objElapsed.containsNode(document.getElementsByTagName('table')[0],text)){
if(/\d+:\d+(am|pm)/.test(text.data))
window._objElapsed.init(text.data);
return NodeFilter.FILTER_SKIP;
}
if(text.parentNode.tagName.toLowerCase()!="font" && text.parentNode.tagName.toLowerCase()!="td")
return NodeFilter.FILTER_SKIP;
if(/(?:,|\sat)\s([012]?[0-9]:[0-5]?[0-9](am|pm)?)/gim.test(text.data) && text.previousSibling && text.previousSibling.tagName && text.previousSibling.tagName.toLowerCase()=="b" && text.previousSibling.textContent.match(/^today$/im))
return NodeFilter.FILTER_ACCEPT;
return ((text.data.match(window._objElapsed.re_Date))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP);
}
}
var coll=document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, oFilter, false);
var textArray=[];
while(coll.nextNode()){
if(coll.currentNode.nextSibling && coll.currentNode.nextSibling.tagName && coll.currentNode.nextSibling.tagName.toLowerCase()=="br")
coll.currentNode.data+='\n'
if(coll.currentNode.previousSibling && coll.currentNode.previousSibling.tagName && coll.currentNode.previousSibling.tagName.toLowerCase()=="b"){
var t=coll.currentNode.previousSibling.textContent
t+=coll.currentNode.data
t= t.replace(this.re_Date,this.getElapsed).replace(/today/gi,'');
}else{
var t = coll.currentNode.data.replace(this.re_Date,this.getElapsed);
}
textArray.push([coll.currentNode,t])
}
window.getSelection().collapse(document.body,0);
if(textArray){
for(var count=0;count<textArray.length;count++){
var span=document.createElement('span');
span.innerHTML=textArray[count][1];
textArray[count][0].parentNode.replaceChild(span ,textArray[count][0])
}
}
}else if(document.body.createTextRange){
var range = document.body.createTextRange();
range.collapse(true);
var html=document.body.innerText;
var dates= html.match(this.re_Date );
for(var count=0;count<dates.length;count++){
if(range.findText(dates[count])){
var parentElem=range.parentElement();
//skip anything in welcome table but use PB time if available
if (this.containsNode(document.getElementsByTagName('table')[0],parentElem)){
if(/\d+:\d+(am|pm)/.test(range.text))
this.init(range.text);
continue;
}
var dateHtml = parentElem.innerHTML.replace(this.re_Date ,this.getElapsed);
if(parentElem.innerHTML.match(range.text.replace(/today/i,"<B>Today<\/B>"))){
if(RegExp.rightContext.match(/^<br>/i) && this.userSettings.keepDate)
dateHtml = dateHtml.replace(/>\s?(\(?(\d|less))/i,"> <br>$1")
}
parentElem.innerHTML = parentElem.innerHTML.replace(parentElem.innerHTML,dateHtml) ;
range.collapse(false);
}
}
}
}
}
oElapsed.showElapsed();
//-->
</script> |
If your forum user has their month format set to use the british date
form (ie. 28 December instead of December 28) then they must modify
their profile (no need to change anything just click the "modify profile
button) for the setting to be recorded and then used. If they see
elapsed times only for dates that contain the Today and
yesterday format then they most likely don't have their format
choice recorded and should do as stated above. The code defaults to the
non-British date form so anyone not using the British form need not do
anything extra. no longer necessaryThe accuracy of elapsed times greater than 1 month may be off by 1 or 2 days because (for the sake of efficiency and speed) the code doesn't calculate how many days are in each month and simply uses 30 Credits:
Big thanks to Dre for helping me sort out a few of the bugs  Edits:
- June 12, 2007 - Regular expression for British dates was improperly
being wrapped in post causing it to fail when code was copied then
pasted. Also changed treatment of British setting from being
installation defined to user selection defined (as it should have been).
A cookie is created indicating the user's selection when they modify
their profile. Note: users who prefer the british date form
must modify their profile for the setting to be recorded. They
don't need to change anything but the "modify profile" button has to be
clicked. no longer necessary
- June 13, 2007 - Changed linebreak detection method in Internet Explorer
section of the code
- June 27, 2007 - Changed method used to detect british date format after
realizing there was a more elegant way requiring no user interaction or
cookies.
- Dec 19, 2009 - added truncate option
|
|
