Home > mobile > モバイルサイトのリンクにアクセスキーをつける

モバイルサイトのリンクにアクセスキーをつける

  • Posted by: ryow
  • 2009年5月22日 23:54
  • mobile

よくある、モバイルサイトのリンクショートカットを実装する方法。数字ボタンは画像を作って貼るのかと思ってたら、PHPでUA判別する必要はあるものの、タグの出し分けで対応できるっぽいです。
HTMLではリンクのAタグにaccesskey属性で指定します。

Googleだとこんな感じ。
mobile accesskey
1~9と#を設定できます。

<?php

if (eregi("DoCoMo",$_SERVER['HTTP_USER_AGENT'])){
//Docomo
  $n1="&#xE6E2;";
  $n2="&#xE6E3;"
  $n3="&#xE6E4;";
  $n4="&#xE6E5;";
  $n5="&#xE6E6;";
  $n6="&#xE6E7;";
  $n7="&#xE6E8;";
  $n8="&#xE6E9;";
  $n9="&#xE6EA;";
  $n0="&#xE6EB;";
  $ns="&#xE6E0;";
}
elseif (eregi("^J-PHONE|^Vodafone|^SoftBank|^MOT-",$_SERVER['HTTP_USER_AGENT'])){
//SoftBank
  $n1="&#xE21C;";
  $n2="&#xE21D;";
  $n3="&#xE21E;";
  $n4="&#xE21F;";
  $n5="&#xE220;";
  $n6="&#xE221;";
  $n7="&#xE222;";
  $n8="&#xE223;";
  $n9="&#xE224;";
  $n0="&#xE225;";
  $ns="&#xE210;";
}
elseif (eregi("^UP.Browser|^KDDI|^PDXGW",$_SERVER['HTTP_USER_AGENT'])){
//au
  $n1="<img localsrc=180>;
  $n2="<img localsrc=181>;
  $n3="<img localsrc=182>;
  $n4="<img localsrc=183>;
  $n5="<img localsrc=184>;
  $n6="<img localsrc=185>;
  $n7="<img localsrc=186>;
  $n8="<img localsrc=187>;
  $n9="<img localsrc=188>;
  $n0="<img localsrc=325>;
  $ns="<img localsrc=818>;
}
else {
//PC(Eモバイル、ウィルコム含む
  $n1="[1]";
  $n2="[2]";
  $n3="[3]";
  $n4="[4]";
  $n5="[5]";
  $n6="[6]";
  $n7="[7]";
  $n8="[8]";
  $n9="[9]";
  $n0="[0]";
  $ns="[#]";
}
?>

使う時はこんな感じ:

<a href="example.html" accesskey="1" >
<?php print $n1;?>アクセスキー1でリンク</a>

ぜんぶauみたいにlocalsrcに統一すりゃ分かりやすいのに。

Comments:0

Comment Form

Trackbacks:0

TrackBack URL for this entry
http://ryow.net/mt/mt-tb.cgi/437
Listed below are links to weblogs that reference
モバイルサイトのリンクにアクセスキーをつける from ryow.net Blog

Home > mobile > モバイルサイトのリンクにアクセスキーをつける

About

りょうどっとねっとブログ

Twitter Id:ryownet

はてなブックマーク Id:ryownet

Search

Return to page top