thickboxについて

質問

お世話になります。thickboxについて質問がございます。
horixxと申します。
thickboxをお使いになられていなくても、ヒントでも頂けると
とても感謝致します。

同じく、thicboxを使われているはてなチューブ様のように、
http://www.fladdict.net/app/hatenatube/
動画をクリックしたら、背景が黒くなり、ＰＯＰアップするツール
ですが、
http://www.fladdict.net/app/hatenatube/#v=z9VNbtxZeG4&title=%u30D7%u30ED%u30EC%u30B9%20%u30ED%u30C3%u30AF%u69D8%u5FA9%u6D3B%20%u30B9%u30C8%u30F3%u30B3%u306B%u30E1%u30C3%u30BB%u30FC%u30B8

の様に、プロパティを与えると、最初から、背景が黒。
ＰＯＰアップ画面が出る事ができます。このような事を実現したいの
です。

http://jquery.com/demo/thickbox/
thickboxの説明書を読んでも、上記の方法が思い浮かびません。
クリックしないと、ＰＯＰアップされないのです。
本日は朝からずっと考えています。
なにか良い方法はございませんでしょうか。

回答No.3

arenani_sorenani

js/thickbox.js 内

13～30行目、以下の部分。
その下のprotect()も必要かな・・

//add thickbox to href elements that have a class of .thickbox
$(document).ready(function(){//when the document is loaded
//hashがあったら復元します
var hash = location.hash;
hash = hash.replace("#","");
var objPair = hash.split("&");
var param = {}
//hashからオブジェとキーのペアを作る
for(var i in objPair){
var dat = objPair[i].split("=");
var val = unescape(dat[1]);
param[ dat[0] ] = protect(val);
}

if(param["v"]){
TB_clicked(param["title"]||"no title", param["v"]);
}
});

.

お礼

本当に、ありがとうございます。

なんとなくイメージみたいなものは、つかめました。
Javascriptの本買って勉強してみます。

これ！。本家、thickbox.js
(http://jquery.com/demo/thickbox/)
を改造していますね。日本語たくさんある。

回答No.2

神崎 渉瑠（@taloo）

過去ログの方で回答がないままの同じような質問があったような無かったような、、、

o index.html?width=50&height=100#image_id
x index.html#image_id?width=50&height=100

hashとsearchの順番は、searchを前にしないと行けなかったと思いますが、そういうことではないですか？
（ブラウザによっては順番が違っても取得出来る物もあります。）

hashの内容がスクリプトの規格に合致してないとか。

お礼

確かに、過去ログに質問がありました。
過去ログとは別件です。

[過去ログ]
・どうやって、<name="">毎に振り分けられるか。
[私]
・どうやったら、最初から、自動で"POPUP"&背景真暗になるか
です。

回答No.1

arenani_sorenani

ページの読込み時にURLの＃があるかを確認
ある場合は＃以降の文字を取得
vの値とtitleの値を切り出す
listからｖとtitleの値に合致するvideoを検索
存在する場合は「クリック」した時と同じ関数を呼びだす
＃がない場合、listに合致しない場合はなにもせずに終了

お礼

ありがとうございます。
理解が追いついていないので取り急ぎ。（現在ソースを追いかけています）

下記の機能を満たす場所はソースの何処でしょうか。
------------------------------------------------
ある場合は＃以降の文字を取得
vの値とtitleの値を切り出す
listからｖとtitleの値に合致するvideoを検索
存在する場合は「クリック」した時と同じ関数を呼びだす
------------------------------------------------