hidebbs のサンプル

「みずのおうち」の掲示板 (hidebbs) のJavaScript 外部ファイルの内容です。
タグの貼り付けが出来る、他の掲示板（魔法の i ーランドなど）にも使えますが、リンク箇所、スタイルシートのデザインを変更して下さい。
下記の記述をメモ帳／ Notepad にコピペして、好きなように改造して下さい。


//////////////////////////////////////////////////////////////////////////

/**********************************************************/
/*                                                        */
/*  JavaScript External file ----- Reconstruction Script  */
/*                                                        */
/**********************************************************/

// Beginning of stylesheet

document.write('<style type="text/css">');
document.write(
// ------------------- Beginning of bbs --------------------
' body { background:#ffffff; color:#777777; background-image:url(http://mizu3.fc2web.com/hosi.gif); scrollbar-base-color:#EFFFFF; line-height:125%; margin:8px 8px 8px 182px; padding:0px; text-align:center; } ',
' h1 { background:#8BDFFF; color:#EFFFFF; font-size:175%; font-family:impact; width:300px; border-width:4px 3px 4px 3px; border-color:#eaffff #990000 #555555 #eeeeee; border-style:double double solid double; padding:0.5em } ',
' table { background:#EFFFFF; color:#777777; border-style:solid; border-color:#8BDFFF; border-width:2px } ',
' table table { background:#EFFFFF; color:#333333; border-style:none; padding:0; text-align:left; width:100% } ',
' form table { background:#EFFFFF; color:#333333; font-size:12pt; font-family:"Comic Sans MS",sans-serif; margin:0; padding:0; text-align:left; width:90% } ',
' td { background:#EFFFFF; color:#333333; font-size:11pt; border-style:none; line-height:125%; padding:0.7em } ',
' input { background:#f9f9f9; color:#777777; font-size:12px } ',
' textarea { background:#f9f9f9; color:#777777; font-size:12px } ',
' hr { display:none } ',
' p.top { background:#EFFFFF; color:#333333; font-size:20px; font-weight:bold; border-style:solid; border-width:1px; border-color:#8BDFFF; text-align:center; margin:0.5em; padding:0.5em; width:220px } ',
' img { border-style:none } ',
' blockquote { background:#F9FEFF; color:#777777; font-size:12px; border-style:dashed; border-width:1px; border-color:#987be2; line-height:135%; margin:0.5em; padding:0.5em 1em; width:95% } ',
// -------------------- END of bbs --------------------

// ------------------- Beginning of navi --------------------
' table.me { background:#EFFFFF; color:#777777; width:170px; border-top:#8BDFFF 2px dashed; border-right:#8BDFFF 2px dashed; border-bottom:#8BDFFF 2px dashed; border-left:#8BDFFF 2px dashed } ',
' td.men { background:transparent; color:#333333; border-style:none; line-height:125%; padding:0em } ',
' div.clsFloatMenu { background:#ffffff; color:#000000; width:175px; border-style:solid; border-color:#8BDFFF; border-width:1px font-size:11pt; left:8px; padding:2px; position:absolute; top:100px; z-index:10; text-align:left } ',
' div.clsFloatMenu h2 { background:#8BDFFF; color:#EFFFFF; font-size:120%; font-family:"Trebuchet MS",sans-serif; border-top:medium none; border-right:medium none; border-bottom:medium none; border-left:medium none; margin:0px; padding:0.2em; text-align:center } ',
' div.clsFloatMenu ol { padding-top:0.5em; padding-right:0px; padding-bottom:0.5em; padding-left:0px; margin:0px; line-height:1.1em; } ',
' div.clsFloatMenu li { list-style-type:none; margin:0px; padding:0px; text-indent:1em } ',
' div.clsFloatMenu a { display:block; width:100% } ',
' div.clsFloatMenu a:active { background:#d2cfff; display:block; text-decoration:none } ',
' div.clsFloatMenu a:hover { background:#0000cc; display:block; text-decoration:none } ',
' ol.clsFloatMenu { font-size:9pt; padding-left:0px; margin-top:0px; margin-bottom:0px; margin-left:24px; } ',
' ol { font-size:10.5pt; line-height:1.25em; } ',
' li { font-size:10.5pt; line-height:1.25em; } ',
' a.menu:link { background:transparent; color:#4169e1; font-family:"ＭＳ Ｐゴシック", Osaka,"Comic Sans MS","BOOK Antiqua Bold Italic"; font-size:9pt; font-weight:bold; text-decoration:none } ',
' a.menu:visited { background:transparent; color:#000066; font-family:"ＭＳ Ｐゴシック", Osaka,"Comic Sans MS","BOOK Antiqua Bold Italic"; font-size:9pt; font-weight:bold; text-decoration:none } ',
' a.menu:active { background:transparent; color:#ff00ff; font-family:"ＭＳ Ｐゴシック", Osaka,"Comic Sans MS","BOOK Antiqua Bold Italic"; font-size:9pt; font-weight:bold; text-decoration:none } ',
' a.menu:hover { background:transparent; color:#00ffbb; font-family:"ＭＳ Ｐゴシック", Osaka,"Comic Sans MS","BOOK Antiqua Bold Italic"; font-size:9pt; font-weight:bold; text-decoration:none; position:relative; top:2px; left:0px } ',
// -------------------- END of navi --------------------

// -------------------- Beginning of Links --------------------
' a:link { background:transparent; color:#4169e1; text-decoration:underline } ',
' a:visited { background:transparent; color:#663333; text-decoration:none } ',
' a:active { background:transparent; color:#ff6eb5; text-decoration:none } ',
' a:hover { background:transparent; color:#ff00ff; text-decoration:none } ');
// -------------------- END of Links --------------------
document.write('<¥/style>');

