GAEと戯れる 23 - メモ集 -

忘れないうちのメモ集

・jspのcタグで空判定する場合
   例)

  <c:if test="${!empty param.css}">

  <link rel="stylesheet" type="text/css" href="${param.css}">

  </c:if>

上記の場合
param.cssが空でない場合にcssが読み込まれる
List要素の空判定にも使える


・jspでif 〜 else if 〜 else 〜をやりたい場合
   例)

            <c:choose>

              <c:when test="${empty members}">

                <font color="red">※設定画面でメンバーを登録して下さい</font>

              </c:when>

              <c:otherwise>

                <select name="organizerId">

                  <c:forEach var="member" items="${members}">

                    <option value="${member.key.id}">${member.name}</option>

                  </c:forEach>

                </select>

              </c:otherwise>

            </c:choose>

  上記の場合C言語風に書くと・・・
  if (members == empty) {
     <font color=“red”>※設定画面でメンバーを・・・
  } else {
    <select name=“organizerId”>・・・
  }
  になる

・画像をボタンみたいにする
  例)

    <div id="work_area">

      <a href="#" onclick="doPost(document.register_form, '/register/', '', '', 'register');">

        <img src="/res/register_off.png" alt="登録" border=0 width=30 height=35>

      </a>&nbsp;登録   

    </div>

   表示)



※ちなみにaタグの下線を引く設定をなしにしとかないと、アンダーバー(_)みたいなのが入ってしまう。

↓下線無効化

a {

text-decoration: none;

}

・input要素にフォーカスが当たったら背景色を変える
  cssに以下記述を追加

/* input要素にフォーカスが当たった時に背景色変更 */

input:focus { background: skyblue; }

※全てのinput要素に反映されるので注意

  表示例)
・フォーカス前
     



・フォーカス後


以上〜。