Javascriptの最近のブログ記事

    <script type="text/javascript" src="http://basil.sc/js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="http://basil.sc/js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="http://basil.sc/js/jquery.galleryview-1.1.js"></script>
    <script type="text/javascript" src="http://basil.sc/js/jquery.timers-1.1.2.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $('#photos').galleryView({
      panel_width: 600,
      panel_height: 400,
      frame_width: 105,
      frame_height: 70,
      overlay_height: 40
    });
  });
</script>

  <div id="photos" class="galleryview">
    <mt:Assets type="image" lastn="10" blog_ids="1">
    <div class="panel">
      <img src="<$MTAssetURL$>" />
      <div class="panel-overlay">
        <h2><$MTAssetLabel$></h2>
      </div>
    </div>
    </mt:Assets>


    <ul class="filmstrip">
      <mt:Assets type="image" lastn="10" blog_ids="1">
      <li><img src="<$mt:AssetThumbnailURL height="70"$>" alt="<$MTAssetLabel$>" title="<$MTAssetLabel$>" /></li>
      </mt:Assets>
    </ul>

  </div>

webのページの遷移方法

htmlのaタグで移動するのが基本ですが、それ以外にも色々な移動、遷移、リダイレクトする方法があります。

aタグのリンク
一番よく使う方法です。

<a href="http://web.p-jisoku.com/">web備忘録</a>

metaタグのリフレッシュ
少しの間情報を見せてから自動的に移動する時によく使います。
URLの前の3は移動するまでの時間で、変更出来ます。

<meta http-equiv="refresh" content="3;URL=http://web.p-jisoku.com/" />

formタグのサブミット
問い合わせフォームなどでよく使います。
フォームの内容を受け取る事が出来ます。

<form action="http://web.p-jisoku.com/" method="post">
<input type="submit" />
</form>

javascript

location.href = "web.p-jisoku.com/";
関数にして使うことが多いです。

window.open('web.p-jisoku.com/')
別のウィンドウが立ち上がります。

php

header("Location: http://web.p-jisoku.com/");
条件分岐して移動先を変えるときなどによく使います。

.htaccess

Redirect permanent /~user/web/ http://web.p-jisoku.com/
アクセスしようとしたら違うページに飛ばされます。