users_popuph.js

使用PHP编程的聊天室

/* ***************************************************************************
**  Collapsible Rooms in users popup for IE & NN 4+ Browsers (DHTML stuff)  **
**        Based on the "Expandable Outlines" script from WebReference       **
**                         (http://webreference.com/)                       **
*************************************************************************** */

bigOpened = new Image(13,13); bigOpened.src = "images/open_big.gif";
bigClosed = new Image(13,13); bigClosed.src = "images/closed_big.gif";
Opened = new Image(12,9); Opened.src = "images/open.gif";
Closed = new Image(12,9); Closed.src = "images/closed.gif";

// Positioned element resize bug under NN;
if (NS4) {origWidth = innerWidth; origHeight = innerHeight; };

function reDo()
{
	if (innerWidth != origWidth || innerHeight != origHeight) location.reload(true);
}

if (NS4) onresize = reDo;

// Add styles for positioned layers;
if (ver4) {
	with (document)
	{
		write("<STYLE TYPE='text/css'>");
		if (NS4) {
			write(".parent {position:absolute; visibility:visible}");
			write(".child {position:absolute; visibility:visible}");
			write(".regular {position:absolute; visibility:visible}")
		} else {
			write(".child {display:none}")
		};
		write("</STYLE>");
	}
}

var isExpanded = false;
var rooms_number = "0";
var opened_rooms_number = "0";


// Get the ID of the first collapsible room;
function getIndex(el)
{
	ind = null;
	for (i=0; i<document.layers.length; i++)
	{
		whichEl = document.layers[i];
		if (whichEl.id == el) {
			ind = i;
			break;
		};
	};
	return ind;
}

// Position layers under NN4+;
function arrange()
{
	if (firstInd != null)
	{
		nextY = document.layers[firstInd].pageY + document.layers[firstInd].document.height;
		for (i=firstInd+1; i<document.layers.length; i++)
		{
			whichEl = document.layers[i];
			if (whichEl.visibility != "hide") {
				whichEl.pageY = nextY;
				nextY += whichEl.document.height;
			};
		};
	};
}

// Define the state of the big +/- icon
function big_icon()
{
	if (rooms_number == "0") return;
	bigImg = (NS4 > 0) ? document.images["imEx_big"] : document.images.item("imEx_big");
	if (opened_rooms_number == rooms_number)
	{
		isExpanded = true;
		bigImg.src = bigOpened.src;
	}
	else if (isExpanded)
	{
		isExpanded = false;
		bigImg.src = bigClosed.src;
	};
};

// Collapse rooms each time the web page is loaded;
function initIt()
{
	if (!ver4) return;
	var parentEl_tab = new Array();
	opened_rooms_number = "0";
	if (NS4)
	{
		for (i=0; i<document.layers.length; i++)
		{
			whichEl = document.layers[i];
			if (whichEl.id.indexOf("Parent") != -1) parentEl = whichEl;
			if (whichEl.id.indexOf("Child") != -1) {
				currentID = whichEl.id.replace(/Child/,"");
				if (ChildNb[currentID] > 10) {
					whichEl.visibility = "hide";
				} else {
					opened_rooms_number++;
					whichEl.visibility = "show";
					if (!parentEl_tab[parentEl.id]) {
						parentEl_tab[parentEl.id] = "1";
						parentEl.document.images["imEx"].src = Opened.src;
					};
				};
			};
		};
		arrange();
	} else {
		divColl = document.all.tags("DIV");
		for (i=0; i<divColl.length; i++)
		{
			whichEl = divColl(i);
			if (whichEl.className == "parent") parentEl = whichEl;
			if (whichEl.className == "child") {
				currentID = whichEl.id.replace(/Child/,"");
				if (ChildNb[currentID] > 10) {
					whichEl.style.display = "none";
				} else {
					opened_rooms_number++;
					whichEl.style.display = "block";
					if (!parentEl_tab[parentEl.id]) {
						parentEl_tab[parentEl.id] = "1";
						parentEl.all.tags("IMG").item("imEx").src = Opened.src;
					};
				};
			};
		};
	};
	parentEl_tab = null;
	ChildNb = null;
	big_icon();
};

// Collapse/expand a room when the user require for it;
function expandIt(el)
{
	if (!ver4) return;
	if (IE4)
	{
		whichEl = document.all(el + "Child");
		whichIm = event.srcElement;
		if (whichEl.style.display == "none") {
			opened_rooms_number++;
			whichEl.style.display = "block";
			whichIm.src = Opened.src;
		} else {
			opened_rooms_number--;
			whichEl.style.display = "none";
			whichIm.src = Closed.src;
		};
	}
	else
	{
		whichEl = document.layers[el + "Child"];
		whichIm = document.layers[el + "Parent"].document.images['imEx'];
		if (whichEl.visibility == "hide") {
			opened_rooms_number++;
			whichEl.visibility = "show";
			whichIm.src = Opened.src;
		} else {
			opened_rooms_number--;
			whichEl.visibility = "hide";
			whichIm.src = Closed.src;
		};
		arrange();
	};
	big_icon();
};

function expandAll()
{
	if (!ver4) return;
	newSrc_big = (isExpanded) ? bigClosed.src : bigOpened.src;
	newSrc = (isExpanded) ? Closed.src : Opened.src;
	opened_rooms_number = (isExpanded) ? "0" : "rooms_number";

	if (NS4)
	{
		document.images["imEx_big"].src = newSrc_big;
		if (firstInd != null) {
			if (document.layers.length) {
				for (i=firstInd; i<document.layers.length; i++)
				{
					whichEl = document.layers[i];
					if (whichEl.id.indexOf("Parent") != -1) whichEl.document.images["imEx"].src = newSrc;
					if (whichEl.id.indexOf("Child") != -1) whichEl.visibility = (isExpanded) ? "hide" : "show";
				};
			};
			arrange();
			if (isExpanded) scrollTo(0,document.layers[firstInd].pageY);
		};
	} else {
		divColl = document.all.tags("DIV");
		for (i=0; i<divColl.length; i++)
		{
			if (divColl(i).className == "child") divColl(i).style.display = (isExpanded) ? "none" : "block";
		};
		document.images.item("imEx_big").src = newSrc_big;
		imColl = document.images.item("imEx");
		if (imColl) {
			for (i=0; i<imColl.length; i++)
			{
				imColl(i).src = newSrc;
			}
			if(!imColl.length) document.imEx.src = newSrc;
		};
	};
	isExpanded = !isExpanded;
}

onload = initIt;