リストの利用いろいろ

CSS

リストって使い方次第で見た目がだいぶ変わるんですね、と。htmlソース。とてもシンプルに。 /index.html <body> <div id="hoge" > <h5>CSSテスト用ページ</h5> <ul> <li><a href="/kensyuCSS/index.html" id="current">ホーム</a></li> <li><a href="">えいご</a></li> <li><a href="">こくご</a></li> <li><a href="">すうがく</a></li> <li><a href="">せいぶつ</a></li> <li><a href="">にほ…</a></li></ul></div></body>

研修覚え書き

1ヶ月半も放置してましたが。 その間、shaleとstrutsの世界を覗いてました。 これはこれでまとめておかないといけないんですが、 今日は面白い効果のCSSをいくつか忘れないうちに貼っとこうかと。

HatenaNotationConverter(勝手に命名)

JAVAで正規表現を使う方法はjava.util.regexをimportするか org.apache.oro.text.perlをimportする2種類あるらしー。 今回はperlの正規表現にも慣れておこうと後者で実装。 入力してある文章を表示させるときに噛ませたいだけなので getAsObject()は放置(こ…

研修覚え書き

とても間が空いてましたが。 師匠が夏休み長期不在だったので その間正規表現の練習を兼ねてはてな記法ぽいJSFConverter作ってました。

focus()

ログイン画面に来たときに、 最初からカーソルがテキストボックスにあるようにしたいなーと思い。 師匠に相談したらJavaScriptだねってことで手を染めてみることに。 しかし onLoad="document.formName.fieldName.focus()" とゆーのが簡単にいかないのがJSF……

dataScrollerの複数使用

JSF

メインになるテーブルの上下にスクローラがあるってのは よく見るものなので試してみました。 ひとつのページで配置する分には <t:dataScroller for="entry" /> <t:dataTable id="entry" /> <t:dataScroller for="entry" />超簡略化してみました。 で問題なく挙動するんですよ。 しかーしこれにページ遷移を絡めると、 上のスクローラだけ動きがオカ</t:datascroller></t:datatable></t:datascroller>…

研修覚え書き

やっとこさ初期機能実装ですよ。 最後の3%がまた色々あったので書いておこー。

カスタムコンバータと既存のコンバータ

JSF

DateTimeConverter.java import java.util.TimeZone; public class DateTimeConverter extends javax.faces.convert.DateTimeConverter { public static final String CONVERTER_ID =xxx.xxxx.xxxxx.DateTimeConverter.class.getName(); public DateTimeConv…

研修覚え書き

先日のconverterDateTimeは…結局毎回timeZone="Asia/Tokyo"を指定する方向で実装。 これがまたナニでアレな仕様くさいので以下詳細。

converterDateTime

JSF

日付入力をStringで「7月27日」などと入力していて、表示の際は降順で持ってきてたわけですが これだと同じ月なら「7月9日」が最上位にきてしまうとゆー…。 つことで日付はDate型にすることに。 そこで問題発生。 なぜか実際に入力してある日付と表示される…

研修覚え書き

見た目のほーもなんとかなってきました。 ほんとはグラデーションとか使いたいんですけどねー。 フィルター使用しないとなると自分でgif画像作らないといけないのかな?で、細かい問題が数点残ってます。

pre要素内の改行を生かしつつ改行(日本語ヘン…)

CSS

pre { white-space: -moz-pre-wrap; /* Mozilla */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: pre-wrap; /* CSS3 */ word-wrap: break-word; /* IE 5.5+ */ }

sessionで保持しているBean情報の取り出し方

public Object getManagedBean(String beanName) { FacesContext context = FacesContext.getCurrentInstance(); Object object = context.getApplication().getVariableResolver().resolveVariable(context, beanName); return object; }これでreturnされて…

研修覚え書き

必要最低限な機能は80%くらい実装できてきたかな? 見た目の問題がでっかく残ってますが。 CSSも覚えなくては。

tree2

JSF

actionListener(jsp側)とList children = event.getComponent().getChildren();(Bean側:ActionEvent)の連携部分、 で何を渡しているのかを理解するのにえらい時間かかった…。 http://myfaces.apache.org/tomahawk/apidocs/org/apache/myfaces/custom/tree2/T…

研修覚え書き

やっとTree2から必要な要素の抽出に成功しましたよ。 ほぼ正解なことを書いてあるページを発見していたのに それを実践していた時、Beanのscopeなんぞを下手にいじっていて あうとおぶめもりぃえくせぷしょん出して「コレまわんね」と判断していたのが痛い……

tomahawk拡張 Tree2

JSF

TreeNodeから要素の引渡しがデキマセン! ツリー表示をして各要素にリンクを設定し該当項目へ遷移したいわけです。 が、jspにはTreeNode型で渡しているのでそれをBeanへ渡すための設定がどーやるのやら。 リスト型なら処理の仕方わかるんだけどなあ。 日本語…

研修覚え書き

前回からだいぶ放置していたが、前回の続き…。

tomahawk拡張タグ dataScroller

JSF

編。 まず注意。 部分と部分をで包括するように書かないと 遷移したときにページャが消えるとゆー面白い状況に。 (最初の1ページ目だけは表示されてます) 某本のサンプルソースではがなかったりするんですが大丈夫なんだろうか。 そして、部分でデータを…

研修覚え書き

拡張タグで一番簡単そうながまるで動かないのが悔しい。 そんなわけで先にdataScrollerを。

tomahawk拡張タグ tree2

JSF

を試してみよう編。 まずfaces-config.xml内のバッキングビーン設定を忘れないこと! タグ内 : showNav="false"でナビアイコンなしに。 binding="#{treeBacker.tree}"+入力フォーム設置でファイル直接指定。 showRootNode="false"で最上位フォルダ非表示(…

研修覚え書き

社会人1年生。新人プログラマによる研修でやったことを忘れないようにするための超個人用備忘録。 ここ数日、JSF拡張タグのうち使えたらすごそうなものをピックアップして実験中。 忘れないうちに文章化しときましょう、ってことで。