機能説明

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

属性一覧

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

サンプル

マークアップ例

マークアップ例
マークアップ例。
<div data-role=“page” >要素内の
<div data-role=“content” >要素の後に挿入します。
プレゼンテーションページ (HTML)
<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>
   <imart type="spFooterWithLogout" />
</div>