JavaScript External File
JavaScript 外部ファイルについて     サイト内検索とヘルプ   

初心者に分かりやすい JavaScript サンプル

Menu

  1. ボタンクリックでアラートで表示する
  2. ページの入退室時にアラートを表示する
  3. ソースを表示する
  4. ステータスバーに文字を表示させない
  5. ステータスバーに流れる文字１
  6. ステータスバーに流れる文字２
  7. マウスカーソルが重なるとき、画像を変える
  8. お気に入りに追加のボタン
  9. 時間単位で違うメッセージを表示する
  10. 複数の画像を順番に表示
  11. メニューで選択されたページを別窓に表示する
  12. 新しい別窓で表示する
  13. 画像がついてくるマウスストーカー
  14. ランダムにリンクや画像を表示する
  15. ランダムにリンクや画像を表示する２
  16. ランダムにリンクや画像を表示する３
  17. JavaScript のエラーメッセージを非表示
Site Contents
Special Thanks
TOPJavaScript とは？
JavaScript とは Netscape 社が開発したプログラム言語で、
Java と名前は似ていますが「まったく別物」です。
初心者の方が Java と JavaScript が一緒にされていて、よく間違える事柄です。
TOPJavaScript を記述する位置
<script> タグは、HTML ファイルの中の、どのあたりに記述すれば良いのかよく迷いますよね！？
多くのホームページでは、<head> ～ </head> タグの間に配置されている場合が多いのです。
また、フォームボタンに関連付けた JavaScript などは、
それぞれのフォームボタンのそば <body> ～ </body> に記述したほうが良い場合もあります。
<script> タグは、HTML ファイルの中に、何度でも記述出来ますので、
かなり自由に記述する事が出来ます。
但し、ホームページの読み込み時に、すぐに JavaScript を動作させたい場合は、
<head> ～ </head> のタグ内に記述するようにします。
TOPJavaScript の注意点
当たり前の事ですが、JavaScript の使用がオフになっていますと動きません。
NN や IE のバージョンによって、動作も異なる事が多いです。
ご使用のブラウザで動作が確認出来ても、古いブラウザ、他のブラウザ、Mac のブラウザなどでは、動作しない可能性が高くなります。
また、インターネットに接続出来る携帯電話などでは、JavaScript 未対応なので、動作は致しません。
JavaScript に対応していないブラウザが <script> ～ </script> で囲まれたコード部分を表示してしまう事があります。
そのような事を防ぐ手段として JavaScript では、コード部分の前後に <!-- ～～～ // --> でコメントの記述をします。
JavaScript に対応していないブラウザで、コメントの記述があれば、エラーではなくて・・無視をするようになります。
TOPボタンクリックでアラートを表示する


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>ボタンクリックでアラートを表示する</title>
</head>
<body>

<h1>ボタンクリックでアラートを表示する</h1>

<script type="text/javascript">
<!--
function ipakilala(){
	alert(" 訪問ありがとうございます。¥n今後ともヨロシクね。");//文章の改行は¥n
}
// -->
</script>

<input type="button" value="ご挨拶"
 onClick="ipakilala()" onkeypress="ipakilala()" accesskey="Q" tabindex="2">

</body>
</html>
Sample
TOPページの入退室時にアラートを表示する


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>ページの入退室時にアラートを表示する</title>
</head>
<body>

<h1>ページの入退室時にアラートを表示する</h1>

<script type="text/javascript">
<!--
function MessageIN(){
	alert("☆ ようこそ ☆¥n当ホームページへ"); //ページが読み込まれたときのアラート
}
window.onload = MessageIN;

function MessageOUT(theEvent){
	alert("また来てください。¥n管理人より。"); //出て行くときのアラート
}
window.onunload = MessageOUT;
// -->
</script>

</body>
</html>
Sample
TOPソースを表示する


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>ソースを表示する</title>

<script type="text/javascript">
<!--
function source(){
	location='view-source:'+window.location;
} 
// -->
</script>

</head>
<body>

<h1>ソースを表示する</h1>

<input type="button" value="ソースの表示"
 onClick="source()" onkeypress="source()" accesskey="Q" tabindex="2">

</body>
</html>
Sample
TOPステータスバーに文字を表示させない


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>ステータスバーに文字を表示させない</title>

<script type="text/javascript">
<!--
function Lihimstatus(){
	window.status = '';
	return true;
}
if (document.layers)
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Lihimstatus;
document.onmouseout = Lihimstatus;
// -->
</script>

</head>
<body>

<h1>ステータスバーに文字を表示させない</h1>

<p><a href="http://external-file.com/">JavaScript External File</a></p>

<p><a href="http://bulletin-board-system.com/">Web Bulletin Board System</a></p>

</body>
</html>
Sample
TOPステータスバーに流れる文字１


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>ステータスバーに流れる文字１</title>

<script type="text/javascript">
<!--
mabilis = 160; //速さの設定（数が小さいほど早い）
bilang = 87; //表示回数（表示される文字の総数）
numero = 0;
lugar = 0;
ano = 0;

function magsalita(){
	message = "ようこそ・・・いらっしゃい・・・足跡ヨロシクね！・・・";
	kahaba = message.length+1;
	if( numero<=bilang ){
		status = message.substring(0,lugar);
		lugar = ( lugar>kahaba )?0:lugar+1;
		numero++;
		clearTimeout(ano);
		ano = setTimeout('magsalita()',mabilis);
	}
	else if( numero>bilang )defaultstatus=" ";
}
window.onload = magsalita;
// -->
</script>

</head>
<body>

<h1>ステータスバーに流れる文字１</h1>

</body>
</html>
Sample
TOPステータスバーに流れる文字２


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>ステータスバーに流れる文字２</title>

<script type="text/javascript">
<!--
message0 = "　　　　　";//スペース部分の長さ
message1 = "当ホームページへようこそ！";
message2 = "このサイトは、いろいろあります。";
message3 = "お気に入りに追加してね。";
message = message0 + message1 + message0 + message2 + message0 + message3 + message0;

function magsalita(){
	setTimeout("magsalita()",400);
	message = message.substring(4,message.length)+message.substring(0,4);
	window.status = message;
}
window.onload = magsalita;
// -->
</script>

</head>
<body>

<h1>ステータスバーに流れる文字２</h1>

</body>
</html>
Sample
TOPマウスカーソルが重なるとき、画像を変える


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>マウスカーソルが重なるとき、画像を変える</title>

<script type="text/javascript">
<!--
if(navigator.appVersion.charAt(0) >= '3'){
	img = new Array();
	img[0] = new Image;
	img[0].src = 'JavaScript-External88-31-01.gif';
	img[1] = new Image;
	img[1].src = 'JavaScript-External88-31-6.gif';
}

function palit(a){
	if(navigator.appVersion.charAt(0) >= '3'){
		document.images['img1'].src=img[a].src;
	}
}

// -->
</script>

</head>
<body>

<h1>マウスカーソルが重なるとき、画像を変える</h1>

<p>マウスカーソルが画像に重なるとき、画像が変わります。</p>

<p>
<a href="http://external-file.com/" onmouseover="palit(1);" onmouseout="palit(0);">
<img name="img1" src="JavaScript-External88-31-01.gif"
 width="88" height="31" border="0" alt="Test Pictures"></a>
</p>

</body>
</html>
Sample
TOPお気に入りに追加のボタン


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>お気に入りに追加のボタン</title>
</head>
<body>

<h1>お気に入りに追加のボタン</h1>

<script type="text/javascript">
<!--
if (!(navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 4)) {
	var addurl = "http://external-file.com/";//URL記入
	var addtitle = "JavaScript External File";//サイト名記入
	document.write(
	'<input type="button" value="お気に入りに追加"'
	+' onClick="window.external.AddFavorite(addurl,addtitle);"'
	+' onkeypress="window.external.AddFavorite(addurl,addtitle);"'
	+' accesskey="Q" tabindex="2">');
}
else {
	var msg = " IE 以外は機能しません。";
	document.write(msg);
}
// -->
</script>

