機能説明

フッタ部に、ログアウトボタンを表示します。
  • 本タグはdata-role属性に“content”を指定したdivタグの次(フッタ位置)に記述してください。
  • 属性data-ajaxはfalseが指定されております。
  • フッタ部表示時のセッションにてユーザ認証(ログイン)が行われていない場合は、ログアウトボタンの代わりにログインボタンを表示します。

属性一覧

注釈 属性名 説明 省略時の動作 実行時評価
無害化 dataPosition java.lang.String ツールバーのポジションモードを指定します。
使用可能なポジションモードの名前については、 jQuery Mobileのリファレンス を参照してください。
-
無害化 loginIcon java.lang.String ログインボタンのアイコンを指定します。
使用可能なアイコンの名前については、 jQuery Mobileのリファレンス を参照してください。
'forward'
無害化 loginTheme java.lang.String ログインボタンのテーマを指定します。
省略した場合は、既定のテーマを使用します。
テーマをカスタマイズする場合は、この属性にテーマの名前を指定します。
使用可能なテーマの名前については、 jQuery Mobileのリファレンス を参照してください。
-
無害化 logoutIcon java.lang.String ログアウトボタンのアイコンを指定します。
使用可能なアイコンの名前については、 jQuery Mobileのリファレンス を参照してください。
'back'
無害化 logoutTheme java.lang.String ログアウトボタンのテーマを指定します。
省略した場合は、既定のテーマを使用します。
テーマをカスタマイズする場合は、この属性にテーマの名前を指定します。
使用可能なテーマの名前については、 jQuery Mobileのリファレンス を参照してください。
-

サンプル

マークアップ例

マークアップ例
マークアップ例。
<div data-role=“page” >要素内の
<div data-role=“content” >要素の後に挿入します。
JSP
<div id="first_page" data-role="page">
  <div data-role="header">
     <h3>Fisrt</h3>
  </div>
  <div data-role="content">
     <p>Hello IM-Mobile Framework!</p>
  </div>
  <imsp:footerWithLogout />
</div>