アークウェブWebマーケティングSandBox

• バックアップ一覧
• ソース を表示
• LITBoxの使い方サンプル は削除されています。
  • 1 (2006-12-09 (土) 11:40:18)
  • 2 (2006-12-09 (土) 12:11:36)
  • 3 (2006-12-11 (月) 09:48:47)
  • 4 (2007-06-23 (土) 16:01:00)
  • 5 (2007-08-03 (金) 14:05:40)
  • 6 (2007-08-26 (日) 16:46:49)
  • 7 (2007-08-30 (木) 18:54:40)
  • 8 (2007-09-07 (金) 16:52:26)
  • 9 (2007-09-09 (日) 10:43:59)
  • 10 (2007-09-14 (金) 03:00:27)
  • 11 (2007-09-15 (土) 14:48:49)
  • 12 (2007-09-18 (火) 03:59:20)
  • 13 (2007-09-20 (木) 17:08:51)
  • 14 (2007-09-21 (金) 23:54:48)
  • 15 (2007-09-22 (土) 12:50:19)
  • 16 (2007-09-24 (月) 01:18:03)
  • 17 (2007-09-26 (水) 05:50:57)
  • 18 (2007-09-26 (水) 15:20:34)
  • 19 (2007-09-27 (木) 06:22:14)
  • 20 (2007-09-28 (金) 04:24:45)
  • 21 (2007-09-28 (金) 14:14:58)
  • 22 (2007-09-28 (金) 18:12:44)
  • 23 (2007-09-29 (土) 04:31:50)
  • 24 (2007-09-30 (日) 09:14:00)
  • 25 (2007-10-01 (月) 06:24:25)
  • 26 (2007-10-01 (月) 15:09:37)
  • 27 (2007-10-08 (月) 08:57:01)

目次 †

概要 †

lightboxのような、同じページ内にBOXを表示させてコンテンツを見せる方法の

BOX内にHTMLが書けるもの。それがLITBoxです。

LITBoxの使い方について、サンプルで説明しています

ダウンロード †

• Ryan J Lowe’s Dev Blog >> LITBox
  http://www.ryanjlowe.com/?p=9

シンプルなサンプル †

• 単に別ページの内容を読み込んでBOX内に表示しているだけです。
  • LITBoxサンプル１

OptionによるBOXの制御 †

• 上の例では、読み込んだBOXの下がやけに長いのが気になりますね。
  • LITBoxはOptionでBOXの大きさの制御が可能です。

• LITBoxサンプル２

Option一覧 †

• Optionの一覧は下記の通りです (2006/12/08現在)

  Option名	Option値	デフォルト値	備考
  width	ピクセル値を指定	600	pxとか書かなくて良い
  height	ピクセル値を指定	500	同上
  type	'window', 'alert', 'confirm'のいずれか	'window'
  func	confirmで[yes]が押された場合に呼ばれる関数名	null	confirmの場合のみ
  draggable	BOXをドラッグできるようにするかどうか	true
  resizable	BOXをリサイズできるようにするかどうか	true
  overlay	オーバーレイを使用するかどうか	true
  opacity	透明度を指定	1	0〜1で小数可。1が透明度なし
  left	左の位置を指定	false	pxとか書かなくて良い。falseにすると中央になる。trueは左から 1pxになるが 0pxは指定できない
  top	上の位置を指定	false	同上

• その他、「オーバーレイ部分を白じゃなく黒にしたい」などの要求はCSSを変更することで対応してください。

alert と confirm †

• 上の例では、type:'window' の場合の実装でした。
• 続いて、alert と confirm については↓このサンプルで確認してください。
  • LITBoxサンプル３