</body>
</html>
Sample
TOP時間で違うメッセージを表示


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>時間で違うメッセージを表示</title>
</head>
<body>

<h1>時間で違うメッセージを表示</h1>

<script type="text/javascript">
<!--
magsalita = new Array(24);
magsalita[0]="午前０時です。好きな言葉入れて下さい。";
magsalita[1]="午前１時です。明日も頑張りましょう";
magsalita[2]="午前２時です。そろそろ寝ましょうか？";
magsalita[3]="午前３時です。好きな言葉入れて。";
magsalita[4]="午前４時です。好きな言葉入れてね。";
magsalita[5]="午前５時です。好きな言葉入れて下さい。";
magsalita[6]="午前６時です。おはよう～！";
magsalita[7]="午前７時です。おはようございます。そろそろ出勤です。";
magsalita[8]="午前８時です。会社に着きましたか？";
magsalita[9]="午前９時です。好きな言葉入れて下さい。";
magsalita[10]="午前１０時です。好きな言葉入れて下さい。";
magsalita[11]="午前１１時です。好きな言葉入れて下さいね。";
magsalita[12]="午後０時です。お昼ご飯の時間です。";
magsalita[13]="午後１時です。好きな言葉入れて。";
magsalita[14]="午後２時です。好きな言葉入れてね。";
magsalita[15]="午後３時です。休憩の時間です。";
magsalita[16]="午後４時です。好きな言葉入れて。";
magsalita[17]="午後５時です。好きな言葉入れてね。";
magsalita[18]="午後６時です。もう仕事は終わりですか？";
magsalita[19]="午後７時です。お仕事お疲れ様でした。";
magsalita[20]="午後８時です。晩御飯は食べましたか？";
magsalita[21]="午後９時です。好きな言葉入れて。";
magsalita[22]="午後１０時です。好きな言葉入れてね。";
magsalita[23]="午後１１時です。好きな言葉入れて下さい。";
document.write('<strong>見本です。<¥/strong>  ',
'<span style="color:#ff5500;font-weight:bold;">',
''+ magsalita[(new Date()).getHours()] +'',
'<¥/span>',
'  <strong>見本です。<¥/strong>');
// -->
</script>

</body>
</html>
Sample
TOP複数の画像を順番に表示


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>複数の画像を順番に表示</title>

<script type="text/javascript">
<!--
Pic = new Array("001.jpg","002.jpg","003.jpg"); //表示したい画像のURL
image = 0;

function palit(){
	document.mypictures.src = Pic[image];
	image++;
	if( image==3 ){//使用する画像の枚数
		image = 0; //表示する回数　0で無限
	}
	setTimeout("palit()",4000); //表示される時間の間隔（秒数）
}
window.onload = palit;
// -->
</script>

</head>
<body>

<h1>複数の画像を順番に表示</h1>

<!-- 最初に表示したい画像のファイル名を記入 -->
<img name="mypictures" src="001.jpg" alt="Pictures">

</body>
</html>
Sample
TOPメニューで選択されたページを別窓に表示する


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>セレクトメニューで選択されたページを別窓に表示する</title>

<script type="text/javascript">
<!--
function Tingnan(pili){
	change = pili.selectedIndex;
	window.open(pili.options[change].value,'sub','status=1,scrollbars=1,resizable=1,'
	+'menubar=0,location=1,toolbar=0,width=500,height=400');
}
// -->
</script>

</head>
<body>

<h1>セレクトメニューで選択されたページを別窓に表示する</h1>

<form>
<select onchange="Tingnan(this)" tabindex="2">
<option value="about:blank" selected>選んで下さい</option>
<option value="http://www.yahoo.co.jp/">Yahoo!</option>
<option value="http://www.google.co.jp/">Google</option>
<option value="http://allabout.co.jp/">All About Japan</option>
<option value="http://www.goo.ne.jp/">goo</option>
<option value="http://dmoz.org/">Open Directory Project</option>
<option value="http://www.infoseek.co.jp/">Infoseek</option>
<option value="http://www.fresheye.com/">フレッシュアイ</option>
</select>
</form>

