Scrolling Code Box

[noki137]

Board URL: manyears-ago.proboards.com/index.cgi

Problem:
I have seen it a few times, where the 'code:' box scrolls.

[color=red]blahfdfjsk fdjkslf  dfls kj jdfklsf jk ldsjfdks l jdklsd fjskl kdslfj skldfjdklsfjdklsfj dsl fjksdl fjkls djklf sdkl fklds lkf jklsd kl skl kl fjkld jfklsjdklf sdjklf sdklf jkdls fjkldjfkld sklf sdklf sdklf dkls fklds jfkld slkfjdls sfdkl fkls dfjkls [/color]

Like that up there is stationary, and I could go on forever with that.. gibberish until I stretch my page. Is there a code I can use to make my code boxes scroll?

[Jordan]

Take a look at this thread.

support.proboards.com/index.cgi?board=programming&action=display&thread=20098

[noki137]

I tried those codes, but they aren't the ones I want really, they still stretch my boards very awkwardly XD I was thinking about something a little more like this;


Unless the ones I tried have the potential to do that, and I am still too new to see that in those codes. But i need something that scrolls vertically, not horizontally

[Former Member]

Here is the code. I did not test it, although it should work correctly.

[noubbc]<script type="text/javascript">
<!--
/* Super Code Tag by california - [OS]
You may edit and redistribute, but leave this notice */

var iTable = document.getElementsByTagName("table");

function calcRows(codeContent){
codeContent = "a"+codeContent.replace(/\n/g, '\n a')+"a";
var nRows = codeContent.split(/\n/).length+1;
return nRows;
}

if(location.href.match(/action=(display|search2|(user)rece|pmview)/)){
for(c=0; c<iTable.length; c++){
if(iTable[c].className == "code"){
var codeContent = iTable[c].rows[0].cells[0].firstChild.innerHTML.replace(/&(amp;)?nbsp;/gi, ' ').replace(/<br\s?\/?>/gi, '\n').replace(/&{1}amp;/gi, '&').replace(/\t/g, ' ');
var nRows = calcRows(codeContent);
var nCols = (document.body.createTextRange) ? "76" : "72";
iTable[c].rows[0].cells[0].innerHTML = '<textarea onfocus="this.select();" onkeyup="this.rows = calcRows(this.value);" wrap="off" cols="'+nCols+'" rows="'+nRows+'" class="codearea">'+codeContent+'</textarea><textarea style="display: none;">'+codeContent+'</textarea><br /><div style="width: 100%;" align="center"><button onclick="var ppp = this.parentNode.previousSibling.previousSibling.previousSibling; ppp.value = ppp.nextSibling.value; ppp.rows = calcRows(ppp.value); ppp.focus();" align="center">Revert Changes</button></div>';
iTable[c].parentNode.parentNode.parentNode.parentNode.width = "";
}
}
}

// -->
</script>[/noubbc]

[noki137]

Thanks for the codes! But the last one that seems to promising doesn't seem to be working...

I don't know if I am putting it in the right place or not. (I had put it in the global footer)

[Bennett 🚀]

<script type="text/javascript">
<!--
/* Super Code Tag by california - [OS]
You may edit and redistribute, but leave this notice */

var iTable = document.getElementsByTagName("table");

function calcRows(codeContent){
codeContent = "a"+codeContent.replace(/\n/g, '\n a')+"a";
var nRows = codeContent.split(/\n/).length+1;
return nRows;
}

if(location.href.match(/action=(display|search2|(user)rece|pmview)/)){
for(c=0; c<iTable.length; c++){
if(iTable[c].className == "code"){
var codeContent = iTable[c].rows[0].cells[0].firstChild.innerHTML.replace(/&(amp;)?nbsp;/gi, ' ').replace(/<br\s?\/?>/gi, '\n').replace(/&{1}amp;/gi, '&').replace(/\t/g, ' ');
var nRows = calcRows(codeContent);
var nCols = (document.body.createTextRange) ? "76" : "72";
iTable[c].rows[0].cells[0].innerHTML = '<textarea onfocus="this.select();" onkeyup="this.rows = calcRows(this.value);" wrap="off" cols="'+nCols+'" rows="'+nRows+'" class="codearea">'+codeContent+'</textarea><textarea style="display: none;">'+codeContent+'</textarea><br /><div style="width: 100%;" align="center"><button onclick="var ppp = this.parentNode.previousSibling.previousSibling.previousSibling; ppp.value = ppp.nextSibling.value; ppp.rows = calcRows(ppp.value); ppp.focus();" align="center">Revert Changes</button></div>';
iTable[c].parentNode.parentNode.parentNode.parentNode.width = "";
}
}
}

// -->
</script>

Global Footer

[ChrisColfer <3]

Hi, I wanted to use this code as well, but is there a way to resize the code box?

[SubDevo]

Hi ChrisColfer.
Just put this in your global header.

<style type="text/css">
<!--
.code {width: 500px;}
-->
</style>

Change the width to whatever you wish.

Regards,
SubDevo

EDIT:
It appears the OP deleted his PBS account and their forum. hmmm...

[Kami]

Original post:

Oct 17, 2009 16:28:58 GMT -8 @noki137 said:

Board URL: manyears-ago.proboards.com/index.cgi

Problem:
I have seen it a few times, where the 'code:' box scrolls.

[color=red]blahfdfjsk fdjkslf  dfls kj jdfklsf jk ldsjfdks l jdklsd fjskl kdslfj skldfjdklsfjdklsfj dsl fjksdl fjkls djklf sdkl fklds lkf jklsd kl skl kl fjkld jfklsjdklf sdjklf sdklf jkdls fjkldjfkld sklf sdklf sdklf dkls fklds jfkld slkfjdls sfdkl fkls dfjkls [/color]

Like that up there is stationary, and I could go on forever with that.. gibberish until I stretch my page. Is there a code I can use to make my code boxes scroll?

The bump:

Jun 9, 2010 18:07:05 GMT -8 ChrisColfer <3 said:

Hi, I wanted to use this code as well, but is there a way to resize the code box?

In the future, please don't bump posts this old. =] Create a new thread, link to the post, and ask your question.

Thanks!