JavaScriptでwait（またはsleep）処理をしたいなーと思う人はたくさんいるみたいです。
（Google　「javascript wait」の検索結果→約 33,400,000 件）

実現の方法はいくつかあるのですが、その提案の一つとしてAPIを作ってみました。
（っていうか個人的にJSONPの勉強したかっただけ）
一応公開しますけど、とっても普通のサーバなのであんまり負荷かけないでね！おにいさんとのやくそくだぞ！

ちなみに、他の方法で実現するとしたらこんな感じでしょう。

JavaScript には Sleep や Wait のような仕組みはありません。 .. – 人力検索はてな

ループで実現するか、setTimeoutを利用するか、どちらかが普通みたいです。

で、今回はAPIを作ったのですが、正直オススメはできませんｗ　←なんで作った

何故なら、APIへのアクセスにラグが発生するからです。
混雑していたら全く信用できないということに。。＾ｑ＾

まぁいろいろぶっ飛ばして公開はしますｗ

使い方は以下。jQueryでのアクセス方法を例に書きます。

アクセスURL

http://quoit.jp/tools/wait.php

$.ajaxで書く場合

$.ajax({
	url: "http://quoit.jp/tools/wait.php?callback=?",
	data:{
		"t": "2"
	},
	dataType: "jsonp",
	success:function(_ret){
		alert(_ret.start);
	}
});

$.getJSONで書く場合

$.getJSON("http://quoit.jp/tools/wait.php?callback=?",
{t:"2"},
function(data) {
	alert("start:"+data.start+" end:"+data.end);
});

引数「t」に秒数を入れます。
返り値はstartとendで、それぞれに開始日時と終了日時が入ります。
細かいことは各自よしなに。

もし使ってみた報告とか頂けたら掲載しまーす！

※なんか大変なことになったら公開終了します。

＜追記：2011/02/16 12:52＞
Twitterご指摘頂いたのですが、「callback=?」って書いてあるのはjQueryの仕様です。下記の記事を参照。

jQuery.getJSON()で別ドメインのJSONPなデータを読み込む時の注意 – kanonjiの日記

引数が「?」って美しくないよね。

いつも拝見している 5509 さんのブログで、「誰が使うの？何の役にも立たないjQueryプラグイン10選」というエントリが公開されています。
独創的な発想に満ちたjQueryプラグインで、たぶん使うことはないけど多いに笑えます。

その中の一つ、「これからの新標準LightBox jDTLightBox.js」というLightboxのプラグインがあります。
こちらもご多分に漏れず大変ユニークなプラグインなのですが、そういえば自分でLightbox的なものを作ったことがないなと思い、これを参考に作ってみることにしました。

デモ
ダウンロード（140KB）

特徴

かなりシンプルなLightboxです。jQuery利用。
画像(jpg,gif,png)とiframeコンテンツに対応してます。
内容のサイズを取得して、表示サイズが自動で調整されます。
表示の際のアニメーションはありません。
（コメントアウトしてあるところをいじるとアニメーションのヒントになるかも？）

使い方

１）シンプルな利用法（画像の場合）
（HTML）

画像を表示

（JavaScript）

$("#hoge").qBox();

２）オプションを指定
（HTML）

画像を表示

（JavaScript）

$("#hoge").qBox({
   href:"http://quoit.jp/",
   width:500,
   height:400
});

実装課題

・iframeコンテンツを表示した際の履歴の管理。
　→iframe内でsubmitイベントが発生したときに制御しきれていない
　→完全に制御する必要に迫られなければ問題はないのだろうか。。

ご注意

このスクリプトが原因で発生した不利益、不具合に関しての責任は一切負いません。
ご利用にあたっては自己責任でお願い致します。

ライセンス

ライセンスはjDTLightboxを継承してMITです。
基本的にどんなに改造してもらっても構いません。
構造がシンプルなので、初めてLightboxを作ってみようという方にはオススメだと思います。