</body>
</html>
Sample
TOP新しい別窓で表示する


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>新しい別窓で表示する</title>

<script type="text/javascript">
<!--
function Bintana(bukusan,MoveX,MoveY){
	var Setting;
	Setting = 'status=0,scrollbars=1,resizable=1,menubar=0,'
	+'location=0,toolbar=0,width=300,height=300';
	TulongBintana = window.open(bukusan, "", Setting);
	TulongBintana.moveTo(MoveX,MoveY);
	TulongBintana.focus();
}

function Bintana2(bukusan2,MoveX,MoveY){
	var Setting;
	Setting = 'status=0,scrollbars=1,resizable=1,menubar=0,'
	+'location=0,toolbar=0,width=400,height=150';
	TulongBintana2 = window.open(bukusan2, "", Setting);
	TulongBintana2.moveTo(MoveX,MoveY);
	TulongBintana2.focus();
}
// -->
</script>

</head>
<body>

<h1>新しい別窓で表示する</h1>

<p><a href="blankpage.html" name="Bintana"
 onClick="Bintana('blankpage.html',100,100); return false"
 onkeypress="Bintana('blankpage.html',100,100); return false">新しい別窓で表示する</a></p>

<input type="button" name="Bintana2" value="新しい別窓で表示する"
 onClick="Bintana2('blankpage2.html',200,200); return false"
 onkeypress="Bintana2('blankpage2.html',200,200); return false" accesskey="Q" tabindex="2">

</body>
</html>
Sample
TOP画像がついてくるマウスストーカー


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>画像がついてくるマウスストーカー</title>

<script type="text/javascript">
<!--
Point = 50;	//マウスから画像の距離設定
Tunay = 45;	//停止時のマウスからの角度設定　0なら右　90なら下　180なら左　270なら上
Ikot = 0;	//0は回転停止　	数値上げると画像が回転し速度が上がっていきます。
NN = navigator.appName.charAt(0);
mouse1 = 0;
mouse2 = 0;

function Moving(){
	if (NN="M") {
		mouse1 = event.clientX;
		mouse2 = event.clientY;
		mouse1 = mouse1+document.body.scrollLeft;
		mouse2 = mouse2+document.body.scrollTop;
	}
}

function Kiros(){
	if(NN=="M") {
		Tunay = Tunay + Ikot;
		if (Tunay >= 360) {
			Tunay = Tunay-360;
		}

		x = Math.cos(Tunay*3.14/180)*Point;
		y = Math.sin(Tunay*3.14/180)*Point;

		mouseMoving.style.posLeft = mouse1+x;
		mouseMoving.style.posTop = mouse2+y;
	}
}

if(NN=="M") {
	document.onmousemove = Moving;
	Kirosid = setInterval('Kiros()',30);
}

document.write(
'<span id="mouseMoving" style="position:absolute;visibility:visible;z-index:10;">',
'<img src="drink.gif" width="32" height="32">',//使用する画像のURL
'<¥/span>');
// -->
</script>

</head>
<body>

<h1>画像がついてくるマウスストーカー</h1>


</body>
</html>
Sample
TOPランダムにリンクや画像を表示する


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>ランダムにリンクや画像を表示する</title>

</head>
<body>

<h1>ランダムにリンクや画像を表示する</h1>

<script type="text/javascript">
<!--
Random_link = new Array(
'<a href="http://www3.to/bisoy"><img src="b_bn.gif"><br>画像＆リンク１</a>',
'<a href="http://bagongbayani.org/"><img src="logo.gif"><br>画像＆リンク２</a>',
'<a href="http://bulletin-board-system.com/"><img src="webbbs.gif"><br>画像＆リンク３</a>',
'<a href="http://bayani.jp/"><img src="top_s.gif"><br>画像＆リンク４</a>',
'<a href="http://external-file.com/"><img src="java-bana3.gif"><br>画像＆リンク５</a>');

