HypCommonFunc 更新 (Ver. 20110904) スマートフォン対応関連

主な更新内容

• html側のテーマ変更
  • theme.html に "<{$xoops_module_header}>" を挿入。(前回忘れてました。)
  • smart.css に、ビデオ表示を画面幅に合わせる CSS を追加した。
    • ビデオ表示する <iframe>, <object>, <embed> を class="video" を持った <div> 又は <span> で囲むと適用されます。
    • 表示例
      
      
    • ビデオエレメントが画面横幅にフィットする様子 (端末 Desire HD 標準ブラウザ)
      
      
• XOOPS Cube Legacy 2.2.0 で標準になった jQuery 読み込み環境でも問題にならないように修正。
  • したつもり。本当はスマフォアクセス時は、jQuery 読み込みをしないようにしたかったけど、その仕方がよく分からなかった。
• Google Adsense のタグが、<div data-role="content"> の外に出ていたのでその修正。
• 定数 HYP_K_TAI_RENDER に jQuery mobile 使用時は 2、通常の携帯対応時は 1 をセットするようにしました。そのメリットとしてテンプレートなどで場合分けができるようになりました。
  • このサイトでは、スマートフォンに基本は携帯テンプレートを適用しています。携帯テンプレートのメインメニュー、ユーザーメニューを場合分けしてみました。
  • メインメニュー ( block : system_block_mainmenu.html ) のサンプル
    

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

    <{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}> ((i:f8c4)) <a href="<{$xoops_url}>/" id="mainmenu"><{$block.lang_home}></a><br /> <!-- 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}>

更新ファイル

• 2011-09-04 22:04 nao-pon
  • preload/hyp_preload.php (1.84)
    • Include Ads in '<div data-role="content">'.
• 2011-09-04 20:51 nao-pon
  • version.php (1.124)
    • Version 20110904.
• 2011-09-04 20:51 nao-pon
  • html/themes/ktai_default/smart.css (1.5)
    • Image, video width adjustment. It need to wrap by <div> or <span> having 'class="video"'.
• 2011-09-04 17:27 nao-pon
  • preload/hyp_preload.php (1.83)
    • Defined "HYP_K_TAI_RENDER" to "2" when jQuery mobile uses.
    • Correction for XCL 2.2.0.
• 2011-09-04 17:23 nao-pon
  • html/themes/ktai_default/smart.css (1.4)
    • Image, video width adjustment. It need to wrap by div having 'class="video"'.
• 2011-09-04 17:04 nao-pon
  • html/themes/ktai_default/theme.html (1.9)
    • Insert "<{$xoops_module_header}>".

• Prev
  自鯖の Apache を 2.2.20 にソースからインストール
• Next
  HypCommonFunc 更新 (Ver. 20110909) またまたスマートフォン対応関連
• Up