JavaScript External File
JavaScript 外部ファイルについて    

２ちゃんねる風改造掲示板のサンプル

魔法の i ーランドの掲示板用、JavaScript 外部ファイルの見本

この JavaScript 外部ファイルの見本！　魔法の i ーランドの掲示板

下記の記述を メモ帳 ／ Notepad にコピペして、好きなように改造して下さい。

JavaScript 外部ファイル ( js File ) の何から始めていいか解らない方はこちら！



/////////////////////////////////////////////////     stylesheet start     ////////////////////////////////////////////////
// ここでは、解り易いように分割しています。まとめて記述する事も出来ます。  
document.write('<style type="text/css"> BODY { background-image:url(http://i.tosp.co.jp/i-landimage/NAL/G/A153/P1537011N99.gif); background-attachment:fixed } <¥/style>'); 
document.write('<style type="text/css"> BODY { border-width:20px 20px 20px 20px; border-style:inset inset inset inset; border-color:#a7a7a7 } <¥/style>');
document.write('<style type="text/css"> BODY { scrollbar-face-color:#ebebeb; scrollbar-shadow-color:#c5c5c5; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#d0d0d0; scrollbar-darkshadow-color:#ffffff; scrollbar-arrow-color:#000000 } <¥/style>');
document.write('<style type="text/css"> BODY { line-height:160% } <¥/style>'); 
document.write('<style type="text/css"> HR { height:0px; width:0%; color:#f6ffe2 } <¥/style>');
document.write('<style type="text/css"> INPUT { color:#ff00ff; background:#74e9ec } <¥/style>');
document.write('<style type="text/css"> OPTION { color:#ff00ff; background:#74e9ec } <¥/style>');
document.write('<style type="text/css"> SELECT { color:#ff00ff; background:#74e9ec } <¥/style>');
document.write('<style type="text/css"> TEXTAREA { color:#ff00ff; background:#74e9ec } <¥/style>');
document.write('<style type="text/css"> A:link { font-weight:bold; font-size:16px; color:#e900bb; text-decoration:underline } <¥/style>');
document.write('<style type="text/css"> A:visited { font-weight:bold; font-size:16px; color:#0000ff; text-decoration:none } <¥/style>');
document.write('<style type="text/css"> A:active { font-weight:bold; font-size:16px; color:#ffff00; text-decoration:underline } <¥/style>');
document.write('<style type="text/css"> A:hover { font-weight:bold; font-size:18px; color:#ffffff; text-decoration:none; background:#47ffd9 } <¥/style>'); 
document.write('<style type="text/css"> #move_lay { position:absolute; left:0px; top:0px } <¥/style>');
/////////////////////////////////////////////////     stylesheet end      ///////////////////////////////////////////////


//////////////////////////////////////////   動くリンク（move_lay）start  ///////////////////////////////////////////////////
document.write('<div id="move_lay">');
document.write('<font color="#000000" size="2" face="Comic Sans MS">');
document.write('<table border="1" cellspacing="0" cellpadding="0" width="95%"><tr>');
document.write('<td align="center" width="100" bgcolor="#daf8ce"><a href="http://ip.tosp.co.jp/Kj/Tospi200.asp?I=bisoy2&P=0&Kubun=K2&HK=&G=0&RS=&RS1=&MD=I"><nobr><b>ｹｰﾀｲ<¥/b>Mode<¥/nobr><¥/a><¥/td>');
document.write('<td align="center" width="100" bgcolor="#daf8ce"><a href="http://external-file.com/ja/javascript_sample-4.html"><nobr><b>sampleに戻る<¥/b><¥/nobr><¥/a><¥/td>');
document.write('<td align="middle" width="100" bgcolor="#daf8ce"><a href="http://ip.tosp.co.jp/Kj/Tospi210.asp?I=bisoy2&P=0&Kubun=K2&RS=&RS1="><nobr><b>書き込み<¥/b><¥/nobr><¥/a><¥/td>');
document.write('<td align="middle" width="100" bgcolor="#daf8ce"><a href="http://ip.tosp.co.jp/Kj/Tospi610.asp?I=bisoy2&P=0&Kubun=K2&RS=&RS1="><nobr><b>ＩＤ書き込み<¥/b><¥/nobr><¥/a><¥/td>');
document.write('<td align="middle" width="100" bgcolor="#daf8ce"><a href="http://ip.tosp.co.jp/i.asp?i=bisoy&HOS=ON&MD="><nobr><b>Homeに戻る<¥/b><¥/nobr><¥/a><¥/td>');
document.write('<¥/tr><¥/table>');
document.write('<¥/font>');
document.write('<¥/div>');

