calendar nao-pon/blog/2011.09

主な更新内容

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

主な更新内容

• 携帯対応レンダラー関連
  • Android 端末向けに、viewport = 1.2 としていたのを viewport = 1.0 に変更した。
  • 普通の携帯(ガラケー)向けの出力から "data-*" 属性を除去するようにした。
• HypCommonPreLoad 関連
  • 「簡単ログイン」周りのリンクをボタン表示するようにした。
    • a タグに 'data-role="button"' を付与。

更新ファイル

• 2011-09-09 16:04 nao-pon
  • version.php (1.125)
    • Version 20110909.
• 2011-09-09 16:03 nao-pon
  • preload/hyp_preload.php (1.85)
    • Added 'data-role="button"' into "Easy-login" link.
• 2011-09-09 16:02 nao-pon
  • ktairender/hyp_ktai_render.php (1.53)
    • "viewport" initial-scale from 1,2 to 1.0 with android.
    • Remove "data-*" attributes with KEI-TAI.

主な更新内容

• 携帯対応レンダラー関連
  • jQuery mobile を "1.0 beta 3" にバージョンアップした。
  • jQuery mobile でフォームエレメントを整形すると、フォームエレメントに記述された "on*" JavaScript が無効になるようだったので、その場合には 'data-role="none"' jQuery mobile での属性を付与して整形を行わないようにした。
  • ktai_default/theme.html に "<{$xoops_block_header}>" を追加した。
• その他
  • 絵文字パッドの <a> エレメントを <span> エレメントに変更した。
  • SQL のデータダンプを行う lib_dump.php クラスで任意のファイルサイズでのファイル分割と長いクエリの分割(デフォルトで 1MB) を行うようにした。

html側 の更新について

html側では次のファイルが更新されています。適宜更新をお忘れなく。

• html/themes/ktai_default/smart.css
• html/themes/ktai_default/theme.html
• html/themes/ktai_default/jquery.mobile.min.css
• html/themes/ktai_default/jquery.mobile.min.js

更新ファイル

• 2011-09-17 11:28 nao-pon
  • version.php (1.126)
    • Version 20110917.
• 2011-09-17 10:53 nao-pon
  • html/themes/ktai_default/smart.css (1.6)
    • Edited some style.
• 2011-09-17 10:41 nao-pon
  • hyp_common_func.php (1.77)
    • Added compat function "htmlspecialchars_decode".
    • Changed "Emoji Pad" style for mobile. ("<a>" to "<span>" etc.)
• 2011-09-17 10:32 nao-pon
  • hyp_common_func.php (1.76)
  • html/themes/ktai_default/theme.html (1.10)
    • Added "<{$xoops_block_header}>".
• 2011-09-17 10:32 nao-pon
  • html/themes/ktai_default/jquery.mobile.min.css (1.2)
  • html/themes/ktai_default/jquery.mobile.min.js (1.2)
    • jQuery mobile version 1.0 bata 3.
• 2011-09-17 10:25 nao-pon
  • preload/hyp_preload.php (1.86)
    • Correction for jQuery mobile bata3.
• 2011-09-17 10:23 nao-pon
  • ktairender/hyp_ktai_render.php (1.54)
    • 'data-role="none"' is given to the form element which has attribute "on*" for jQuery mobile.
• 2011-09-17 10:18 nao-pon
  • lib_dump/lib_dump.php (1.2)
    • separate file by any size & separate query by any size.

主な更新内容

• 携帯対応レンダラー関連
  • iPad に対応。
  • xoops.js の読み込み (theme.html)
  • jQuery 関連の JavaScript を読み込むファイル jquery.extra.js を追加。
  • jQuery mobile を使用時に "jquery." を冠した JavaScript は jQueryコアの後に読み込むように<head>内を最構成するようにした。
  • jQuery mobile 使用時、#〜 のハッシュ付きURLを読み込んだ場合と、ユーザーがページ完全読み込み完了前に下方にスクロースした場合に、アドレスバーを隠すオートスクロールを無効にした。
• その他
  • readfile() に @ を付加して @readfile() とした。
    • 不用意なエラー表示の抑制。

html側 の更新について

html側では次のファイルが更新されています。適宜更新をお忘れなく。

• html/themes/ktai_default/jquery.mobile.min.js
• html/themes/ktai_default/smart.css
• html/themes/ktai_default/theme.html
• html/themes/ktai_default/jquery.extra.js

更新ファイル

• 2011-09-26 20:52 nao-pon
  • version.php (1.127)
    • Version 20110926.
• 2011-09-26 20:51 nao-pon
  • html/themes/ktai_default/jquery.mobile.min.js (1.3)
    • Disables auto scroll when scrolled.
• 2011-09-26 20:49 nao-pon
  • html/themes/ktai_default/smart.css (1.7)
    • Edited textarea's CSS.
• 2011-09-26 20:48 nao-pon
  • html/themes/ktai_default/theme.html (1.11)
    • Load "xoops.js" and supported "iPad".
• 2011-09-26 20:47 nao-pon
  • html/themes/ktai_default/jquery.extra.js (1.1)
    • jQuery scripts file.
• 2011-09-26 20:46 nao-pon
  • preload/hyp_preload.php (1.87)
    • jQuery's script load after jquery core.
• 2011-09-26 20:44 nao-pon
  • hyp_common_func.php (1.78)
  • favicon/favicon.php (1.17)
    • readfile to @readfile.
• 2011-09-26 20:43 nao-pon
  • ktairender/hyp_ktai_render.php (1.55)
  • ktairender/ipranges/ipad.ip (1.1)

今回の仕組みは単純。

Flickr の公式アプリで投稿時 Description を書いた場合、Flickr のページには反映されるが XML-RPC 経由でブログに投稿される内容には、Description にあたる部分には、Title が挿入されるのみ。なので、Descriptionにあたる部分が空か Title と同じ場合に、Flickr API 経由で Description を取得して書き換えるようにした。

Flickr でのテンプレートは次のようにした。

1 2 3 4 5 6 7

<img src="{photo_src}" /> // flickr description start {description_raw} // flickr description end RIGHT:[[Flickr より:{photo_url}]]

// flickr description start ... // flickr description end で Description を抽出する仕組みとした。