nsfl10n

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

スポンサーサイト

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

ダサくないWeb用チェックボックス

Well-Formatted Checkboxes in Domino | Thu 10 May 2007 | Blog | CodeStore
http://www.codestore.net/store.nsf/unid/BLOG-20070510

 Notesクライアントだときれいに揃うチェックボックスも、Webにした途端、不揃いになってしまいます。じゃあ実際のフィールドを非表示にして、計算結果の式を使ってHTML側で解決してしまおうというTipです。

 簡単に再利用できるので、ぜひ活用してほしい、とのこと。

デモ用データベース
http://www.codestore.net/apps/checkboxes.nsf/

ダウンロード用データベース
http://www.codestore.net/store.nsf/rsrc/bloggifs37/$file/checkboxes.zip

コード:

field_name:="County"; options:= @DBColumn(""; ""; "Counties"; 1); columns:=3; @If(!@IsDocBeingEdited; @Return(@Implode(@GetField(field_name); ", ")); ""); count:=@Elements(options); html:="<table><tr><td>"; @For(n:=1; n<=count; n:=n+1; html:=html + "<input type=\"checkbox\" " + @If(@Contains(@GetField(field_name); options[n]); "checked "; "") + "name=\"" + field_name + "\" value=\"" + options[n] + "\" /> " + options[n] + @If( @Modulo(n; @Round(count/columns) ) = 0; "</td><td>"; "<br>")); html + "</td></tr></table>"
スポンサーサイト
  1. 2007/05/12(土) 23:18:24|
  2. Designer|
  3. トラックバック:0|
  4. コメント:4
<<Googleカレンダーが携帯電話対応に | ホーム | N/D8 スプラッシュ!>>

コメント

@Transform, @Do で同じこと出来ますね。
越境エラー考えない分、@Transform の方が好きです。
  1. 2007/05/24(木) 20:30:35 |
  2. hattsu #EGTCt1XI
  3. [ 編集]

@Transform、はじめて聞く関数です(汗

この話のそもそもそもそも論としては、
Webの見た目を調整しやすいCSSと、
ラクにアプリが設計できるDominoとの親和性が
もう少し高くなってくれれば、
こんな不思議な小技を駆使しなくても済むのになぁと、
思ったり思わなかったり。
  1. 2007/05/25(金) 00:50:05 |
  2. chate #mQop/nM.
  3. [ 編集]

>Webの見た目を調整しやすいCSSと、
>ラクにアプリが設計できるDominoとの親和性が
>もう少し高くなってくれれば、

うーん…。
おっしゃるとおりですね…。
domino による変換というプロセスが結構邪魔になったりしますね…。

フィールドの HTML Property と、CSS の id 指定で誤魔化しながらやるしかないですかねぇ…。
  1. 2007/05/30(水) 17:03:33 |
  2. hattsu #mQop/nM.
  3. [ 編集]

プロパティボックスで指定できるのは、便利っつっちゃー便利なんですが、指定事項が多くなったり複雑になったり、汎化したいとかになると非常に煩雑なので、結局、使わないみたいな話になることが多いのも。
  1. 2007/05/30(水) 23:53:29 |
  2. chate #mQop/nM.
  3. [ 編集]

コメントの投稿

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

トラックバック

トラックバックURLはこちら
http://nsfl10n.blog9.fc2.com/tb.php/247-eafdc8a3
10 | 2017/11 | 12
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ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。