Shrink Old Posts in Thread

Hi all,

This is a brand new addition to my own BB, so I don't even know how my own users will react to it, let alone how you guys would

Hack Description:

• Posts you have already read in a thread, will show up with their header only (a row that includes the username, post subject and date only). New posts only will appear in full.
• This is user selectable via the 'Edit Options' page: each user can decide if he wants this option on or not. (By default all existing and new users will have this turned Off).
• A link at the top of the thread offers to "expand all" posts or "contact all" posts.
• by clicking on the + sign on a shruk post, it will expand without the page reloading. By clicking on the - sign on an expanded post, it will shrink without the page reloading.
• [high]this option is available for your IE users only! Netscape users will see no difference and will not be affected anyway at all by the change[/high]

How to install:

• Please download the attached zipfile.
• Upload plus.gif and minus.gif to your images directory
• Upload install_contractposts.php to your admin directory and run that script.

Note: there are quite a few changes to make (primarily additions, not replacements) to the vb scripts and templates. The process should take you several minutes, so I recommend you close your Bulletin Board while installing the hack.

Demo:

You are welcome to visit my Bulletin Board, at http://www.atlasf1.com , to see what the additions look like. To test it in full (ie, the option of old posts being shrunk by default), you will have to register and modify your options after you have received your password.

Cheers,

Bira

[Sho]

I found this and it works with MoZilla (and, therefore, with Netscape 6/7). Could anyone combine this technique with bira's hack, so we get a version working with IE *and* Netscape?

[cybrcyfr]

Yeah, using the getElementByID() works in Netscape 6, but not 4.

I was planning on getting around to modifying the hack to do it all client side and work in IE, Netscape and Opera. on my todo list.

Check this site out, good stuff [http]http://www.xs4all.nl/~ppk/js/index.html?/~ppk/js/intro.html[/http]

[Sho]

Hm, looks like an interesting read. Thanks!

[high]* Sho is back in "learning by doing" mode ...[/high]

[Sho]

Well, with the information on the page you recommended, cybrcyfr, I did the following:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--

var supported = (document.getElementById || document.all);

if (supported)
{
	document.write("<STYLE TYPE='text/css'>");
	document.write(".postbit_regular {display: block}");
	document.write(".postbit_hidden {display: none}");
	document.write("</STYLE>");

	var max = 7;
	var data_regular = new Array();
	for (var i=1;i<=max;i++)
	{
		data_regular[i+1] = false;
	}
	
	var max = 7;
	var data_hidden = new Array();
	for (var i=1;i<=max;i++)
	{
		data_hidden[i+1] = false;
	}	

}

function contract(i)
{
	if (!supported)
	{
		alert('This link does not work in your browser.');
		return;
	}
	data_regular[i] = (data_regular[i]) ? false : true;
	current = (data_regular[i]) ? 'none' : 'block';
	if (document.getElementById)
	{
		document.getElementById('postbit_regular'+i).style.display = current;	
	}
	else if (document.all)
	{
		document.all['postbit_regular'+i].style.display = current;
	}
}

function expand(i)
{
	if (!supported)
	{
		alert('This link does not work in your browser.');
		return;
	}
	data_hidden[i] = (data_hidden[i]) ? false : true;
	current = (data_hidden[i]) ? 'block' : 'none';
	if (document.getElementById)
	{
		document.getElementById('postbit_hidden'+i).style.display = current;	
	}
	else if (document.all)
	{
		document.all['postbit_hidden'+i].style.display = current;
	}
}

// -->
</SCRIPT>

... and two <divs> in the "postbit" template as containers, using those CSS classes and IDs. This expands/contracts in both browsers. Note that I have never used JavaScript before, so this might be a piece of s***.

[dabean]

[QUOTE]Originally posted by Sho
Well, with the information on the page you recommended, cybrcyfr, I did the following:

*snipped interesting javascript*

... and two <divs> in the "postbit" template as containers, using those CSS classes and IDs. This expands/contracts in both browsers. Note that I have never used JavaScript before, so this might be a piece of s***.

[NeoGT]

Installed the hack, but none of the post quotes (except from the first post) appear on the contracted view. Plus there are these weird squares which have appeared to the left of everyone's name.

Okay I see what those are for now, they're just blank and they don't do anything.

[Sho]

Too late!

Just finished rewriting bira's hack to fit my needs: completely client-side, working with IE, MoZilla & Netscape 6/7 (=>Gecko). Thanks again to cybrcyfr for linking to his interesting website!

Looking forward to Opera 7 and its improved DOM support, btw.

[NeoGT]

Can anyone help? What's happening is that it only displays the post subjects while in contracted form instead of the first line of the post, like it does at this site. If there is no subject then all I get is a blank line for that post.

[havefun]

really cool hack!

like it & had no probs.. :banana:

lg, havefun

[havefun]

when you have chosen in the user CP 'yes' by contract posts:

you enter a link to a special post# th. you will not go to the right position in browser window or only find conracted posts ...

[you only have the prob when you allready have read the post|s.]


do you have any idea?
--> after following a post link to find it opened ...

thx 4 your time!
haveFUN
[i love this hack!]