戻るボタンや「戻る」で呼び出し元のURLに戻る方法

以下の様に設定します。

  1. 戻るボタンの場合
    <INPUT TYPE="button" VALUE="戻る" onClick="history.back()">

  2. 戻るの場合
    <A HREF="javascript:history.back()">

また、history.back(2)とすると2つ前のURLに戻ります。


ヒストリ機能の一覧
1つ前のURLに戻る history.back()
1つ先のURLに進む history.forward()
指定した数の分だけ先にURLを
進めるまたはURLを戻す。
page>0 = 進める
page<0 = 戻る
history.go(page)
ヒストリ数を取得する len = history.length()




特殊記号の「<」・「>」・「&」・「"」を表示する方法

特殊記号の「<」・「>」・「&」・「"」を表示するには、「&○○○○」と明記することで表示することが出来ます。

<
&lt
>
&gt
&
&amp
"
&quot

例)
HTML文 &lt--456789012345678901234567--&qt
表示 <--456789012345678901234567-->




ハイパーリンクにマウスが重なったときツールチップを出す方法

TIPを表示するには以下のように明記します。

<A HREF="☆"title="★">
☆=ジャンプ先のURL
★=TIPで表示する文字

例)
HTML文 <A HREF="http://www.geocities.co.jp/Milano/2718/" title="はくわんらんどへGO!">はくわんらんどへ</A>
表示 はくわんらんどへ




時間によって表示する文字を変える

★サンプル
 

★ソース
<HTML>
<HEAD>
  <TITLE>さんぷる</TITLE>
</HEAD>
<BODY>
  <INPUT TYPE="text" name="msg_wellcom" size="50">  //←msg_wellcomeが表示するメッセージになる
  <SCRIPT LANGUAGE="JavaScript">
  <!--
    var msg;
    var time;
    var date;
    date = new Date();                //←現在時刻(時)を取得するための処理
    time = date.getHours();           //←現在時刻(時)を取得するための処理
    if (time<5)       msg="むにゃむにゃ...                    ";
    else if (time<12) msg="おはようございます                    ";
    else if (time<18) msg="こんにちわ                        ";
    else              msg="こんばんわ                        ";

    function msgbar() {
      msg=msg.substring(2,msg.length)+msg.substring(0,2);
      msg_wellcom.value=msg;            //←msg_wellcomeにメッセージを設定
      setTimeout("msgbar()",500);
    }
    msgbar();
  //-->
  </SCRIPT>
</BODY>
</HTML>




時間によって表示する画像を変える

★サンプル
 時間によって表示する画像を変えています。
 
★ソース
<HTML>
<HEAD>
  <TITLE>さんぷる</TITLE>
</HEAD>
<BODY>
  時間によって表示する画像を変えています。<BR>
  6時00分〜17時59分の間に画面をロードすると昼用の画像を表示します。<BR>
  18時00分〜5時59分の間に画面をロードすると夜用の画像を表示します。<BR><BR>
  <IMG name="gifimage">  //←gifimage.srcに表示するイメージファイルが設定されている
  <SCRIPT LANGUAGE="JavaScript">
  <!--
  var time;
  var date;
  date = new Date();       //←--現在時刻(時)を取得するための処理
  time = date.getHours();  //←--現在時刻(時)を取得するための処理
  if (parseInt(navigator.appVersion.substring(0,1)) >= 3) {
      if (6 <= time && time <= 17) {
          gifimage.src="hiru.gif";
      }
      else 
      {
          gifimage.src="yoru.gif";
      }
  }
  //-->
  </SCRIPT>
</BODY>
</HTML>




メーラーを起動する

★サンプル
 クリックするとメーラーが起動します。
 メールを送る
 タイトル入りでメールを送る

★ソース
<HTML>
<HEAD>
  <TITLE>さんぷる</TITLE>
</HEAD>
<BODY>
  クリックするとメーラーが起動します。<BR>
  <A HREF="mailto:romiokodukai@xxxx.xx.xx">メールを送る</A><BR>
  <A HREF="mailto:romiokodukai@xxxx.xx.xx?subject=タイトルです">タイトル入りでメールを送る</A>
</BODY>
</HTML>




画像上にマウスがある時とない時との画像を変える

★サンプル
 画像にマウスを重ねると絵が動きます。
 

★ソース
<HTML>
<HEAD>
  <TITLE>さんぷる</TITLE>
</HEAD>
<BODY>
  画像にマウスを重ねると絵が動きます。<BR>
  <IMG SRC="off.gif" onMouseOver="this.src='on.gif'" onMouseOut="this.src='0ff.gif'">
  </A>
</BODY>
</HTML>




リンク画像上にマウスがある時とない時との画像を変える

★サンプル
 画像にマウスを重ねると絵が動きます。
 ・クリックするとリンク先にウィンドウが開きます。
 
 ・クリックするとメーラーを起動します。
 

★ソース
<HTML>
<HEAD>
  <TITLE>さんぷる</TITLE>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
  function change_image(name, on) {
    if (parseInt(navigator.appVersion.substring(0,1)) >= 3) {
        birdon = new Image(46,56);
        if (on == 1) {
            birdon.src = "on.gif";  //←マウスが画像に重なったときの画像ファイルを設定する
        }
        else {
            birdon.src = "off.gif"; //←マウスが画像に重なっていないときの画像ファイルを設定する
        }
        image = eval("birdon.src");
        document[name].src = image;
    }
  }
  //-->
  </SCRIPT>
</HEAD>
<BODY>
  画像にマウスを重ねると絵が動きます。
  ・クリックするとリンク先にウィンドウが開きます。<BR>
  <A HREF="http://romiokozukai.web.fc2.com/" target="_brank"
           onMouseOver="change_image('gifimage1',1)" onMouseOut="change_image('gifimage1',0)">
  <IMG SRC="off.gif" border=0 name="gifimage1">
  //←gifimage1.srcに表示するイメージファイルが設定される
  </A>
  <BR>
  ・クリックするとメーラーを起動します。<BR>
  <A HREF="mailto:romiokodukai@xxxx.xx.xx?subject=タイトルです"
           onMouseOver="change_image('gifimage2',1)" onMouseOut="change_image('gifimage2',0)">
  <IMG SRC="off.gif" border=0 name="gifimage2">
  //←gifimage2.srcに表示するイメージファイルが設定される
  </A>
</BODY>
</HTML>




(C) 2007-2010 romiのはくわんらんど インターネットでお小遣い ALL RIGHT REVERVED

inserted by FC2 system