このページは2007年 12月 9日, 13:01に更新されました by stanaka

DHtml

From $1

このライブラリはDHTML要素を作成する関数を含んでいます。  関連リンク: Extension Overview, DekiScript Overview, Extension Demos.

Assembly: mindtouch.deki.services
SID: http://services.mindtouch.com/deki/d.../2007/07/dhtml

関数:

  1. dhtml.alert
  2. dhtml.div
  3. dhtml.form
  4. dhtml.inputbox
  5. dhtml.table

dhtml.alert(subscribe : str, title : str) : xml

警告ダイアログにメッセージを表示します。

引数:

名前 説明
subscribe
str
オプション  チャネルを購読 (デフォルト: "*")
title
str
オプション  ダイアログのタイトル (デフォルト: nil)

サンプル:


表示

全てのチャネルを購読する2つの入力ボックスと警告ダイアログを埋め込む:

{{ dhtml.inputbox{ length: 50, label: "Input Box 1: ", publish: "inputbox1"} }} 
{{ dhtml.inputbox{ length: 50, label: "Input Box 2: ", publish: "inputbox2"} }} 
{{ dhtml.alert() }}

./DHtmlAlert2.JPG

最初のチャネルのみを購読する2つの入力ボックスと警告ダイアログを埋め込む:

{{ dhtml.inputbox{ length: 50, label: "Input Box 1: ", publish: "inputbox1"} }} 
{{ dhtml.inputbox{ length: 50, label: "Input Box 2: ", publish: "inputbox2"} }} 
{{ dhtml.alert("inputbox1") }}

./DHtmlAlert1.JPG


dhtml.div(subscribe : str) : xml

div要素内の内容を表示。

引数:

名前 説明
subscribe
str
オプション.  チャネルを購読 (デフォルト: "default")

購読書式:

名前 説明
html
str
HTML の内容

サンプル:

表示

入力を促し、div内に結果を表示:

{{ dhtml.inputbox{ length: 50, label: "Enter Text:  ", publish: "inputbox1", field: "html" } }} 
{{ dhtml.div{ subscribe:  "inputbox1" } }}

./DHtmlDiv1.JPG


dhtml.form(inputs : list, button : str, length : num, publish : str) : xml

複数のテキストボックスとサブミット・ボタンを持つフォームを表示。

引数:

名前 説明
inputs
list
オプション  入力フィールド (デフォルト: [{ label: nil, value: nil, field: nil, hidden: false }])
button
str
オプション  入力ボタン (デフォルト: "Ok")
length
num
オプション  入力文字数 (デフォルト: 16)
publish
str
オプション  公開するチャネル (デフォルト: "default")

サンプル:

表示

緯度/経度の入力を促すフォームとその地図作成を埋め込む:

{{ dhtml.form( [{label: "Latitude: ", field: "latitude", hidden: false}, {label: "Longitude: ", field: "longitude", hidden: false}], "Show Map", 50, "form1" ) }}
{{ google.map{ subscribe: "form1", zoom: 8 } }}

./DHtmlForm1.JPG


dhtml.inputbox(label : str, value : str, button : str, length : num, field : str, publish : str) : xml

シンプルなテキストボックスとサブミット・ボタンを表示

引数:

名前 説明
label
str
オプション  ラベル (デフォルト: nil)
value
str
オプション  入力値 (デフォルト: nil)
button
str
オプション  ボタンn (デフォルト: "Ok")
length
num
オプション  入力文字数 (デフォルト: 16)
field
str
オプション  メッセージフィールド名 (デフォルト: "text")
publish
str
オプション  チャネルの公開 (デフォルト: "default")

サンプル:

表示

住所を入力するテキストボックスとその住所からの地図作成を埋め込む:

{{ dhtml.inputbox("Address: ", "<enter an address>", "Show Map", 50, "address", "inputbox1") }} 
{{ google.map{ subscribe: "inputbox1", zoom: 8 } }}

./DHtmlInputbox1.JPG


dhtml.table(columns : list, subscribe : str) : xml

テーブルの表示

引数:

名前
説明
columns
list
コラム・オブジェクト
subscribe
str
オプション  購読チャネル (デフォルト: "default")

サンプル:

表示

最近、検索した緯度/軽度をテーブル表示を埋め込む:

{{ dhtml.form( [{label: "Latitude: ", field: "latitude", hidden: false}, {label: "Longitude: ", field: "longitude", hidden: false}], "Show Map", 50, "form1" ) }} 
{{ google.map{ subscribe: "form1", zoom: 8 } }} 
Recent Searches: 
{{ dhtml.table([{ label: "Latitude", field: "latitude" }, { label: "Longitude", field: "longitude" }], "form1") }}

./DHtmlTable1.JPG

ファイルサイズ日付添付したユーザ 
DHtmlAlert1.JPG
説明なし
16.25 kB2007年 10月 18日, 19:07BrigetteKアクション
DHtmlAlert2.JPG
説明なし
17.03 kB2007年 10月 18日, 19:07BrigetteKアクション
DHtmlDiv1.JPG
説明なし
5.8 kB2007年 10月 18日, 19:07BrigetteKアクション
 DHtmlForm1.JPG
説明なし
39.28 kB2007年 10月 18日, 19:37BrigetteKアクション
 DHtmlInputbox1.JPG
説明なし
35.97 kB2007年 10月 18日, 19:47BrigetteKアクション
 DHtmlTable1.JPG
説明なし
52.42 kB2007年 10月 18日, 20:45BrigetteKアクション
コメント(0)
あなたはコメントを投稿するには ログイン しなければなりません。