| 1: 2011-09-04 (日) 22:59:48 nao-pon |
現: 2011-09-05 (月) 00:09:38 nao-pon ビデオエレメントが画面横幅にフィットする様子の動画を追加した。, 定数 HYP_K_TAI_RENDER に jQuery mobile 使用時は 2 をセットしたことに対する言及を追加。 |
||
|---|---|---|---|
| Line 18: | Line 18: | ||
| --- 表示例~ | --- 表示例~ | ||
| &ref(http://www.youtube.com/watch?v=IV2I_RYrVDE); | &ref(http://www.youtube.com/watch?v=IV2I_RYrVDE); | ||
| + | --- ビデオエレメントが画面横幅にフィットする様子 (端末 Desire HD 標準ブラウザ)~ | ||
| + | &ref(http://www.youtube.com/watch?v=aqIRTtSkUL8); | ||
| - XOOPS Cube Legacy 2.2.0 で標準になった jQuery 読み込み環境でも問題にならないように修正。 | - XOOPS Cube Legacy 2.2.0 で標準になった jQuery 読み込み環境でも問題にならないように修正。 | ||
| -- したつもり。本当はスマフォアクセス時は、jQuery 読み込みをしないようにしたかったけど、その仕方がよく分からなかった。 | -- したつもり。本当はスマフォアクセス時は、jQuery 読み込みをしないようにしたかったけど、その仕方がよく分からなかった。 | ||
| - | - Google Adsence のタグが、<div data-role="content"> の外に出ていたのでその修正。 | + | - Google Adsense のタグが、<div data-role="content"> の外に出ていたのでその修正。 |
| + | - 定数 HYP_K_TAI_RENDER に jQuery mobile 使用時は 2、通常の携帯対応時は 1 をセットするようにしました。そのメリットとしてテンプレートなどで場合分けができるようになりました。 | ||
| + | -- このサイトでは、スマートフォンに基本は携帯テンプレートを適用しています。携帯テンプレートのメインメニュー、ユーザーメニューを場合分けしてみました。 | ||
| + | -- メインメニュー ( block : system_block_mainmenu.html ) のサンプル | ||
| + | #code(html){{ | ||
| + | <{if ($smarty.const.HYP_K_TAI_RENDER == 2)}> | ||
| + | <a href="<{$xoops_url}>/" id="mainmenu" data-role="button" data-icon="home"><{$block.lang_home}></a><br /> | ||
| + | <ul data-role="listview"> | ||
| + | <!-- start module menu loop --> | ||
| + | <{foreach item=module from=$block.modules name=main}> | ||
| + | <li data-role="list-divider" role="heading"> | ||
| + | <a href="<{$xoops_url}>/modules/<{$module.directory}>/"><{$module.name}></a> | ||
| + | <{if $module.sublinks}> | ||
| + | <{foreach item=sublink from=$module.sublinks name=sub}> | ||
| + | <li class="ui-li-divider"><a href="<{$sublink.url}>"><{$sublink.name}></a></li> | ||
| + | <{/foreach}> | ||
| + | <{/if}> | ||
| + | </li> | ||
| + | <{/foreach}> | ||
| + | </ul> | ||
| + | <!-- end module menu loop --> | ||
| + | <{else}> | ||
| + | |||
| + | <!-- start module menu loop --> | ||
| + | <{foreach item=module from=$block.modules name=main}> | ||
| + | <{if ($smarty.foreach.main.last)}>└<{else}>├<{/if}> <a href="<{$xoops_url}>/modules/<{$module.directory}>/"><{$module.name}></a><br /> | ||
| + | <{foreach item=sublink from=$module.sublinks name=sub}> | ||
| + | │<{if ($smarty.foreach.sub.last)}>└<{else}>├<{/if}> <a href="<{$sublink.url}>"><{$sublink.name}></a><br /> | ||
| + | <{/foreach}> | ||
| + | <{/foreach}> | ||
| + | <!-- end module menu loop --> | ||
| + | <{/if}> | ||
| + | }} | ||
| ** 更新ファイル [#j48d10a9] | ** 更新ファイル [#j48d10a9] | ||
| ぺージ情報 | |
|---|---|
| ぺージ名 : | nao-pon/blog/2011-09-04 |
| ページ別名 : | 未設定 |
| ページオーナー : | nao-pon |
| 閲覧可 | |
| グループ : | すべての訪問者 |
| ユーザー : | すべての訪問者 |
| 編集可 | |
| グループ : | なし |
| ユーザー : | ゲスト |