lay = document[document.all ? "all" : "layers"]["move_lay"]
function move_js() {
	tl = (document.all ? document.body.scrollTop : window.pageYOffset);
	cl = document.all ? lay.style.pixelTop : lay.top
	di = cl - tl;
	(di>0)?de=di:de=Math.round(di/5);
	if (document.all)
	lay.style.pixelTop -= de
	else
	lay.top -= de
}
window.setInterval("move_js()",5)
//////////////////////////////////////////   動くリンク（move_lay）end      ///////////////////////////////////////////////////

//
document.write('<div align=center>');
document.write('<table border="2" cellspacing="7" cellpadding="3" width="95%" bgcolor="#daf8ce"><tr><td align="center" bgcolor="#daf8ce"><table border="0" cellpadding="1" width="100%"><tr><td align="left" bgcolor="#daf8ce">');
document.write('<font size="4">');
document.write('<b>２ちゃんねる風の掲示板<¥/b>');
document.write('<¥/font>');
document.write('<br><br>');
document.write('<img src="http://i.tosp.co.jp/i-landimage/NAL/G/A163/P1638217N63.gif">');
document.write('<¥/td><¥/tr>');
document.write('<tr><td width="100%" height="30" bgcolor="#daf8ce">');
document.write('<¥/td><¥/tr>');
document.write('<tr><td align="center" bgcolor="#daf8ce">');
document.write('<table width="380"><tr><td align="left" bgcolor="#daf8ce">');
document.write('<font size=2>※ お知らせ ＆ 注意事項等 ※<br><br>☆ こちらの掲示板では、基本的に削除依頼が無い限り、<br>スレッド･発言の削除はしません。<br><br>☆ 管理人の気分しだいでルールは変わりますので！ (￣ー￣)ﾆﾔﾘｯ<br><br><¥/font>');
document.write('<¥/td><¥/tr><¥/table>');
document.write('<¥/td><¥/tr>');
document.write('<tr><td width="100%" height="30" bgcolor="#daf8ce">');
document.write('<¥/td><¥/tr>');
document.write('<tr><td align="center" bgcolor="#daf8ce">');
document.write('<font size="6" color="#cc0000">');
document.write('荒し禁止');
document.write('<¥/font>');
document.write('<¥/td><¥/tr>');
document.write('<tr><td width="100%" height="30" align="center" bgcolor="#daf8ce">');
document.write('<marquee direction="up" scrolldelay="280" height="120" width="90%" bgcolor="#daf8ce">');
document.write('<center>');
document.write('<font size="3" color="#0000dd">');
document.write("<b>●芸能人や公人ではない一般人の誹謗中傷、<br> プライバシー暴露は禁止してます。<¥/b><br><br><br><br>");
document.write("<b>●芸能人や公人ではない一般人の電話番号や<br> 住所などを見かけたら削除します。<¥/b><br><br><br><br>");
document.write("<b>●メルコン・アダルト広告・勧誘・荒らし<br> 悪質な掲示板宣伝などのアドレス等、<¥/b><br><br><br><br>");
document.write("<b>●張りつけ煽り・煽りに対する返答・叩き<br> 誹謗中傷等（差別発言等含む）等、<¥/b><br><br><br><br>");
document.write("<b>●必要以上の張り付けまたは第3者に迷惑が掛かる行為や<br> 発言であった場合は削除対象にします。<¥/b><br><br><br><br>");
document.write("<b>●人間的モラルやルール・ネットマナーに反した発言はやめましょう。<¥/b><br><br><br><br>");
document.write('<¥/font>');
document.write('<¥/center>');
document.write('<¥/marquee>');
document.write('<¥/td><¥/tr><¥/table><¥/td><¥/tr><¥/table>');

document.write('<table border="0" cellspacing="7" cellpadding="3" width="95%" height="30"><tr><td><table border="0" cellpadding="1" width="100%"><tr><td>');
document.write('<¥/td><¥/tr><¥/table><¥/td><¥/tr><¥/table>');

document.write('<table border="1" cellspacing="11" cellpadding="2" width="95%" bordercolor="#6600cc" bgcolor="#000000"><tr><td align="center" bgcolor="#6600cc"><table border="0" cellspacing="0" cellpadding="11"><tr><td align="left" valign="middle" width="100%" bgcolor="#000000">');
document.write('<a href="http://bagongbayani.org/"><img src="http://i.tosp.co.jp/i-landimage/NAL/G/A153/P1537011N70.gif" width="170" height="71" border="0"><¥/a>');
document.write('<¥/td>');
document.write('<td align="right" valign="middle" width="100%" bgcolor="#000000">');
document.write('<EMBED src="http://bagongbayani.org/music2/dandelion2.mid" autostart="true" hidden="false" loop="true">');
document.write('<¥/td><¥/tr><¥/table><¥/td><¥/tr><¥/table>');

