This mod limits the height of the code boxs which are used by the [ code ] tag and adds scrollbars if necessary. It also displays linebreaks and tabs properly, the code text is no longer wrapped if a line is too long. Instead a scrollbar is used.

This will improve the readability of the code boxes and long threads.



If you're looking for an example, check out forum.boardmod.org

Version History:
v2.1a:
  - made compatible with SP1.3.2 and SP1.4
v2.1:
  - fixed   turning into normal space when using the preview button (note: this bug has nothing todo with this mod, it's a general yabb bug)
v2.0:
  - completely rewritten, now supports all browsers, now IE will no longer wrap long lines too
  - fixed display of <TAB> characters (not only inside [ code ] tags!)
v1.1:
  - use white-space:wrap for Safari
  - removed modification of language file, no longer needed
v1.0:
  - initial release


Here are some examples:

this is a small code box
yes it is... ;-) 

this is a medium code box
ok let's make this line a little bit longer 1 2 3 4 5 6 7 8 9 0  1 2 3 4 5 6 7 8 9 01 2 3 4 5 6 7 8 9 01 2 3 4 5 6 7 8 9 01 2 3 4 5 6 7 8 9 01 2 3 4 5 6 7 8 9 01 2 3 4 5 6 7 8 9 01 2 3 4 5 6 7 8 9 01 2 3 4 5 6 7 8 9 01 2 3 4 5 6 7 8 9 0... 

this is a large code box
ok let's make this line a little bit longer 1 2 3 4 5 6 7 8 9 0  1 2 3 4 5 6 7 8 9 01 2 3 4 5 6 7 8 9 01 2 3 4 5 6 7 8 9 01 2 3 4 5 6 7 8 9 01 2 3 4 5 6 7 8 9 01 2 3 4 5 6 7 8 9 01 2 3 4 5 6 7 8 9 01 2 3 4 5 6 7 8 9 01 2 3 4 5 6 7 8 9 0...
Some code showing the fixed <TAB>s...

sub LastPost {
	fopen(FILE, "$vardir/cat.txt");
	@categories = <FILE>;
	fclose(FILE);

	# Load Censor List
	&LoadCensorList;

	%data= ();
	foreach $curcat (@categories) {
		$curcat =~ s/[\n\r]//g;
		fopen(CAT, "$boardsdir/$curcat.cat");
		$curcatname = <CAT>;
		$curcataccess = <CAT>;
		@catboards = <CAT>;
		fclose(CAT);
		chomp $curcatname;
		chomp $curcataccess;
		%membergroups = ();
		foreach(split(/\,/,$curcataccess)) {
			$membergroups{$_} = $_;
		}
		if($curcataccess) {
			if($settings[7] ne 'Administrator' && !exists $membergroups{$settings[7]}) { next; }
		}
		foreach $curboard (@catboards ) {
			chomp $curboard;
			fopen(BOARDDATA, "$boardsdir/$curboard.txt");
			$message = <BOARDDATA>;
			fclose(BOARDDATA);

			($mnum, $msub, $dummy, $dummy, $datetime, $mreplies) = split(/\|/, $message);
			$mydatetime = &timeformat($datetime);

			foreach (@censored) {
				($tmpa,$tmpb) = @{$_};
				$message =~ s~\Q$tmpa\E~$tmpb~gi;
				$msub =~ s~\Q$tmpa\E~$tmpb~gi;
			}
			if($recentsender eq "admin") {
				$post = qq~"<a ies">$msub</a>" &#171; $mydatetime &#187;\n~;
			} else {
				$post = qq~<BR>$txt{'235'}: <a </B></a> ($mydatetime)<BR>$txt{'791'} <A href="$scripturl?action=recent">$txt{'792'}</a> $txt{'793'}~;
			}
			$totaltime = stringtotime($datetime);
			$data{$totaltime}= $post;
		}
	}

	@num = sort {$b <=> $a } keys %data;
	$yymain .= "$data{$num[0]}";
} 

Michael - You may wish to add a max-width style, or even just a width style to the code div - it doesn't quite work in safari - your medium code box doesn't have scroll bars, and your big one does have scroll bars in both axis - but there isn't much to scroll.

Just a thought - if you need me to test, let me know

Attached are some screenshots. In Safari, a wide code box shows as it did before - very wide forcing the screen to scroll sideways - other browsers (firefox, IE) - don't stretch the code box, just put the scrollbars on it as you would expect.

Safari applies the overflow auto attribute, and gives the box scrollbars., but for some unknown reason it still stretches the layout if the box is too wide... after a bit of stretching, it then decides to show the scrollbars... so I end up with a very wide code box, with scrollbars, which kind of defeats the object - It's a safari bug I guess, but I would think putting a max-with attribute in the code div tag would make safari work... possibly

The safari screenshot is cropped to the far-right of my screen, as I can't get the whole code box on screen at once - if you imagine how wide code-boxes used to look, and then add scrollbars, that's what I get in Safari.

If you want to try putting a max-width tag in, I'll be happy to test it out... if that doesn't work, I'll perform some tests of my own, and you could update the mod when I have a fix... if you like

very nice work, michael. the mod lets look the code-boxes much nicer

Hi

Is there also a way ... to changes the displayed code with original "[TAB`s]"

At this time ... a code in the "codebox"  is not the same as in the script file ....

lg XTC

Hi

Quote:


I think that would be a gread feature, particularly for forums where many code to be posted 

e.g. here in the Boardmod forum!

lg XTC

There we go, version 2 has been released. This will fix your tabs problem too.

Hi Michael

@Thread
Have you also Update the download attach?

I have install now this mod ...... but the "tab-space" not work on my Board!?

Here on BoardMod it works very nice

lg XTC