問題点、改善要望は下記コメント欄かTwitterまで。

ボックス内をスクロールすると自動でコンテンツをロードするjQuery – かちびと.net

を読んで、ちょっとやってみたくなったので作った。
言ってもたいしたことやってませんがｗ

かちびと.netのシロさんには許可を頂いてます。

詳細は以下。

上記記事では、下までスクロールしたあとにワンテンポ置いてから（タイマー処理で）コンテンツがロードされる形になってます。

しかし、IEで見てみるとわかるのですが、内側のスクロールが完了した時点で外側のスクロールも動いちゃうんですね。

なので、ロードされる前にページの下に行ってしまう。

これをちょっと改善できないかなーと思って作ったのがこちら。

Auto Scroll Test

コードは以下。

<script type=”text/javascript”>
$(function(){
function updatestatus(){
//ロードしたアイテムの数を表示
var totalItems=$(‘#content p’).length;
$(‘#status’).text(‘現在、 ‘+totalItems+’ 個を表示しています。’);
}
function scrollalert(){
var scrolltop=$(‘#scrollbox’).attr(‘scrollTop’);
var scrollheight=$(‘#scrollbox’).attr(‘scrollHeight’);
var windowheight=$(‘#scrollbox’).attr(‘clientHeight’);
var scrolloffset=300;
if(scrolltop>=(scrollheight-(windowheight+scrolloffset)))
{
//新しいアイテムのロード
$(‘#status’).text(‘続きを読み込んでいます・・’);
$.get(‘./hoge.txt’, ”, function(newitems){
var arr = newitems.split(“\n”);
for(var i=0;i<arr.length;i++){
$(‘#content’).append(“<p>”+arr[i]+”</p>”);
}
updatestatus();
});
}
}
scrollalert();
$(‘#scrollbox’).scroll(function(){scrollalert();});
});
</script>

HTMLは元記事と同じです。

処理の変更ポイントは、

１）スクロールが一番下に行く前にロードするようにした
var scrolloffset=300;
の部分ですね。
この数値は「スクロールの一番下のポイントからどのくらい離れた位置でロードするか」という設定になってますので、
「20」になってたのを「300」に増やしました。

２）タイマーをやめて、スクロールイベントにバインドした
元スクリプトでは、タイマー処理で1.5秒毎に関数が実行されるようになってました。
これを変更して、スクロールしたら関数を実行するように変えました。
こうすることで、ちょっとはIE対策になってるはず。。

３）おまけ：　読み込み元のテキストを書き方を変えた
読み込む元テキストが

<p>hoge</p>
<p>hogehoge</p>
<p>hogehogehoge</p>

となってて、元テキストにHTMLタグが含まれてるのが気に入らないのでｗ

hoge
hogehoge
hogehogehoge

を読み込んで、JavaScript側で<p>タグをつけるように変更しました。
完全に好みの問題ですけどｗ

こんな感じです。

こうしたほうがいいんじゃない？という意見は随時募集！＾＾

jQueryは簡単に変更できるのが面白いですねー＾＾

はまったのでメモ書き。

＜やりたいこと＞
jQueryを使ってAJAXでPHPに配列を渡したい

＜10/26：追記しました＞

＜前提＞
・CentOS5.3
・PHP5.2.11
・jquery-1.3.2.min.js

＜サンプルソース＞

$.ajax({
type: “GET”,
url: “test.php”,
data: {
id:[1,2,3,4,5,6,7]
},
success: function(){
alert(‘成功しました’);
},
error: function(){
alert(‘エラーです’);
}
});

＜問題点＞
・jQueryは上記のソースで「id=1&id=2&id=3&id=4&id=5&id=6&id=7」というリクエストを行う
→同じキーで複数の値を送信する
・PHPは同じキーで複数の値が送信されていた場合、後から受け取ったものだけが有効になる
→上記ソースで受け取れるのは「array(1) { ["id"]=> string(1) “7″ } 」のみ

＜解決方法＞
見当たらない。
ので、別の方法を使えということか。

仕方ないので、当面は「カンマ区切りの文字列にしてPHP側で分割」という方法で回避しようと思いますが、
どうにかならないんだろうか？これは…

＜10/26：追記＞
コメントにて提案頂いた方法

data: {
“id[]“:[1,2,3,4,5,6,7]
},

で取得できました…！
これでvar_dumpの結果は

array(1) {
["id"]=>
array(20) {
[0]=>
string(1) “1″
[1]=>
string(1) “2″
[2]=>
string(1) “3″
……
}

となりました！！
HOGE-CHONさん、ありがとうございます！

＜さらに追記＞
var_dumpの結果を他のソースから持ってきて不思議なことになってしまっていたので修正しました。失礼しました。

なんかLyteBoxでググったらこのブログが上のほうに来てたので、いろいろ書いておこう。

間違いがあればご指摘頂けると幸いです。

—–
ご存知の通り、LyteBoxは「LightBox」からの派生です。

写真やHTMLページを画面遷移せずに表示するスクリプト。

Lytebox – Home

僕はこういうところで使いました。

（手前味噌で申し訳ない。。）

「ギャラリー」として、複数枚の写真をグループ化し、「次へ」「前へ」で移動させることも可能。

この辺は他のページにもあるね。
設置方法は下記参照で以下略（ぉ

Lytebox – 自動再生スライドショー機能付け画像ギャラリー – オープンソースコラム

それともう一つ。

IE8が浸透してきて、LyteBoxの「Close」ボタンが消える問題が発生してきている。

それに関しては下記ブログで紹介されてました。

Lytebox Tips　IE8対応 & 画面close後の遷移 | ANNAI

ちなみにコピペだといけません。

コメントで指摘させて頂いたのだが、表示されてない(;_;)

ので修正版を書いときます。

（ANNAIの中の方、問題あったらご連絡ください。。）

＜誤＞

lytebox.js 　：81行目

this.ie = (document.all && !window.opera) ? true : false;

を

this.ie = (document.all && !window.opera && document.documentMode ! = 8) ? true : false;

へ変更します。

＜正＞

lytebox.js 　：81行目

this.ie = (document.all && !window.opera) ? true : false;

を

this.ie = (document.all && !window.opera && document.documentMode != 8) ? true : false;

へ変更します。

まぁ、付け加えた部分の演算子に半角スペースがあるかないかの違いです。

わかる人ならすぐわかるけど、全く知らない人もいるだろうから、念のため。

前に書いた「Lyteboxのキャッシュ？」について。

その後、現象は自然解決されたようです。
（ブラウザの再起動がきっかけ？）

おそらくはブラウザのキャッシュが更新されたのだろうが、なんだか気持ち悪いなぁ。。。

ブラウザのキャッシュについて、
HTMLのヘッダで制限をかける方法もあるけど、完全な制御ではないし。

プログラム出力にすれば良いのかもしれないが、ちょっと納得いかないのは私だけではないはず。

続き＞LyteBoxについて

Lyteboxを使用しているのだが、
時々キャッシュが残ってしまう現象に遭遇。

ちょっとググってみたが、あまりそういう情報がない。

現象は以下。

１）WindowsVista、IE7（8?）の環境下。
　　サムネイル→拡大画像（LyteBox表示）。

２）一度同じURLで別画像を表示している。

３）画像の名称を同じで別画像に差し替え。

４）その後再表示で、以前の画像が表示される。
　　（リンク元のサムネイルは新しい画像。）

５）IEのインターネット一時ファイルを削除。

６）問題解消せず。以前の画像が表示され続ける。

７）FireFoxでは現象再現とれず。

時間が経てばIEのキャッシュもそのうち解消されるのかもしれないが、非常に気持ち悪い。

自分の環境で再現できなかったので、IEのキャッシュ上限変更とかは試せなかった。

誰かこの現象について知ってる人はいないものか。。