人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

携帯電話にしか効かない<tel>タグですが、通常HPに記述すると当然PCでクリックするとNotFoundという不細工な画面が出てしまいます。
これを回避する方法はありませんか?
FC2ブログで使いたいので、基本的にPC版と携帯版は同じソースになることが前提となります。
完全にページを分けてしまう手は、今回避けて回答お願いいたします。

●質問者: clinejp
●カテゴリ:コンピュータ
✍キーワード:FC2ブログ Hp pc クリック ソース
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● 松永英明@ことのは
●25ポイント

http://www.tagindex.com/stylesheet/box/display.html

スタイルシート[CSS]/ボックス/表示のタイプ(ブロック・インライン・リスト・非表示)を指定する - TAG index

とりあえず、現状、携帯電話では大半がCSSを認識しないという前提に依存した方法を考えてみました。


本文の方にはこう書いておきます(classがキモ)。


電話番号:03-0000-0000 <a href=”tel:0300000000” class=”telnumber”>電話をかける</a>


CSSに以下の記述。


.telnumber {

display:none

}


これで、PC版にはtelリンク部分(「電話をかける」)そのものが表示されなくなります。

ただし、京ぽんなどCSSを解釈して表示する携帯電話が普及するとこの手は使えなくなりますね。


2 ● nana0630
●25ポイント

http://www.hatena.ne.jp/dummy

例えば、こういうのはどうでしょうか?


<a href=”tel:000-0000-0000” onClick=”window.open(’http://xxx.xxx.xxx/’,’’,’’);return false”>


この場合、Javascriptを理解できるブラウザはonClickのURLを開き、理解できない携帯電話などは、hrefの方に流れます。


はずれですか??

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