2008年10月23日木曜日

Shadowbox.jsでフォームを表示

スズキです。

こんな感じで表示できます。

--------【HTML】--------
<p>
  <a href="#login"
      rel="shadowbox;width=500px;height=400px"
      title="ログイン">ログイン</a>
</p>
<div id="login">
<form>
<p><input type="text"/></p>
</form>
</div>
--------
http://code.google.com/p/suz-lab/source/browse/trunk/suz-php-jquery/webapp/example/shadowbox.html

--------【JavaScript】--------
var options = {
  enableKeys: false
};
Shadowbox.init(options);
--------
http://code.google.com/p/suz-lab/source/browse/trunk/suz-php-jquery/webapp/JS/app/example/shadowbox.js

ここで注意点ですが、Shadowbox.jsの
initメソッド実行時のオプションに、
enableKeys: false
を指定する必要があります。

これを指定しないと、キー入力ができなくなります。

でも、"validate plugin"がきかないらしい...

--
http://suz-lab.blogspot.com/

0 コメント: