Strict Standards: Non-static method Protector::getInstance() should not be called statically in /home/suehirogari/suehirogari.com/xoops_trust_path/modules/protector/include/precheck_functions.php on line 12

Strict Standards: Non-static method XCube_Root::getSingleton() should not be called statically in /home/suehirogari/suehirogari.com/public_html/include/common.php on line 18

Deprecated: Non-static method XCube_Root::getSingleton() should not be called statically, assuming $this from incompatible context in /home/suehirogari/suehirogari.com/public_html/modules/user/preload/Primary/Primary.class.php on line 13
最新エントリー | 社内SEのウェブ制作

2012.09.13xoopsズープス

 jQueryMobielでGoogle Analyticswoでアクセス解析するにはソースの追加箇所に注意が必要です。

jQueryMobileサイトは、ページ内のページ移動をjQueryで行っており、外枠のソースは一切変わっていないようです。そのため、必ず毎回読まれるソースの箇所に、Google Analyticsのソースを埋め込む必要があります。

Google Analyticsを埋め込む箇所

 

<script type="text/javascript" src="<{$xoops_imageurl}>js/jquery.js"></script> <!-- ここに埋め込む  --> <script type="text/javascript" src="<{$xoops_imageurl}>js/jquery.cycle.all.min.js"></script>

 

埋め込むソースの内容

/*
 * Google Analytics 設定
 */
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-****-*']);

// ページトラッキング
$(document).bind('mobileinit', function(){
	$(':jqmData(role="page")').live('pageshow', function (event, ui) {
		_gaq.push(['_trackPageview', $.mobile.activePage.jqmData('url')]);
	});
}

// Google Analytics 読み込み
$(document).ready(function(){
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
});


このカテゴリの人気記事



  • コメント (0)
  • トラックバック (0)
  • 閲覧 (19726)
2012.09.13電子書籍関連

 

iPhone5変更点まとめ

  • 画面が従来の3.5インチから4インチ拡大
  • 重量はiPhone4Sに比べて20%軽量
  • 厚さはiPhone4Sに比べて、1.8%薄い7.6ミリ
  • 次世代高速通信サービスのLTE対応
  • バッテリーはLTE使用時、最大8時間
  • 日本・アメリカの発売日は9月21日金曜日
  • 予約は9月14日金曜日
  • KDDIとソフトバンクで販売
  • 価格は 199ドル(16GB)  299ドル(32GB)  399ドル(64GB)

このカテゴリの人気記事



  • コメント (0)
  • トラックバック (0)
  • 閲覧 (8709)
2012.09.13電子書籍関連

 アップルがiphone5を12日未明に発表しました。日本とアメリカの同時発売で、発売日は9月21日です。
予約は、9月14日から始まるそうです。

iphone4Sとの大きな違いは、これまでよりもうすがたで、画面サイズが大きくなっていること、また次世代高速通信サービスのLETに対応してます。

これまでの予想だと、日本での発売は、一か月遅れの10月21日という予想だったので、
ちょっとしたサプライズでした。
 

iPhone5変更点まとめ

  • 画面が従来の3.5インチから4インチ拡大
  • 重量はiPhone4Sに比べて20%軽量
  • 厚さはiPhone4Sに比べて、1.8%薄い7.6ミリ
  • 次世代高速通信サービスのLTE対応
  • バッテリーはLTE使用時、最大8時間
  • 日本・アメリカの発売日は9月21日金曜日
  • 予約は9月14日金曜日
  • KDDIとソフトバンクで販売
  • 価格は 199ドル(16GB)  299ドル(32GB)  399ドル(64GB)

このカテゴリの人気記事



  • コメント (0)
  • トラックバック (0)
  • 閲覧 (9181)
2012.09.11xoopsズープス

 xoops内でスマートフォン判別する方法

ページ全体をスマートフォン化するのは、手間がかかるし、技術的に難しい、
現在のPC用のサイトに、ひとてま加えて、スマートフォンでアクセスしているときには、電話のボタンを置いて電話を掛けやすくしたり、スマートフォンで入力しやすいフォームに飛ばしたりしたい

と考えたことありませんか?
phpでスマートフォンを判別して、スマートフォンでアクセスした場合のみ、if文でhtmlを書き出す方法をお教えいたします。

 

xoopsのthemeファイル内で利用できるスマートフォン判別PHP

xoops_root_path/themes/ ファイルの現在利用しているテーマファイルの先頭に、以下のスマートフォン判別用のソースを記述します。

 

<{php}>
//スマートフォンならPCサイトへリダイレクト
function is_mobile () {
$useragents = array(
'iPhone', // Apple iPhone
'iPod', // Apple iPod touch
'Android', // 1.5+ Android
'dream', // Pre 1.5 Android
'CUPCAKE', // 1.5+ Android
'blackberry9500', // Storm
'blackberry9530', // Storm
'blackberry9520', // Storm v2
'blackberry9550', // Storm v2
'blackberry9800', // Torch
'webOS', // Palm Pre Experimental
'incognito', // Other iPhone browser
'webmate' // Other iPhone browser
);
$pattern = '/'.implode('|', $useragents).'/i';
return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);
}
<{/php}>

