iPhone や iPad の電話番号の自動リンクを無効化する方法 - by Takumi Hirashima
iPhone や iPad の電話番号の自動リンクを無効化する方法を紹介します。 例えば、自動リンクになることで起こる表示崩れを防ぐのに便利な方法です。 電話番号の自動リンクを無効化する方法 電話発信用のリンクを追加する方法 パソコンだけ電話発信用リンクを無効にする方法 電話番号の自動リンクを無効化する方法 iPhone や iPad の電話番号の自動リンクを無効化するには、meta 要素の name="format-detection" を使用します。 例えば、iPhone や iPad で電話番号の自動リンクを無効化する場合は、name="format-detection" で content="telephone=no" を追加します。 <meta name="format-detection" content="telephone=no"> 電話発信用のリンクを追加する方法 任意の
input要素の入力をサポートする非依存スクリプト・「Cleave.js」
Cleave.jsはフォームでのinput要素の入力をサポートするスクリプトです。jQuery等のライブラリに依存せず、単体で動作してくれます。上記の動作サンプルのように、クレカの自動認識、右寄せ入力、電話番号入力のサポート、任意のプレフィクス、任意のキーワードを区切り文字にする、これらを組み合わせる、などが主な特徴になります。尚、電話番号に関しては国別に別スクリプトが用意されています(日本ならcleave-phone.jp.js)。結構使いやすくて応用もききやすい印象でした。ライセンスはApache 2.0。 Cleave.js
指定した桁数ごとに自動で区切るスクリプト -Politespace | コリス
デモページ デモでは、さまざまな区切りができます。 3桁ずつ区切るなどの同数の区切り 料金など 4桁ずつ区切るなどの同数の区切り クレジットカードなど 3桁、4桁など異なる数の区切り 郵便番号など 指定数の区切りの後、残りはフリー 米の電話番号など 日本の電話番号のように最初の桁が2桁か4桁、というのは扱えないのがちょっと残念。 Politespaceの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとして記述します。 <head> ... <script src="js/jquery.js"></script> <script src="js/politespace.js"></script> </head> Step 2: JavaScript jQueryのセレクタで適用を指定し、スクリプトを実行します。 <script> jQuery( func
電話番号への自動リンクを禁止する - スマートフォン（iPhone、Android）
電話番号などの数字に自動的にリンクが張られるのを禁止するタグ。 対象 ： iOS(iPhone) / Safari 電話をかけるタグ - phoneto スマートフォンはフィーチャーフォンと同様、以下のようにタグ（a要素）を書くとリンク選択時に電話を掛けられる。 <a href="tel:0301234567">03-0123-4567</a> （電話番号が 03-0123-4567 の例） iPhone と Android スマホのいくつかのブラウザで動作を確認した。 電話番号のリンク選択後すぐに発信せず、発信確認画面などが表示される。 電話番号への自動リンク禁止 iPhone の Safari などは、上記のタグを書かなくても数字に自動的にリンクが張られる。 ただ、220.100.10.10 のようなIPアドレスにもリンクを張ってしまう。 自動的にリンクを張らないようにするには以下のタ
スマートフォンサイト制作時の自動リンク無効化と電話番号等をアプリを使って立ち上げる方法
スマートフォンサイトを制作する際にメールや電話、Googlemapなどのリンクをそれぞれのアプリで立ち上げる事ができます。その際の記入方法のメモです。 また、Mobile Safari や AndroidのWebView では場合連続した数字列や文字列を自動的に電話番号やメールアドレス等と認識してリンクを貼ってしまいます。以下のようにmetaタグで自動リンクを無効化することが可能です。 自動リンクをmetaタグで無効化する 電話番号、メールアドレスを自動リンクしないようにするには以下のようにヘッド内へ記入します。 <meta name="format-detection" content="telephone=no,email=no"> リンク先をアプリケーションを使って立ち上げる 電話を起動する <a href="tel:電話番号"> 電話が立ち上がりポップアップで確認後そのまますぐ電話
スマートフォン 電話番号リンクの回避方法
スマートフォンでは、デフォルトでは数字がリンクに変わってしまう仕様となっております。 MobileSafariでは、数字7桁、10桁、11桁で電話番号リンクと認識しリンクテキストになります。 MobileSafari以外のブラウザでは6桁以上で電話番号リンクとなります。 回避方法は meta要素 <meta name="format-detection" content="telephone=no"/> を追加すれば回避できますが、 MobileSafari以外は適応できません。 MobileSafari以外の回避方法は 数字を挟むように記号の文字列を挿入することによって回避できます。 例 ●123456789●
input要素に入力パターンを組み込めるjQueryプラグイン・formatter.js
地味に便利そうだったのでメモ。input要素に入力パターンを組み込める、というスクリプトです。jQueryに依存しています。ユーザーの入力の補助によさそう。 input要素に入力パターンを組み込めるスクリプトです。 クレカや電話番号などの数字の入力項目に良さそうですね。 $('#foo').formatter({ 'pattern': '{{9999}}-{{9999}}-{{9999}}-{{9999}}' });上記のように予めパターンを作成しておきます。 <input type="text" class="input" id="foo" maxlength="19" pattern="\d*">あとは指定したセレクタでマークアップすればパターンが適応されます。クレカ等なら、制作側はいちいち4つのinput要素を用意し、レイアウトする手間が省けて、ユーザーも別のinput要素に移動する
Webサイト内の電話番号が勝手にSkypeの番号ボタンに置換されるのをmetaタグで制御する
少し気になったので調べたんですが、 ブラウザにSkypeのアドオンとかエク ステンションを入れていると、Web サイトやGoogleの検索結果の電話番号 が勝手にSkype用の起動ボタンに置換 されます。 今更な話ですみません。よくわかってないんですけど、SkypeをインストールするとChrome（Firefoxも？）にもエクステンションが追加されるようです。インストール時にチェック項目にあったかどうか覚えてませんけど。 まぁそれ自体はいらなければ削除すればいいのでどうでもいいんですが、Webサイト内まで一方的に変えられるのはあまり好きじゃないのでWebサイト側で制御できないかなとふと思って調べたら出来るみたいなのでメモ書き。 電話番号が置換される これは以前書いたトトロのシュークリームの記事なんですが、このようにSkypeのボタンに置換されています。 [note]キャプチャは表示テストで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
https://jackocnr.com/intl-tel-input.html