document.write('<table cellpadding=3 cellspacing="7" border="1" width="95%" height="56" bordercolor="#6600cc" align="center" bgcolor="#000000"><tr><td width="100%" bgcolor="#000000" height="16">');
document.write('<table width=100%><tr><td width=20% bgcolor=#6600cc align=center>');
document.write('<font color="white"><b>今週の特集は<¥/b><¥/font>');
document.write('<¥/td>');
document.write('<td width=2%>');
document.write('<table width=100% height=100%><tr><td width=100% height=10%>');
document.write('<¥/td><¥/tr>');
document.write('<tr><td width=100% bgcolor=#6600cc height=90%>');
document.write('<¥/td><¥/tr><¥/table>');
document.write('<¥/td>');
document.write('<td width=2%>');
document.write('<table width=100% height=100%><tr><td width=100% height=20%>');
document.write('<¥/td><¥/tr>');
document.write('<tr><td width=100% bgcolor=#6600ff height=80%>');
document.write('<¥/td><¥/tr><¥/table>');
document.write('<¥/td>');
document.write('<td width=2% height=100%>');
document.write('<table width=100% height=100%><tr><td width=100% height=50%>');
document.write('<¥/td><¥/tr>');
document.write('<tr><td width=100% bgcolor=#6666ff height=50%>');
document.write('<¥/td><¥/tr><¥/table>');
document.write('<¥/td>');
document.write('<td width=2% height=100%>');
document.write('<table width=100% height=100%><tr><td width=100% height=70%>');
document.write('<¥/td><¥/tr>');
document.write('<tr><td width=100% bgcolor=#6699ff height=30%>');
document.write('<¥/td><¥/tr><¥/table>');
document.write('<¥/td>');
document.write('<td width=30% align=center>');
document.write('<b><font color=#ffcc00><marquee DIRECTION=UP SCROLLAMOUNT=1 height=16 width=19>♪<¥/marquee><marquee DIRECTION=DOWN SCROLLAMOUNT=2 height=16 width=19>♪<¥/marquee><¥/font><a href="http://www.okinawajoho.net/" target="_blank"><font color="#ffffff" face="HGP創英角ｺﾞｼｯｸUB">Okinawa情報局<¥/font><¥/a><font color=#ffcc00><marquee DIRECTION=DOWN SCROLLAMOUNT=3 height=16 width=19>♪<¥/marquee><marquee DIRECTION=UP SCROLLAMOUNT=2 height=16 width=19>♪<¥/marquee><¥/font><¥/b>');
document.write('<¥/td>');
document.write('<td width=2% height=100%>');
document.write('<table width=100% height=100%><tr><td width=100% height=70%>');
document.write('<¥/td><¥/tr>');
document.write('<tr><td width=100% bgcolor=#6699ff height=30%>');
document.write('<¥/td><¥/tr><¥/table>');
document.write('<¥/td>');
document.write('<td width=2% height=100%>');
document.write('<table width=100% height=100%><tr><td width=100% height=50%>');
document.write('<¥/td><¥/tr>');
document.write('<tr><td width=100% bgcolor=#6666ff height=50%>');
document.write('<¥/td><¥/tr><¥/table>');
document.write('<¥/td>');
document.write('<td width=2%>');
document.write('<table width=100% height=100%><tr><td width=100% height=20%>');
document.write('<¥/td><¥/tr>');
document.write('<tr><td width=100% bgcolor=#6600ff height=80%>');
document.write('<¥/td><¥/tr><¥/table>');
document.write('<¥/td>');
document.write('<td width=2%>');
document.write('<table width=100% height=100%><tr><td width=100% height=10%>');
document.write('<¥/td><¥/tr>');
document.write('<tr><td width=100% bgcolor=#6600cc height=90%>');
document.write('<¥/td><¥/tr><¥/table>');
document.write('<¥/td>');
document.write('<td width=20% bgcolor=#6600cc align=center>');
document.write('<font color=white><b>沖縄特集！<¥/b><¥/font>');
document.write('<¥/td><¥/tr><¥/table>');
document.write('<¥/td><¥/tr>');
document.write('<tr><td width=100% bgcolor="#ffffff" height=8>');
document.write('<b><marquee SCROLLAMOUNT=4>今週の特集は『沖縄』です！　沖縄に熱くなる！沖縄の文化や観光スポット、ショッピングやグルメ、イベント情報から沖縄料理まで地元情報が満載のサイトです。<¥/marquee><¥/b>');
document.write('<¥/td><¥/tr><¥/table>');

