Pearl ROAD

Tech Note

すぐに使えるJavaScript群等 　｜　厳選リンク集

---

●Google Maps API 関連

注意事項　：　文字コードは　UTF-8
参考サイト　：　
Google Maps API クラスリファレンス 意訳とサンプル -『入門 Ajax』サポート , Google グループ Google-Maps-API-Japan , Sign up for a Google Maps API key , ,

中心座標（経度・緯度）の自動表示

(中心座標（経度・緯度）の自動表示最新版)

初版：(2006年03月23日)
	<form id="F1" name="F1" action="#">
	<input type="text" name="T1" size="50">
	</form>

	<div id="map" style="width: 500px; height: 400px"></div>
	<script type="text/javascript">
	//<![CDATA[
    
	var map = new GMap(document.getElementById("map"));
	map.addControl(new GSmallMapControl());
	map.addControl(new GMapTypeControl());
	map.setMapType(map.mapTypes[1]); 	//0:マップ,1:サテライト

	map.centerAndZoom(new GPoint(132.451171875, 33.158247668082396), 8);
	document.F1.T1.value = "(132.451171875, 33.158247668082396)";

	var marker = new GMarker(new GPoint(135.498226, 34.805814));
	var html = "この";
	GEvent.addListener(marker, "click", function() {
	marker.openInfoWindowHtml(html);
	});
	map.addOverlay(marker);

	GEvent.bind(map, "move", this, this.onMapMove);
	function onMapMove(){
		document.F1.T1.value = map.getCenterLatLng();
	}

	//]]>
	</script>

---

色見本

Black = "#000000" Green = "#008000" Silver = "#C0C0C0" Lime = "#00FF00" Gray = "#808080" Olive = "#808000" White = "#FFFFFF" Yellow = "#FFFF00" Maroon = "#800000" Navy = "#000080" Red = "#FF0000" Blue = "#0000FF" Purple = "#800080" Teal = "#008080" Fuchsia = "#FF00FF" Aqua = "#00FFFF"

---

画像処理

●デジカメ写真のサイズ変更の目安：Width 267 X Height 200(1999/12/18 new)
　「それほど重たくもなく、映像もシャープ」 from 香緒さん

---

JavaScript群等

●EMBED自動切り替え

	r_nerve = "";

	r_sei = "";

	mi_right = new Array("","","",r_sei,r_sei,r_sei,r_sei,r_sei,r_sei,"",r_nerve,r_nerve,r_nerve,r_nerve,r_nerve,r_nerve,r_nerve,r_nerve,r_nerve,r_nerve,r_nerve,r_nerve,r_nerve,r_nerve);

	mi_file = new Array("doitsu.mid","hamabe.mid","uwajima.mid","sei-junction.mid","sei-kaerenai.mid","sei-Moonmix1999.mid","sei-remind.mid","sei-scenery.mid","sei-sealerax.mid","maria.mid","nerve-clktwr.mid","nerve-forgot.mid","nerve-gnos1.mid","nerve-mds1.mid","nerve-nmu.mid","nerve-no1660.mid","nerve-sepia.mid","nerve-sunrise.mid","nerve-tooblue.mid","nerve-wwb.mid","nerve-2ofus.mid","nerve-dancers5.mid");

	now = new Date();
	i = now.getSeconds() % 22;
//	i = 20;
	no = i + 1;
//	document.write("");
//	document.write(mi_right[i]);

●ポップアッププルダウンメニュー(2004/12 new)

●自動フレーム枠抜け技(1999/10/15 up)

if (top.location != self.location) {
        top.location = self.location
}

●長文自動閲覧サービスコーナー

st = 0;
ad = 1;
timeID = 10;
function Frame_Scroller()
{
	if (st == 1){return}
	window.parent.F_msg.scrollBy(0,ad);
	clearTimeout(timeID);
	timeID = setTimeout("Frame_Scroller()",2);
}
//　初期化
function S_init(){	st = 0;	ad = 1;}
//　加速処理
function kasoku(){	ad++;	if ( ad > 128 ) ad = 128;}
//　減速処理
function gensoku(){	ad--;	if (ad < 2) ad = 1;}
//　開始
function S_start(){	S_init(); Frame_Scroller();}
//　停止
function S_stop(){	clearTimeout(timeID);	st = 1;}

//　表示
function s_jump(u_form)
{
	parent.F_msg.location.href = u_form.s_url.value;
	S_init();

}
window.parent.F_msg.document.onmousedown = S_stop;

●フレーム間操作(1999/08/26 up)

◆別フレームの関数を起動する：
　例＝マウスクリックを検知して別フレーム（his_top）の関数（Stop_Scroller()）を起動。
　　function Stop_S()
　　{
　　　　parent.his_top.Stop_Scroller();
　　}
　　document.onmousedown = Stop_S;

　補足：文法上、一行で　document.onmousedown = parent.his_top.Stop_Scroller;　も可能だが、
　　　　Stop_Scrollerが実装されていない旨の警告メッセージが出る。(1999/08/30 add)

◆別フレームのイベントを拾う：
　例＝別フレーム（his_main）のマウスクリックを検知して自フレームの関数（Stop_Scroller()）を起動。
　　window.parent.his_main.document.onmousedown = Stop_Scroller;

●Cookie組み合わせによる当日再訪問判定(1999/08/19 up)

ポイント：
◆Cookie読み書きは外部フリースクリプト内の関数を読み込んで使用。
	<SCRIPT Language="JavaScript" SRC="cookie-script.js"> </SCRIPT>
