Enhanced UBBC Tables help.... [FIXED]

[Anaiu]

Forum URL: tynsen.proboards.com
Browser: Google Chrome
OS: Ubuntu 12.04 "Raring Ringtail" (a Linux build--I mention this because I'm still new to the OS and thought it could possibly be relevant.)

I know, the issue has come up before, but none of the solutions in previous threads seem to work.

I am trying to recreate this table. The code that worked there was:

[center][table][tr][td]
[right][size=1][color=008080][b]//OOC|[/b][/color] OOC here blah blah blah blah blah blah blahblah blah blah blah.[/size][/right]
[size=4] [color=008080]Nothing Is Ever Easy[/color][/size] Blah blah blah not talking here blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.

[color=008080]"Speech here blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah."[/color]

Not talking here blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.

© Emblem ♥
[atrb=border,0,true][atrb=style,width:400;height:680; background:#000000 url(http://img190.imageshack.us/img190/6352/naidatable.png) no-repeat bottom center;,true]
[atrb=style, text-align:justify; font-family:'times new roman';font-size:12px; color:#737373;vertical-align:text-top]
[/td][/tr][/table][/center]

This is on an old forum on what I believe was Proboards v4.5. The code which made the table possible was (taken from the footer of the site, not the current page for the code):

SPOILER: Click to show

<script type="text/javascript">
<!--
/*
Name: ENHANCED UBBC TABLE TAGS
Location: Global Footer
Created by EtonBones at yahoo d o t com
Do not redistribute without permission
Feel free to edit provided a notation is
added to this header stating that fact.
THIS HEADER MUST REMAIN INTACT.
*/


/*********** *****START EDITABLE USER OPTIONS***********************
If not concerned about the security risk posed by allowing users the ability
to set events such as onclick and onmouseover in their posts
set the following variable to false*/
var DisallowEvents=true;

/*If UBBC Undo installed and you would like enhanced tags added to history
set the following variable to true*/
var UUInstalled=false;
/******END EDITABLE USER OPTIONS (NO FURTHER EDITING NECESSARY)*******/


var NoGood="Enhanced tags need to be between the [td] and [/spoiler][/td]";
function enhanceTable(){
var td=document.getElementsByTagName("td");
for(i=0;i<td.length;i++){
if(td[i].width=="20%" && td[i].className.match(/windowbg/)){
var msg=td[i].parentNode.getElementsByTagName('td')[1].getElementsByTagName('tr')[1];
if(msg.getElementsByTagName('table').length){
for(l=0;l<msg.getElementsByTagName('table').length;l++){
parseTags(msg.getElementsByTagName('table')[l]);
//separate func needed since rowspans need to be set first in order to count columns
parseTH(msg.getElementsByTagName('table')[l]);
}
}
}else if(document.postForm && td[i].width=="30%" && td[i].className.match(/windowbg2/) && !document.getElementById('enhancedTable')){
var TR=td[i].parentNode;
var newTR=TR.parentNode.insertRow(TR.rowIndex+1);
TR.id="enhancedTable";
var newTD=document.createElement('td');
newTD.width='30%';
newTD.className='windowbg2';
newTD.innerHTML='<font size="2">Enhanced Table Tags:</font>';
newTR.appendChild(newTD);
newTD=document.createElement('td');
newTD.width='70%';
newTD.className='windowbg2';
newTD.innerHTML='<font size="2">Select Tag:</font><select name="etags" onChange=" addEtag(this.options[this.selectedIndex].value);this.selectedIndex=0;" ><option value="" selected="1">Enhanced Table Tags</option><option value="[th]" >Header</option><option value="[cs=2]">Span Columns</option><option value="[rs=2]">Span Rows</option><option value="[bg=white]">Background Color</option><option value="[atrb=border,0,true]">Any Attribute</option></select> ';
newTR.appendChild(newTD);
}else if(document.postForm && td[i].width=="100%" && td[i].className.match(/titlebg/) && td[i].innerHTML.match(/Topic Summary/)){
var table=td[i].parentNode.parentNode;
var re= /(?:[^\"])(\[(th|cs|rs|bg|atrb).*?\])/gim;
if(table.className.match(/tbody/i))table=table.parentNode;
for(l=2;l<table.rows.length;l=l+2){
if(table.rows[l].cells[0].innerHTML.match(/(?:[^\"\=])(\[(th|cs|rs|bg|atrb).*?\])/gim)){
while(table.rows[l].cells[0].innerHTML.match(/(?:[^\"\=])(\[(th|cs|rs|bg|atrb).*?\])/im ) ){
table.rows[l].cells[0].innerHTML= table.rows[l].cells[0].innerHTML.replace(/(?:[^\"\=])(\[(th|cs|rs|bg|atrb).*?\])/im, stripAnchor(RegExp.$1,RegExp.$2) ) ;
}
}
}
}
}
}

function stripAnchor(str){
var t=/(<A href\=.*\>(.*?)\<\/A\>)/i
if(!str)return "";
var s=str.substr(0,1);
if(s=='\"')return str;
if(s=="\[") s="";
if(str.match(t))str=str.replace(RegExp.$1,RegExp.$2);
return s+"<a title=\""+str+"\">*</a>";
}

function parseTags(TBL){
if(TBL.className !=""){
TBLS=TBL.getElementsByTagName('table')
for(k=0;k<TBLS.length;k++)parseTags(TBLS[k]);
return true;
}
var cell=TBL.getElementsByTagName('td');
var nada="";
for (j=0;j<cell.length;j++){
if(cell[j].innerHTML.match(/(\[cs\=(\d+)\])/i)){
cell[j].setAttribute("colSpan",RegExp.$2);
cell[j].innerHTML=cell[j].innerHTML.replace(RegExp.$1,'');
}
if(cell[j].innerHTML.match(/(\[rs\=(\d+)\])/i)){
cell[j].setAttribute("rowSpan",RegExp.$2);
cell[j].innerHTML=cell[j].innerHTML.replace(RegExp.$1,'');
}
if(cell[j].innerHTML.match(/(\[bg\=(.*?)\])/i)){
cell[j].setAttribute("bgColor",RegExp.$2);
cell[j].innerHTML=cell[j].innerHTML.replace(RegExp.$1,'');
}
while(cell[j].innerHTML.match(/(\[atrb\=(.*?)\])/i)){
var r1=RegExp.$1;
var r2=RegExp.$2;
var atrb=""; var atrbVal="";
var applyTable=false;
var oObj;
if(r2.split(',').length>0){ atrb=r2.split(',')[0]; atrb=atrb.replace(/^\s*|\s*$/g,"");}
if(r2.split(',').length>1) {atrbVal=r2.split(',')[1]; atrbVal=atrbVal.replace(/^\s*|\s*$/g,"");}
if(atrbVal.match(/(<A href\=.*\>(.*)\<\/A\>)/i))atrbVal=atrbVal.replace(RegExp.$1,RegExp.$2);
if(r2.split(',').length>2)applyTable=r2.split(',')[2]?true:false;
oObj=applyTable?TBL:cell[j];
if(atrb != ""){
if(atrb.toLowerCase()=="style"){
oObj.style.cssText+=atrbVal;
}else if(atrb.toLowerCase().substr(0,2)=="on" && DisallowEvents){
nada="<a title=\"Disallowed: "+r1.replace("[","").replace("]","") +"\">*</a>";
}else{
document.expando=false; //IE workaround for casing
try{
oObj.setAttribute(atrb,atrbVal);
}catch(e){
nada="<a title=\"Casing Error: "+r1.replace("[","").replace("]","") +"\">*</a>";
}finally{
document.expando=true;
}
}
}
cell[j].innerHTML=cell[j].innerHTML.replace(r1,nada);
}
}
}

function parseTH(TBL){
if(TBL.className !=""){
TBLS=TBL.getElementsByTagName('table')
for(k=0;k<TBLS.length;k++)parseTags(TBLS[k]);
return true;
}
var cell=TBL.getElementsByTagName('td');
for (j=0;j<cell.length;j++){
if(cell[j].innerHTML.match(/(\[th\])/i)){
cell[j].setAttribute("colSpan",columns(TBL));
cell[j].innerHTML=cell[j].innerHTML.replace(RegExp.$1,'');
}
}
}
function columns(TBL){
//w3c states that a colSpan=0 should make a cell span all columns but IE doesn't honor this, so...
var columns=0;
var tmp;
for(o=0;o<TBL.rows.length;o++){
tmp=0;
for(p=0;p<TBL.rows[o].cells.length;p++){
tmp++
if(TBL.rows[o].cells[p].rowSpan>1)tmp=tmp+TBL.rows[o].cells[/p][p].rowSpan-1;
}
if(tmp>columns)columns=tmp;
}
return columns;
}

function addEtag(tag){
if(tag!=""){
if(UUInstalled){
if(isInsideCell()){
addX(tag);
}else{
alert(NoGood);
document.postForm.message.focus();
}
}else{
if(isInsideCell()){
add(tag);
}else{
alert(NoGood);
document.postForm.message.focus();
}
}
}
}


function isInsideCell(){
//Function purpose: determine if insertion point falls within the bounds of a cell
var msg=document.postForm.message;
if(document.postForm.message.createTextRange){
getCursorPositionIE();
var tmp= document.postForm.message.value.substr(0,document.postForm.message.selectionStart).split("\n").length-1;
setCursorPositionIE(msg.selectionStart-tmp);
}
msg.selectionStart=msg.selectionEnd;
var curr=msg.selectionStart;
if(msg.value.substr(0,curr).lastIndexOf("[td]")==-1 || msg.value.substr(0,curr).lastIndexOf("[td]")<msg.value.substr(0,curr).lastIndexOf("[/p][p][/p][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/td]"))
return false;
if(msg.value.substr(curr).indexOf("[/td]")==-1 || (msg.value.substr(curr).indexOf("[/td]")>msg.value.substr(curr).indexOf("[td]") && msg.value.substr(curr).indexOf("[td]")!=-1))
return false;
if(msg.value.substr(0,curr).lastIndexOf("[")>msg.value.substr(0,curr).lastIndexOf("]"))
return false;
if(msg.value.substr(curr).indexOf("]")<msg.value.substr(curr).indexOf("[") )
return false;
return true;
}

if(location.href.match(/action\=(display|pmview|recent|userrecent|goto|search|calendarview)/) || ( document.postForm ))
enhanceTable();


function setCursorPositionIE(start,end) {
if(document.selection){
var element=document.postForm.message;
end=(end)?end:start;
var range = element.createTextRange();
range.collapse(true);
range.moveEnd('character', end);
range.moveStart('character', start);
range.select();
}
}

function getCursorPositionIE(){
if(document.selection){
var element = document.postForm.message;
element.focus();
var range = document.selection.createRange();
var stored_range = range.duplicate();
stored_range.moveToElementText( element );
stored_range.setEndPoint( 'EndToEnd', range );
element.selectionStart = stored_range.text.length - range.text.length;
element.selectionEnd = element.selectionStart + range.text.length;
element.selectionFaux=true;
}
}
//-->
</script>

I tried installing the Word Count plugin as I saw was recommended here and got this result. I did this with no other codes installed. That's excellent progress, but I still can't seem to control the size of the table. I tried moving the width and height info into the td tag, like you would for HTML, but there was no change. I tried installing the Enhanced UBBC Tables code that worked for 4.5, but there was no change. I removed it and tried the Style UBBC Tags by Devo and rewrote the table code, but the [style] tags were treated as plain text rather than as UBBC tags and the STYLE button did not appear, so I can only assume that the code simply does not work. I thought it might be conflicting with word count, so I turned it off. No change. I removed the style UBBC tags code and attempted to replace it with Style Tags V2 by iPokemon, but I was unable to access the thread for it--all the links either went to a 404 or told me I did not have permission to view the thread. Currently, the only thing I have on my site is the word count plugin; no other codes or plugins at all. How can I resize the table?

[Chris]

The "this result" link is hostile to guests so I recreated the table here and as the warning on the experimental tab says things that worked even though they were done the wrong way in V4 quirks mode will no longer work in the more modern mode V5 places your browser. The following line in the code needs "px" on the numbers and browsers in modern standards mode unlike in quirks will ignore those values since they are incorrectly entered.

© Emblem ?
[atrb=border,0,true][atrb=style,width:400px;height:680px; background:#000000 url(http://img190.imageshack.us/img190/6352/naidatable.png) no-repeat bottom center;,true]
[atrb=style, text-align:justify; font-family:'times new roman';font-size:12px; color:#737373;vertical-align:text-top]

You can also just rewrite the table using the much improved V5 bbcode but if you have accumulated years of posts with such tables then I do not envy you with that task.

[Anaiu]

I'm sorry, I could have sworn I turned off maintenance mode and guests must log in, but I did get a couple of the "no data received" errors you get with Chrome in the process.

Yep, I've been using that table since like 2007. XD Awesome; it's working perfectly now! Thanks very much for the help!

[Chris]

You're welcome and my condolences with the Chrome issues although I'm dubious on just how much can be done if major sites such as Facebook are still struggling with the same issue. I am however sure Martyn and the development team will find some way to keep it to a dull roar until Googoo finally addresses the problem.

[Anaiu]

I've never seen that problem anywhere else, only on proboards. o.o Facebook runs better on Chrome than on my iPhone, as far as I'm aware, and I've been using Chrome for years... Still, since I write my posts in a notepad-like application first, it doesn't usually become a problem.

[Chris]

You might want to keep your eye on this thread then assuming it is the same Chrome problem to which you refer

May 15, 2013 6:24:59 GMT -8 Martyn Dale said:

It does appear to be a cross platform issue. I have also seen similar reports for websites ranging from Facebook to YouTube while investigating this issue. Thus far, while we have been able to drastically reduce the number of errors by means of changes to how our servers handle requests but not resolve it in its entirety. We are hoping we will have a breakthrough allowing us to augment our setup to avoid the error until the underlying issue is resolved in Chrome.

Out of interest, are you one of the users who has the error appear near instantly, or does it sit and hang for a bit?