　　ちょこっと Java Script

ここのホームページを作る時に使ったり、使おうと思った、JavaScriptをご紹介します。
私が使ったときは、使用に問題は無かったのですが、
使用に関しては、あくまでも個人の責任で使ってください。
　　　　　　　　　　　　　　　　　　　　　　今、人がお勉強中かも…ね。

　ステータスバーを利用　（IE４以上をお勧めしますね。）

一文字づつステータスバーに表示

　時間によって変わる or 時間（IE４以上をお勧めしますね。）

更新日時の表示
時間によってコメントが変わる
現在の時刻を表示する
今日の日付を表示する
現在の日付と時刻を表示する
経過時間

　BOX・窓・ボタン　　（IE４以上をお勧めしますね。）

ページに飛ぶ前にちょっと質問
何かに使えそう…
選んでジャンプ
右クリック時に表示させる
窓を開くボタン
窓を閉じるボタン
進む・戻るってか！
再読み込みしろ～
くっついてくるヤツ

　ユーザー情報　（IE４以上をお勧めしますね。）

ユーザーエージェントを得る
JavaScriptが使えるんでしょうか？

　その他　（IE４以上をお勧めしますね。）

指定URL以外からのアクセスを拒否する

　■　一文字づつステータスバーに表示

適当に中身の文章は書き替えて使用してください。
ステータスバーの文字は、好き嫌いが分かれるとこですね。
【Sample】
BODY内に置いて下さい。

<SCRIPT LANGUAGE="JavaScript">


</SCRIPT>

　■　更新日時の表示

更新した日付や、時間を表示してくれます。
ご使用のブラウザでのチェックはかならずやっといてくださいね。
【Sample】
表示させたい場所に置いて下さい。

<SCRIPT LANGUAGE="JavaScript">
document.write("Last Updated : ",document.lastModified);
</SCRIPT>

　■　時間によってコメントが変わる

前は良く使われてましたが、最近はあまり見かけませんね。（苦笑）
【Sample】
まず、下の＜script１＞を＜HEAD＞～＜/HEAD＞に置いて下さい。
文章は適当に変えてくださいね。

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

では、表示したい場所に＜script２＞を置いて下さい。

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

　■　現在の時刻を表示する

new Date()で現在の時刻を得ることができます。
【Sample】
表示させたい場所に置いて下さい。

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

　■　今日の日付を表示する

今日の日付を YYYY/MM/DD 形式で表示してみましょう。
【Sample】
表示させたい場所に置いて下さい。

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

　■　現在の日付と時刻を表示する

現在の日付と時刻を表示することができます。
【Sample】

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

　■　時間経過　（byすえぽんさいと）

適当にアレンジして使ってください。
これは、『すえぽんさいと』さんとこのスクリプトです。
【Sample】

　■　ページに飛ぶ前にちょっと質問

ページにジャンプする前に質問を出します。
キャンセルすると元に戻っちゃうとこがいいですよね。
【Sample】
ジャンプ先の＜HEAD＞～＜/HEAD＞に置いて、あとは、リンクするだけです。
質問は適当に変えてね。

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

　■　何かに使えそう

なんか、アイデアしだいでいろいろ出来そうなので、ここにメモしときましょう。
使えそうなとこで使ってください。
【Sample】

<A HREF="javascript:Play()">私が好きなら押して!!</A>
<SCRIPT LANGUAGE="JavaScript">
function Play() {
if (confirm("ホントにいいの？")){
alert("私も大好き");
} else {
alert("なぁ～んだ！");
}
} </SCRIPT>

　■　選んでジャンプ

選択をして[GO]ボタンで、ジャンプします。
適当に直して使ってください。
【Sample】

<SCRIPT LANGUAGE="JavaScript">
<!--
function jump(sel) {
  if (sel.options[sel.selectedIndex].value) {
    location.href = sel.options[sel.selectedIndex].value;
  }
}
// -->
</SCRIPT>

<FORM>
<SELECT NAME="s1">
<OPTION VALUE="">選びましょう
<OPTION VALUE="">選びましょう
<OPTION VALUE="http://www.i-pon.net">ぽんの大部屋
<OPTION VALUE="http://www.i-pon.net/midukids/midukids.htm">みづきっず
<OPTION VALUE="http://www.i-pon.net/midukids/get_room/tyokottoku.htm">ちょこっ得
</SELECT>
<INPUT TYPE=button VALUE="GO!" onClick="jump(this.form.s1)">
</FORM>

　■　右クリック時に表示させる

右クリックしたときにこれが出ると、かなり腹立たしいものです。
私が、それを承知で使ってるのは、フリー素材とはいえ、
人が作った素材を使用させて頂いているからです。
これを嫌う人は多いので使用にはご注意を!!(笑)
【Sample】
コメントは適当にいじってください。

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

　■　窓を開くボタン

ではまず、＜HEAD＞～＜/HEAD＞の間に＜script１＞を置きます。

<script１>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

「開く」ボタンを置きたい任意の場所に＜script２＞を記述します。
リンク先やコメントは適当に。

<script2>
<form>
<input type="button" value="窓を開く" onClick="OP('http://www.i-pon.net/')">
</form>

サンプルで見ると判りやすいかな。

　■　窓を閉じる

今度は、さっきの窓を閉じてみます。
閉じるだけなので、下のタグを閉じたいページのボタンを置きたい場所にどうぞ。
サンプルは上記の【窓を開ける】を見てください。

<form>
<input type="button" name="close" value="窓を閉じる" onClick="window.close()">
</form>

　■　進む・戻るってか！

う～ん、これはどう使ったらいいのか。
置きたい場所に置けばいいんですけど、
戻れない時は、戻れません！キッパリ。
【Sample】