document.write('<table border="0" cellspacing="7" cellpadding="3" width="95%" height="30"><tr><td><table border="0" cellpadding="1" width="100%"><tr><td>');
document.write('<¥/td><¥/tr><¥/table><¥/td><¥/tr><¥/table>');

document.write('<table border="1" cellspacing="7" cellpadding="3" width="95%" bgcolor="#daf8ce"><tr><td align="center">');
document.write('<table border="0" cellpadding="1" width="100%"><tr><td align="center" valign="middle" bgcolor="#daf8ce">');
document.write('<form method="get" action="http://www.google.com/search">');
document.write('<table border="1" cellspacing="7" cellpadding="3" bgcolor="#aaee33"><tr><td width="130" height="160" align="center" valign="middle">');
document.write('<a href="http://www.google.com/"><img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google"><¥/a><br><br><input type="text" name="q" size="20" value=""><input type="hidden" name="hl" value="ja"><input type="submit" name="btnG" value="Google 検索">');
document.write('<¥/td><¥/tr><¥/table>');
document.write('<¥/form>');
document.write('<¥/td>');
document.write('<td align="center" valign="middle" bgcolor="#daf8ce">');
document.write('<img src="http://i.tosp.co.jp/i-landimage/NAL/G/A153/P1537011N85.gif" border="0" width="270" height="290" alt="PHLIPPINES bonvo09">');
document.write('<¥/td>');
document.write('<td align="center" valign="middle" bgcolor="#daf8ce">');
document.write('<a href="http://bagongbayani.org/"><img src="http://i.tosp.co.jp/i-landimage/NAL/G/A153/P1537011N84.gif" width="150" height="205" border="0" alt="Ruffa"><¥/a>');
document.write('<¥/td><¥/tr><¥/table>');
document.write('<¥/td><¥/tr><¥/table>');

document.write('<table border="1" cellspacing="7" cellpadding="3" width="95%" bgcolor="#daf8ce"><tr><td align="center"><table border="0" cellpadding="1" width="100%" bgcolor="#daf8ce"><tr><td align="center" bgcolor="#daf8ce">');
document.write('<font size="2" face="Comic Sans MS"><b>魔法のｉらんどの BBS 改造は　<a href="http://external-file.com/">こちらへどうぞ<¥/a><¥/b><¥/font>');
document.write('<¥/td><¥/tr><¥/table><¥/td><¥/tr><¥/table>');

document.write('<table border="1" cellspacing="7" cellpadding="3" width="95%" bgcolor="#daf8ce"><tr><td align="center" bgcolor="#daf8ce"><table border="0" cellpadding="1" width="100%" bgcolor="#daf8ce"><tr><td bgcolor="#daf8ce" align="center">');
document.write('<font size=2><a href="../i.asp?I=ipolice" target="_blank"><b>iらんど　今日も働く　アイポリス！(-_-)ﾟﾟzzz<¥/b><¥/a><¥/font>');
document.write('<¥/td><¥/tr><¥/table><¥/td><¥/tr><¥/table>');

document.write('<table border="0" cellspacing="7" cellpadding="3" width="95%" height="50"><tr><td><table border="0" cellpadding="1" width="100%"><tr><td>');
document.write('<¥/td><¥/tr><¥/table><¥/td><¥/tr><¥/table>');

document.write('<table border="3" cellspacing="7" cellpadding="3" width="95%" height="100" bgcolor="#000000"><tr><td align="center"><table border="0" cellspacing="0" cellpadding="1" width="100%" height="118" bgcolor="#35353f"><tr><td align="center" valign="middle" bgcolor="#35353f">');
document.write('<img src="http://www.geocities.co.jp/AnimalPark-Pochi/1729/aikon/anitodai.gif" width="452" height="116" border="0" alt="アニメ 灯台 ">');
document.write('<¥/td><¥/tr><¥/table><¥/td><¥/tr><¥/table>');