// END of stylesheet


// ------------------- Beginning of navi --------------------
document.write('<div class="clsFloatMenu" id="idFixedMenu"><table class="me"><tr><td class="men"><h2>Contents<¥/h2><ol class="clsFloatMenu">');

document.write('<li><br><¥/li>');
document.write('<li><a class="menu" title="TOPに戻る" href="http://mizu3.fc2web.com/index.html" target="_top">うちのTOP<¥/a><¥/li>');
document.write('<li><a class="menu" title="ADHDとLDのレポート・診断基準 " href="http://mizu3.fc2web.com/adhd.html" target="_top">ADHDとLD<¥/a><¥/li>');
document.write('<li><a class="menu" title="成長記録" href="http://ip.tosp.co.jp/NE/TosNE100.asp?I=5963aqua&P=0" target="_top">成長記録<¥/a><¥/li>');
document.write('<li><a class="menu" title="自閉症･アスペルガー" href="http://ip.tosp.co.jp/BK/TosBK100.asp?I=5963aqua&P=0" target="_top">自閉症･アスペルガー<¥/a><¥/li>');
document.write('<li><a class="menu" title="アンケート" href="http://ip.tosp.co.jp/TH/TosTH100.asp?I=5963aqua&P=0" target="_top">アンケート<¥/a><¥/li>');
document.write('<li><a class="menu" title="ＢＢＳやゲストブック。このページです" href="http://mizunoouti.hp.infoseek.co.jp/index.html" target="_top">BBS<¥/a><¥/li>');
document.write('<li><a class="menu" title="日記はこちら" href="http://mizu3.fc2web.com/diary.html" target="_top">DIARY<¥/a><¥/li>');
document.write('<li><a class="menu" title="自動リンクです。登録はご自由に。" href="http://alink3.uic.to/user/mizu3.html" target="_top">AUTO LINK<¥/a><¥/li>');
document.write('<li><a class="menu" title="更新情報" href="http://6123.teacup.com/mizu/bbs" target="_top">WHAT¥' NEW<¥/a><¥/li>');
document.write('<li><a class="menu" title="サイトマップ" href="http://mizu3.fc2web.com" target="_top">SITE MAP<¥/a><¥/li>');
document.write('<li><a class="menu" title="管理人へメール" href="http://www3.diary.ne.jp/formmail.cgi?user=313224" target="_top">MAIL<¥/a><¥/li>');

document.write('<¥/ol><¥/td><¥/tr><¥/table><¥/div>');
// -------------------- END of navi --------------------


// ---------------------------------------------------------------------------
// Fixed Layer Emurator for DHTML 1.00
// Copyright 2002 CHIKA Mizuki, Arcadia Software C.M. Applications
// mailto: elysium@nx.sakura.ne.jp
// WP URIs: http://www.nx.sakura.ne.jp/~elysium/software/
// ---------------------------------------------------------------------------

// Variable
var fixedIDs = new Array();
var fixedXOffsets = new Array();
var fixedYOffsets = new Array();
var fixedTimerPrecision = 10;
var fixedTimerID;

// Addition layer ID that fixed position
function addFixedLayer(id, xOffset, yOffset){
	var ns6 = document.getElementById ? 1 : 0;
	var nc = document.layers ? 1 : 0;
	var ie = document.all ? 1 : 0;
	var count = fixedIDs.length;
	var obj = null;
	if (ie) {
		// Internet Explorer
		obj = document.all[id];
		if (obj != null) {
			obj.style.pixelTop = document.body.scrollTop + yOffset;
			obj.style.pixelLeft = document.body.scrollLeft + xOffset;
		} 
		else {
			return false;
		}
	} 
	else if (nc) {
		// Netscape Communicator
		obj = document.layers[id];
		if (obj != null) {
			obj.top = pageYOffset + yOffset;
			obj.left = pageXOffset + xOffset;
		} else {
			return false;
		}
	} 
	else if (ns6) {
		// Netscape6 or Netscape7, Mozilla, Opera
		obj = document.getElementById(id);
		if (obj != null) {
			obj.style.top = pageYOffset + yOffset;
			obj.style.left = pageXOffset + xOffset;
		} 
		else {
			return false;
		}
	} 
	else {
		return false;
	}
	fixedIDs[count] = id;
	fixedXOffsets[count] = xOffset;
	fixedYOffsets[count] = yOffset;
	return true;
}

// Main handling of fixed position.
function onFixedLayer(){
	var ns6 = document.getElementById ? 1 : 0;
	var nc = document.layers ? 1 : 0;
	var ie = document.all ? 1 : 0;
	var count = fixedIDs.length;
	var nx;
	var yOffset;
	var xOffset;
	var obj;
	for (nx=0; nx < count; nx++) {
		obj = null;
		if (ie) {
			// Internet Explorer
			obj = document.all[fixedIDs[nx]];
			if (obj != null) {
				yOffset = document.body.scrollTop + fixedYOffsets[nx];
				xOffset = document.body.scrollLeft + fixedXOffsets[nx];
				if ((obj.style.pixelTop != yOffset)||(obj.style.pixelLeft != xOffset)) {
					obj.style.pixelTop = yOffset;
					obj.style.pixelLeft = xOffset;
				}
			}
		} 
		else if (nc) {
			// Netscape Communicator
			obj = document.layers[fixedIDs[nx]];
			if (obj != null) {
				yOffset = pageYOffset + fixedYOffsets[nx];
				xOffset = pageXOffset + fixedXOffsets[nx];
				if ((obj.top != yOffset)||(obj.left != xOffset)) {
					obj.top = yOffset;
					obj.left = xOffset;
				}
			}
		} 
		else if (ns6) {
			// Netscape6 or Netscape7, Mozilla, Opera
			obj = document.getElementById(fixedIDs[nx]);
			if (obj != null) {
				yOffset = pageYOffset + fixedYOffsets[nx];
				xOffset = pageXOffset + fixedXOffsets[nx];
				if ((obj.style.top.toString().replace(/^(\d+)(px)?$/,"$1") != yOffset)||
					(obj.style.left.toString().replace(/^(\d+)(px)?$/,"$1") != xOffset)) {
					obj.style.top = yOffset;
					obj.style.left = xOffset;
				}
			}
		}
	}
	if (! ie) {
		fixedTimerID = setTimeout("onFixedLayer()", fixedTimerPrecision);
	}
}

// Start fixed position
function startFixedLayer(){
	var ns6 = document.getElementById ? 1 : 0;
	var nc = document.layers ? 1 : 0;
	var ie = document.all ? 1 : 0;
	if (ie) {
		window.onscroll = onFixedLayer;
	} 
	else if (nc || ns6) {
		fixedTimerID = setTimeout("onFixedLayer()", fixedTimerPrecision);
	}
}

// End fixed position
function endFixedLayer(){
	var ns6 = document.getElementById ? 1 : 0;
	var nc = document.layers ? 1 : 0;
	var ie = document.all ? 1 : 0;
	if (ie) {
		window.onscroll = null;
	} 
	else if (nc || ns6) {
		clearTimeout(fixedTimerID);
	}
}

// Set layer visibility
function setLayerVisibled(id, flag){
	var ns6 = document.getElementById ? 1 : 0;
	var nc = document.layers ? 1 : 0;
	var ie = document.all ? 1 : 0;
	var obj;
	obj = null;
	if (ie) {
		// Internet Explorer
		obj = document.all[id];
		if (obj != null) {
			obj.style.visibility = flag ? "visible" : "hidden";
			return true;
		}
	} 
	else if (nc) {
		// Netscape Communicator
		obj = document.layers[id];
		if (obj != null) {
			obj.visibility = flag ? "show" : "hide";
			return true;
		}
	} 
	else if (ns6) {
		// Netscape6 or Netscape7, Mozilla, Opera
		obj = document.getElementById(id);
		if (obj != null) {
			obj.style.visibility = flag ? "visible" : "hidden";
			return true;
		}
	}
	return false;
}

function initFixedLayer(){
	addFixedLayer("idFixedMenu", 8, 100);//この数値を変えることで、表示される位置の変更が出来る
	startFixedLayer();
}
window.onload=initFixedLayer;

//////////////////////////////////////////////////////////////////////////


// END
記述をメモ帳にコピペし保存する際、このような表示されても、
そのまま続行（OKボタン押し）で、大丈夫です。
詳細はこちら：バックスラッシュ
hidebbs のサンプル - Navi付