<form>
<input type="button" value=" 戻らんかい！ " onClick="history.back()">
<input type="button" value=" 進まんかい！ " onClick="history.forward()">
</form>

　■　再読み込みしろ～

もうこの辺になると、使えそうな人だけ使って・・・って感じです。
ボタンもここに付けてみます。
ボタンをつけたい場所に置いて下さい。

<form>
<input type="button" value="再読み込みしてね" onClick="location.reload()">
</form>

　■　くっついてくるヤツ　（byすえぽんさいと）

適当にアレンジしてください。
これも『すえぽんさいと』さんとこのスクリプトです。
【Sample】

<script>
// レイアの最初の横位置
def_left = 10;

// レイアの最初の縦位置
def_top = 100;

function init() {
   N4 = IE = GK = 0;
   if (document.layers)
      { N4 ++; obj = document.layers["lay"]; }
   else if (document.all)
      { IE ++; obj = document.all("lay").style; }
   else if (document.getElementById)
      { GK ++; obj = document.getElementById("lay").style; }

   with (obj) {
      left = def_left;
      top = def_top;
   }
   lay_ud();
}

function lay_ud() {
   if (N4) y = pageYOffset + def_top;
   if (IE) y = document.body.scrollTop + def_top;
   if (GK) y = window.pageYOffset + def_top;
   obj.top = y;
   setTimeout("lay_ud()",0);
}

onload = init;
</script>

<div id=lay style="position:absolute;">
<table bgcolor=#9999ff border cellpadding=10><td>
<font color=#ffffff>
このレイアは、<br>
ウィンドウが<br>
スクロールされても<br>
常にこの位置に<br>
表示されます
</font>
</td></table>
</div>

　■　ユーザーエージェントを得る

なんか、ちょっとアクセントになる程度ですかねえ。
使いたいとこに置いて下さい。コメントも適当にどうぞ。
【Sample】

<SCRIPT LANGUAGE="JavaScript">
<!---
document.write("Welcome:",navigator.userAgent)
//--->
</SCRIPT>

　■　JavaScriptが使えるんでしょうか？

よく考えると、これは大事な事かも．．．
これも、使いたいとこに置いて下さい。コメントも適当に。
【Sample】

<SCRIPT LANGUAGE="JavaScript">
<!---
if (navigator.javaEnabled()) { document.write("あなたのブラウザはJavaScriptが使えるみたいっす。") }
else { document.write("あなたのブラウザはJavaScriptが使えないみたいっす。") }
//--->
</SCRIPT>

　■　指定URL以外からのアクセスを拒否する（byすえぽんさいと）

三国志NETで使ってみました。
快調に飛ばしますが…時々うんざりしたりもする（苦笑）

<script>

/* 正規のリンク元URL又はURLの一部（アカウントだけでも可）を記述 */

check = "http://www.xxx.xx/xxxxx/";



/* 正規のリンク元からのアクセスではなかった場合に飛ばすURL */

url = "http://www.xxx.xx/xxxxx/";



/* リンク元のURLを取得 */

ref = top.document.referrer;



/* refにcheckで指定した文字列が含まれているかチェック */

if (ref.indexOf(check) < 0)

   document.location = url;

</script>

ステータスバーを利用　（IE４以上をお勧めしますね。）
一文字づつステータスバーに表示
時間によって変わる or 時間（IE４以上をお勧めしますね。）
更新日時の表示時間によってコメントが変わる現在の時刻を表示する今日の日付を表示する現在の日付と時刻を表示する経過時間
BOX・窓・ボタン　　（IE４以上をお勧めしますね。）
ページに飛ぶ前にちょっと質問何かに使えそう… 選んでジャンプ右クリック時に表示させる窓を開くボタン窓を閉じるボタン進む・戻るってか！再読み込みしろ～くっついてくるヤツ
ユーザー情報　（IE４以上をお勧めしますね。）
ユーザーエージェントを得る JavaScriptが使えるんでしょうか？
その他　（IE４以上をお勧めしますね。）
指定URL以外からのアクセスを拒否する

ちょこっと Java Script

■ 一文字づつステータスバーに表示

■ 更新日時の表示

■ 時間によってコメントが変わる

■ 現在の時刻を表示する

■ 今日の日付を表示する

■ 現在の日付と時刻を表示する

■ 時間経過 （byすえぽんさいと）

■ ページに飛ぶ前にちょっと質問

■ 何かに使えそう

■ 選んでジャンプ

■ 右クリック時に表示させる

■ 窓を開くボタン

■ 窓を閉じる

■ 進む・戻るってか！

■ 再読み込みしろ～

■ くっついてくるヤツ （byすえぽんさいと）

■ ユーザーエージェントを得る

■ JavaScriptが使えるんでしょうか？

■ 指定URL以外からのアクセスを拒否する （byすえぽんさいと）

　　ちょこっと Java Script

　■　一文字づつステータスバーに表示

　■　更新日時の表示

　■　時間によってコメントが変わる

　■　現在の時刻を表示する

　■　今日の日付を表示する

　■　現在の日付と時刻を表示する

　■　時間経過　（byすえぽんさいと）

　■　ページに飛ぶ前にちょっと質問

　■　何かに使えそう

　■　選んでジャンプ

　■　右クリック時に表示させる

　■　窓を開くボタン

　■　窓を閉じる

　■　進む・戻るってか！

　■　再読み込みしろ～

　■　くっついてくるヤツ　（byすえぽんさいと）

　■　ユーザーエージェントを得る

　■　JavaScriptが使えるんでしょうか？

　■　指定URL以外からのアクセスを拒否する（byすえぽんさいと）