document.write('<table border="3" cellspacing="7" cellpadding="3" width="95%" height="100" bgcolor="#000000"><tr><td><table width="100%"><tr><td valign="middle" bgcolor="#000000">');
document.write('<div align="right">');
document.write('<font color=#ccffcc>★月間６.５億ページビュー！ ホームページ数１４０万 突破 !! ★ <¥/font><br>'); 
document.write('<a href="../Kyuden/Tospi500.asp?I=TOSINFO" target="_blank"><b><font color="#ffffff">魔法のｉらんど 総合案内<¥/font><¥/b><¥/a><br>');
document.write('<¥/div>');
document.write('<div align="left">');
document.write('<font color=#ccffcc>■無料ＨＰ作成 ページ 進む<\/font><br>'); 
document.write('<a href="../Readme/Kiyaku.asp?F=1" target="_blank"><b><font color="#ffffff">魔法のｉらんど 無料ＨＰ作成 運営規約<¥/font><¥/b><¥/a><br>');
document.write('<¥/div>');
document.write('<¥/td><¥/tr><¥/table><¥/td><¥/tr>');
document.write('<tr><td bgcolor="#000000"><table width="100%"><tr><td align="right" bgcolor="#ffcc44">');
document.write('魔法のｉらんど修正<a href="../Touroku/Tospi020.asp?F=2&Lo=Demo" target="_blank"><font color="NAVY">★ホームページ修正★<¥/font><¥/a>');
document.write('<¥/td><¥/tr><¥/table><¥/td><¥/tr><¥/table>');


MUM="";
MUM+='<HR><div id=chan>';
document.write(MUM);

function bisoy(){
	for(i=0;i<document.links.length;i++){
		if(document.links[i].innerText=="[ｹｰﾀｲMode表示]"){
			document.links[i].innerHTML="";
		}
		if(document.links[i].innerText=="My HomePage"){
			document.links[i].innerHTML="<img src=http://i.tosp.co.jp/i-landimage/NAL/G/A163/P1638217N64.gif border=0><br>Home";
		}
		if(document.links[i].innerText=="Delete"){
			document.links[i].innerHTML="<small>(X_X)<¥/small>";
		}
		if(document.links[i].innerText=="[0]戻る"){
			document.links[i].innerHTML="<img src=http://i.tosp.co.jp/i-landimage/NAL/G/A163/P1638217N61.gif border=0><br>bisoy2";
		}
		if(document.links[i].innerText=="[1]書く"){
			document.links[i].innerHTML="";
		}
		if(document.links[i].innerText=="[4]私書箱IDで書く"){
			document.links[i].innerHTML="";
		}
		if(document.links[i].innerText=="ipBookMark"){
			document.links[i].innerHTML="問屋";
		}
		if(document.links[i].innerText=="R"){
			document.links[i].innerHTML="冷蔵倉庫";
		}
		if(document.links[i].innerText=="[6]ﾛｸﾞを表示"){
			document.links[i].innerHTML="▼ログを見る";
		}
		if(document.links[i].innerText=="[6]ﾛｸﾞを非表示"){
			document.links[i].innerHTML="▽ログを見ない";
		}
	}
	FFV=chan.innerHTML;
	SSC=FFV.match(/<HR SIZE=1>/g);
	bayani=FFV.match(/¥d+件/g);
	bayani=(bayani[bayani.length-1].match(/¥d+/g));
	for(i=0;i<SSC.length-4;i++){
		if(i==0)g="";
		else g="<HR>";
		EXT=FFV.replace(/<HR SIZE=1>/,g+"<¥/td><¥/tr><¥/table><br><br><table border=1 cellspacing=7 cellpadding=3 width=95% bgcolor=#fff9de align=center><tr><td><table border=0 cellpadding=1 width=100%><tr><td nowrap colspan=2><div align=right><a href=http://ip.tosp.co.jp/Kj/Tospi210.asp?I=bisoy2&P=0&Kubun=K2&RS=&RS1=><font size=1>■<¥/font><¥/a><a href=http://ip.tosp.co.jp/Kj/Tospi610.asp?I=bisoy2&P=0&Kubun=K2&RS=&RS1=><font size=1>●<¥/font><¥/a><a href=http://ip.tosp.co.jp/Kj/Tospi200.asp?I=bisoy2&Kubun=K2&Count=20&HK=&LogFlg=><font size=1>▲戻る<¥/font><¥/a><¥/div><¥/table>");
		FFV=EXT;
	}
	chan.innerHTML=FFV
}
window.onload=bisoy;

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

上記の JavaScript 外部ファイルの実行結果はこちら。

 | 相互リンク集  | JavaScript 外部ファイルのサンプルリスト  | HOME | 

Copyright(C)2008 bisoy , All rights reserved.

 This Page Is Valid XHTML 1.0 Strict!  This Page Is Valid CSS! 

 | SitePolicy  | Contact us at Feedback (en)

Last Update: 6 / 25 / 2008 17:39:33 JST

 | 子連れ ヘラブナ釣り  | ひかる君の写真集  | Bayani  | Balita  | Bagong Bayani  | Directory  | Yahoo! 360°  | Web BBS  | JS File |