2012年12月30日
thickbox奮闘記[ Tips ]
サイトに色々な機能を追加するにあたって、thickboxが結構使えそう。
thickboxと言うのは、よく画像をクリックすると、背景が暗くなって画像だけのウインドウが作られるヤツです。
これを用いて、データの入力フォームを作ろうかな？と。
詳しい事は、まとめ：ThickBox の使い方 (記述例＆Tips) を読んでいただくといいかと思う。
この中のインラインを使用しようとしてたのだが、どうやってもthickboxの中に表示されない。
悩んでいたら、jQuery.thickboxの#TB_inlineで表示ができない を見つけた。
結局、thickboxにバグがあって、表示出来なかった…と言う訳ね。上記サイトに倣って、thickbox.jsを修正して無事に動きました。
Posted by りじんぐ at 22:24
function tb_parseQuery ( query ) {
// 追加(ここから)
query = (query.indexOf('?') != -1) ? query.split('?')[1] : query;
// 追加(ここまで)
var Params = {};
if ( ! query ) {return Params;}// return empty object
var Pairs = query.split(/[;&]/);
for ( var i = 0; i < Pairs.length; i++ ) {
var KeyVal = Pairs[i].split('=');
if ( ! KeyVal || KeyVal.length != 2 ) {continue;}
var key = unescape( KeyVal[0] );
var val = unescape( KeyVal[1] );
val = val.replace(/\+/g, ' ');
Params[key] = val;
}
return Params;
}