携帯電話にしか効かない<tel>タグですが、通常HPに記述すると当然PCでクリックするとNotFoundという不細工な画面が出てしまいます。

これを回避する方法はありませんか?
FC2ブログで使いたいので、基本的にPC版と携帯版は同じソースになることが前提となります。
完全にページを分けてしまう手は、今回避けて回答お願いいたします。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/07/07 06:57:18
  • 終了:--

回答(2件)

id:matsunaga No.1

松永英明@ことのは回答回数536ベストアンサー獲得回数872005/07/07 07:52:55

ポイント25pt

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を解釈して表示する携帯電話が普及するとこの手は使えなくなりますね。

id:nana0630 No.2

nana0630回答回数115ベストアンサー獲得回数02005/07/07 12:59:10

ポイント25pt

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


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


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


はずれですか??

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません