nsfl10n

Lotus Notes/Domino のブログ。nsf:Notes Storage Facility。l10n:Localization。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  1. --/--/--(--) --:--:--|
  2. スポンサー広告|
  3. トラックバック(-)|
  4. コメント(-)

Domino Name Picker 再び


Domino Name Picker Revisited | Article | CodeStore
http://www.codestore.net/store.nsf/unid/FISR-6MPRGU?OpenDocument

 Jake/codestoreがDominoで使える「アドレス選択画面」について、ラフカット版と題して再提案しています。

 そもそもの問題点として、Domino標準のアドレス選択画面は醜悪(ugly)で、ポップアップするのでダメダメ(bad)だと指摘してます。

 解決策として、ピープルアイコンをクリックしたら、黄色いダイアログが表示され、そこに頭文字を入力するとNotesの簡易検索ライクな一覧が表示されます。DHTMLを使うことでポップアップを、Ajax風にすることでページリフレッシュを防ぎます。

 コードについては自分で確認して欲しい、と。NamePick.nsf をダウンロードしたら、ターゲットとなるDBに以下の設計要素を貼り付けます:

Element TypeElement Name
Pagecss/namepick.css
SubformsNamePicker
Script Libraryjs/NamePicker.js
Imagesimages/*.*
File Resourcelib/prototype.js & util/effects.js

 NamePickerを使いたいフォームにNamePickerサブフォームを挿入します。そして、フォームのHTMLヘッダコンテンツで必要とされるファイルへの参照を追記します。こんな感じ:

<script type="text/javascript" src="lib/prototype.js"></script>
<script type="text/javascript" src="util/effects.js"></script>
<style type="text/css" media="all">@import url(css/NamePick.css);</style>
<script type="text/javascript" src="js/NamePicker.js"></script>

 あとは、ダイアログを呼び出す小さなアイコンを名前フィールドの隣に追加するだけです。いちばん簡単なのは、"Demo"フォームを見ることです。

 重要なのは、どこに書いてもいいけどonclickイベントでNamePicker.open()の呼び出すことです。あとは、名前フィールドにどうやって値を渡すのかとか、複数選択とかどうやるのかとかについては、Demoフォームを見て欲しい、と。

 サンプルnsfは記事右側にあるAttachmentsの「namepick-v1.0.zip (85 Kbytes)」をクリックすればダウンロードできます。にしても、Jake/codestoreのプロダクトは機能美に優れてますね。

(デモ) Name Picker Demo [v1.0.1](アイコンをクリックして文字('a'とか)を入力)
http://www.codestore.net/apps/namepick.nsf/demo?OpenForm

(参考)nsfl10n | Perfect Web AddressBook
http://nsfl10n.blog9.fc2.com/blog-entry-113.html

スポンサーサイト
  1. 2006/08/06(日) 03:06:59|
  2. Designer|
  3. トラックバック:0|
  4. コメント:0
<<Domgle R1 リリース! | ホーム | Linux版 Notes ダウンロード開始他>>

コメント

コメントの投稿

管理者にだけ表示を許可する

トラックバック

トラックバックURLはこちら
http://nsfl10n.blog9.fc2.com/tb.php/163-34babae5
03 | 2017/04 | 05
Sun Mon Tue Wed Thu Fri Sat
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 - - - - - -

Search

Featured Entries

Recent Entries

Recent Comments

Recent Trackbacks

Archives

Category

Links

Ads

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。