//画像部分の記述で width="88" height="31" 画像のサイズ指定・・
//ここでは省略していますが、記述したほうがいいです。

Numero = Random_link.length;
Random_view = Math.floor(Math.random() * Numero);

document.write('<p style="text-align:center">',''+Random_link[Random_view]+'','<¥/p>');
// -->
</script>

</body>
</html>
Sample
TOPランダムにリンクや画像を表示する２


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>ランダムにリンクや画像を表示する２</title>

</head>
<body>

<h1>ランダムにリンクや画像を表示する２</h1>

<script type="text/javascript">
<!--
Random_link = new Array(
'<img src="b_bn.gif" width="88" height="31" border="0"><br>画像１',
'<img src="logo.gif" width="88" height="31" border="0"><br>画像２',
'<img src="webbbs.gif" width="88" height="31" border="0"><br>画像３',
'<img src="top_s.gif" width="88" height="31" border="0"><br>画像４',
'<img src="java-bana3.gif" width="88" height="31" border="0"><br>画像５');

Numero = Random_link.length;//ここは変更しないように
Random_view = Math.floor(Math.random() * Numero);//ここは変更しないように

document.write(
'<p style="text-align:center">画像の表示<br><br>',
'<a href="randam_jamp2.html" target="_blank">',
''+Random_link[Random_view]+'',//ここは変更しないように
'<¥/a>',
'<¥/p>');
// -->
</script>

</body>
</html>
Sample
TOPランダムにリンクや画像を表示する３


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja-JP">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>ランダムにリンクや画像を表示する３</title>

</head>
<body>

<h1>ランダムにリンクや画像を表示する３</h1>

<script type="text/javascript">
<!--
function bagong_view() {
	window.open('randam_jamp3.html','',
	'width=350,height=400,status=0,scrollbars=0',
	'resizable=0,menubar=0,location=0,toolbar=0');
}

Random_link = new Array(
'<img src="b_bn.gif" width="88" height="31" border="0"><br>画像１',
'<img src="logo.gif" width="88" height="31" border="0"><br>画像２',
'<img src="webbbs.gif" width="88" height="31" border="0"><br>画像３',
'<img src="top_s.gif" width="88" height="31" border="0"><br>画像４',
'<img src="java-bana3.gif" width="88" height="31" border="0"><br>画像５');

Numero = Random_link.length;//ここは変更しないように
Random_view = Math.floor(Math.random() * Numero);//ここは変更しないように

document.write(
'<p style="text-align:center">新しい窓で画像の表示<br><br>',
'<a href="javascript:bagong_view();">',
''+Random_link[Random_view]+'',//ここは変更しないように
'<¥/a>',
'<¥/p>');
// -->
</script>

</body>
</html>
Sample
TOPCONTENTS
トップページ
HP改造前の基礎知識
魔法のｉらんどって何？
魔法のｉらんど改造
外部ファイルの練習編
外部ファイルのテクニック
外部ファイルの記述
外部ファイルのアップ方法
ラテン－１ 文字コード表
ＨＰ作成支援、便利ツール
改造 スクリプト ランド - Javaスクリプト 外部ファイルのサンプルリスト
JavaScript 関連リンク
音楽 (BGM) 用 JavaScript - このページは 音楽 (BGM) が流れます。
バックスラッシュ
アクセスアップ
サイトマップ
新着＆更新情報
WEB 掲示板
TOPSpecial Thanks
このページを紹介されているサイトです。
鹿児島大学 工学部 情報工学科 - 情報工学実験I(16)　実験１６　マルチメディア
Prog/Win32/IEコンポーネント - ZeroDivision
 | Meta Tag 作成ツール (en)  | mailto: タグ 変換ツール (en)  | mailto: タグ 変換ツール 改良版 (en)  | このページのTOP  | 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: 2 / 20 / 2008 22:31:40 JST
 | ひかる君の写真集  | Bayani  | Balitang Tagalog  | Bagong Bayani  | Directory BagongBayani  | Yahoo! 360°  | Web BBS  | JavaScript External File |