xoops内で利用できるスマートフォン判別後のif文の記載方法

もしスマートフォンだったら、このソースを表示する。EOF の間のソースが表示されます。

 

<{php}>
//判別実行
if (is_mobile()) 
{
print<<<EOF
<span style=" font-size:1em">test</span>
EOF;
}
//}
<{/php}>

 

xoopsの各モジュールのテンプレートファイル内ではjavascriptの方が使いやすい。

is_mobile.js といったjsファイルをルートディレクトリにアップロード

// JavaScript Document
// Thanks to BraveNewCode's WPtouch iPhone Theme for the UA list.
// (http://wordpress.org/extend/plugins/wptouch/)
function is_mobile () {
  var useragents = [
    'iPhone',         // Apple iPhone
    'iPod',           // Apple iPod touch
    'Android',        // 1.5+ Android
    'dream',          // Pre 1.5 Android
    'CUPCAKE',        // 1.5+ Android
    'blackberry9500', // Storm
    'blackberry9530', // Storm
    'blackberry9520', // Storm v2
    'blackberry9550', // Storm v2
    'blackberry9800', // Torch
    'webOS',          // Palm Pre Experimental
    'incognito',      // Other iPhone browser
    'webmate'         // Other iPhone browser
  ];
  var pattern = new RegExp(useragents.join('|'), 'i');
  return pattern.test(navigator.userAgent);
}

上記のjsファイルをthemeファイルで読み込みます。

<script type="text/javascript" src="<{$xoops_url}>/is_mobile.js"></script>

picoモジュールのテンプレート内で、javascriptのif文を追加

<script type="text/javascript">
//もしPCだったら
if(!is_mobile()){
document.write("PC");
}
//もしスマートフォンだったら
if(is_mobile()){
document.write("スマホ");
}
</script>

 

 

 

 

 


このカテゴリの人気記事



  • コメント (0)
  • トラックバック (0)
  • 閲覧 (16266)
2012.09.09xoopsズープス

 inquiryspのthanks(サンクス)ページの作り方

inquiryspでの送信完了ページが、xoopsのデフォルトでは少しさみしい気がします。

そんな時は、inquiryspをカスタマイズして、送信後にthanksページを表示するように、カスタマイズしましょう。

thanksページテンプレートの増やし方 まずはindex.phpを変更します。


modules/inquirysp/index.php の242行目あたり

 

//お問合せ用セッションを全て破棄
$inq_req->del_session_all();
//トップページへリダイレクト
$view->redirect(XOOPS_URL.'/',2,'お問合せ頂きありがとうございました。');
break;

↓上記の箇所を以下のように変更

 

$op = $inq_req->get_session_vars('op');
//お問合せ用セッションを全て破棄
$inq_req->del_session_all();
$tpl = 'inquiry_fin_form_'.$op.'.html';
if ( is_file( INQUIRY_TEMPLATE . $tpl ) ) {
$view->display($tpl);}else{
//トップページへリダイレクト
$view->redirect( XOOPS_URL.'/' ,2,'お問合せ頂きありがとうございました。');
}
break;

あとはテンプレートフォルダに新しいテンプレートファイルを置きます。

templates/inquiry_fin_form_0.html 
テンプレートを用意。
数字の部分は op=0 の数字。

他のテンプレートと合わせます。

 

 


このカテゴリの人気記事



  • コメント (0)
  • トラックバック (0)
  • 閲覧 (18412)

新着記事一覧

キーワードでサイト内を検索
人気のエントリ