[補足]同一ディレクトリ上のページからの読み書き先は同一Cookieファイルとなる。
　　　　　　　　　　　　　　　　　　　　(厳選リンク集「一撃必殺　Java　Script日本語リファレンス」)
◆当日の初回・再訪問判定は下のスクリプト
	now = new Date();
	month = now.getMonth()+1;
	day = now.getDate();	
	Set = month + "/" +day;
	if(getCookie("Check")){
		flag_get = getCookie("Check");
		if(Set == flag_get){		
		document.write("本日(",Set,")又のお越しをありがとうございます");
		}
		else{
		document.write("本日(",Set,")初めてのお越しをありがとうございます");
		flag_set = setCookie("Check",Set,7);
		}
	}
	else{
		document.write("本日(",Set,")初めてのお越しをありがとうございます");
		flag_set = setCookie("Check",Set,7);
	}

●ウィンドウオープン(1999/08/18 up)

ポイント：下のスクリプトを実行する。参考−＞



myWin = window.open("開くＵＲＬ","ウィンドウ名","scrollbars=yes,width=200,height=200")

●フレームスクロール(IE4/Netscape3ups.1999/08/16 up)

ポイント：下の関数をsetTimeoutで繰り返し、その中でscroll(x,y)を使用する。
function Frame_Scroller3()
{
	parent.No1.scroll(x+=ad,0);  //No1はスクロールさせたいフレーム名
	if (x>3000) x=0;
	clearTimeout(timeID);
	timeID = setTimeout("Frame_Scroller3()",10);
}

●今更ですがテロップ(1999/04/06 up) 　　　

var id, pause=0, position=0;
function telop(){
 var i,k,msg="　　　テロップ１２３４５６７８９０";
 k=(66/msg.length)+1;
 for(i=0;i<=k;i++) msg+="　　　"+msg;
  document.coment.telop.value=msg.substring(position,position+80);
  if(position++==msg.length) position=0;
   id=setTimeout("telop()",1000/10);
}

●ｎ秒で任意のＵＲＬにジャンプ引越し案内に最適！(1999/03/03 up)

<HEAD>
<META http-equiv=Refresh content="8;URL=http://202.48.195.9/users/prs/pearl/">
</HEAD>

●
但し、拡張子が stm のファイルでは表示日付が不正となりますので使用できません。

<script type="text/javascript" language="JavaScript">
<!--
document.write('Last update = : ' + document.lastModified + '(＜-JavaScriptによる更新日付自動設定)');
// -->
</script>

●オートスライドショー [ストップ][スタート]ボタン追加(JavaScript：関数定義タイプ)　　(1999/03/04　up)
　　このテクニックは飛び先のソースを表示してご覧下さい。尚フレーム必須。

●ボタンで(JavaScript：関数定義タイプ)　

function gojump() {
   location.href="index.htm" ;
}

<FORM>
<INPUT TYPE="button" VALUE="JUMP" onClick="gojump()">　
</FORM>

●ボタンで(JavaScript：直接命令記述タイプ)

<FORM> <INPUT TYPE="button" VALUE="JUMPその二" onClick="location.href='index.htm'">　 </FORM>

●戻る、リロード(JavaScript：直接命令記述タイプ,Netscape(〜4),IE(3,4))

<a href="javascript:history.go(-1)">戻る</a>、<a href="javascript:history.go(0)">リロード</a>

●「ページの先頭に戻る」画面右下固定表示 by ［JavaScript］All About

<script type="text/javascript" language="JavaScript" src="toplink.js"></script>（ページ内リンクアンカー定義）
<script type="text/javascript" language="JavaScript" src="toplink.js"></script>
<body onload="iniFunc();">

<div id="fixedLay0" style=" position: absolute; z-index: 100; left: -200px ; top : -200px; font-size:16px;">
<a href="#top">ページの先頭に戻る</a>
</div>

---

実際の使用例：
alt.js screen.css filter.css base.css low.css

---

厳選リンク集

●とほほのＷＷＷ入門

●スタイルシート例文辞典

●=(^。^)=　24 Java、JavaScript、DHTMLサンプル-カテゴリ区分

●とにかく実際のホームページ作りに役立つＷｅｂ（ホームページマスター養成講座）

●Ｗｅｂゼミナール (1999/11/08 new)

●ＨＴＭＬのテクニック
ＨＴＭＬレファレンス（ＲＧＢカラーコード付き。青山学院大学国際政治経済学部）(1999/06/07 up：ＵＲＬ変更)
Yasukoのインターネット教室（ＦＬＯＲＡＣＩＴＹ）(1999/09/17 new)
MIDIを使用したBGM（Nerve(雑音空間)）(1999/12/11 new)
MIDI YELLOWPAGE(1999/12/12 new)
mml2mid音楽記述言語MMLで書かれたファイルを，標準MIDIファイルに変換するコンパイラ。(1999/12/25 new)
うっちいの音楽箱ＭＩＤＩ　ＦＡＱもあります。(1999/12/28 new)

●JavaScript　リンク集
一撃必殺　Java　Script日本語リファレンス
［JavaScript］All About(2007/07/14 new)

●パール　リンク集(03/10up)
Perl初心者の部屋
　[参考書]
　・『CGIのための実践入門Perl』
　・『Perlモジュール活用ガイド』
Perlスクリプト(Yahoo!)
プログラミング言語:Perl(Yahoo!)

www.perl.com:the central Web site for the Perl community(1998/11/30 up)
Perl Script Lavolatory
jcode.pl: Perl library for Japanese character code conversion
南国ＣＧＩ工場

●その他ＣＧＩ
Net Surfrescue Web Urawaza
ＴＲＹ！ＡＳＰ (1999/11/09 new)

●そもそもＷＷＷとは
Ｗ３Ｃ（英語） mld

---