UsersWiki バックアップ : [nao-pon/blog/2011-09-04のソース]

差分を表示
nao-pon/blog/2011-09-04 へ行く。

#navi
RIGHT:&rsslink(../);
#boxdate
* HypCommonFunc 更新 (Ver. 20110904) スマートフォン対応関連 [#lafe8a47]

RIGHT:&tag(HypCommonFunc,携帯対応レンダラー,HypCommonPreLoad,スマホ,SmartPhone);

HypCommonFunc を更新して、Ver. 20110904 としました。

''&font(#0000ff){ダウンロード};''は、&font(140%){HypCommonFunc}; のページからどうぞ。

** 主な更新内容 [#jd8ab301]

- html側のテーマ変更
-- theme.html に "<{$xoops_module_header}>" を挿入。(前回忘れてました。)
-- smart.css に、ビデオ表示を画面幅に合わせる CSS を追加した。
--- ビデオ表示する <iframe>, <object>, <embed> を class="video" を持った <div> 又は <span> で囲むと適用されます。
--- 表示例~
&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 読み込み環境でも問題にならないように修正。
-- したつもり。本当はスマフォアクセス時は、jQuery 読み込みをしないようにしたかったけど、その仕方がよく分からなかった。
- 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}>
((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}>
}}

** 更新ファイル [#j48d10a9]

- 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}>".

RIGHT:&font(90%){&page_comments;};
#navi

« Prev

nao-pon/blog/2011-09-04 のバックアップ一覧
nao-pon/blog/2011-09-04 のバックアップソース(No. All)
- 1: 2011-09-04 (日) 22:59:48 nao-pon
- 現: 2011-09-05 (月) 00:09:38 nao-pon
  - ビデオエレメントが画面横幅にフィットする様子の動画を追加した。, 定数 HYP_K_TAI_RENDER に jQuery mobile 使用時は 2 をセットしたことに対する言及を追加。

ぺージ情報
ぺージ名 :	nao-pon/blog/2011-09-04
ページ別名 :	未設定
ページオーナー :	nao-pon
閲覧可
グループ :	すべての訪問者
ユーザー :	すべての訪問者
編集可
グループ :	なし
ユーザー :	ゲスト