.htaccessでPHPのファイルアップロードサイズの上限値を変更
2022.02.5
PHPを使用して画像(動画・PDF等)をアップロードするフォームを作成した際に、ファイル…
電話番号を記載する際にPCの場合は番号の記載のみで問題ありませんが、スマートフォンの場合は直接電話を掛けることができるようにリンクを設置するのが親切。
PCとスマートフォンでHTMLタグを別に記載する方法もありますが、記載漏れの無いように、今回はjQueryを使い自動でリンクを設置する方法をメモ。
<div class="tel">○○○-○○○-○○○○</div>
if($(window).width() < 560){
$('.tel').each(function(){
var str = $(this).text();
$(this).html('<a href="tel:'+str+'">'+str+'</a>');
});
}
//実行結果
<div class="tel"><a href="tel:○○○-○○○-○○○○">○○○-○○○-○○○○</a></div>
「$(this).text」関数で対象となるタグ(例:class=”tel”)の電話番号(テキスト情報)を取得。
「$(this).html」関数を使って、もともとの記載のあった箇所にリンクを付与した電話番号を置き換えています。
「each」関数で繰り返し処理を行っているので、同ページに電話番号が複数ある場合でも可。
冒頭のif文(場合分け)は画面サイズ(例:560px)を利用しています。
2022.02.5
PHPを使用して画像(動画・PDF等)をアップロードするフォームを作成した際に、ファイル…
2020.10.3
テキストエリア等で入力した文字の中にURLを含んでいた場合に、自動で認識してリンクタグを…
2024.03.30
外部ファイル(CSVファイル等)を読み込んでサイト内に表示する際に、保存時の文字コードが…
2020.12.5
メールフォームからメールを送信する際に、画像(ファイル)を添付できるようにしてほしいとの…
2023.12.2
ワードプレスの投稿のカテゴリー機能を、目的ごとに使い分けたいというご要望があった際に、カ…
2020.08.1
動画ファイルをCMS化して保存するときに、多くの場合はファイルパスをデータベース(MyS…
2022.02.19
画像データ等をサーバーにアップロードする際、一点づつアップロードしても良いけれど、ファイ…
2019.12.29
メールフォーム等での入力値チェック(バリデーション)。PHPの「preg_match」(…
2020.08.15
フォームの入力値やURLのパラメータ等、文字列や数値を受け取る際に正規表現を利用してバリ…
2022.09.24
パソコンやスマートフォンの戻るボタンを使って画面を戻す(ブラウザバックする)時があります…