.htaccessでPHPのファイルアップロードサイズの上限値を変更
2022.02.5
PHPを使用して画像(動画・PDF等)をアップロードするフォームを作成した際に、ファイル…
フォームの入力項目を作成した際に、テキストエリアとは別にカラーピッカーを設置する必要があった時に実装した「Spectrum」の使い方をメモ。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/spectrum/1.8.0/spectrum.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/spectrum/1.8.0/spectrum.min.css">
<input type="hidden" name="color" value="#f00">
<input type="text" id="colorpicker">
カラーピッカーの設置のみであれば「<input type=”text” id=”colorpicker”>」で可能だが、フォームを送信した際に値を取得できないため、「<input type=”hidden” name=”color”>」を使用し値を取得。
初期値の「value」は自由に変更可。
<script>
var defcolor = $('input[name="color"]').val(); //初期値を取得
$("#colorpicker").spectrum({
color: defcolor,
showPalette: true,
chooseText: "決定",
change: function(color){
setcolor = color.toHexString();
$('input[name="color"]').val(setcolor);
},
});
</script>
参考例はカラーパレット、初期値、色を変更した際のアクション、テキストをカラーピッカーに設定しているが、その他に色々と設定ができるようなので、詳しくは下記サイトを参照。
2022.02.5
PHPを使用して画像(動画・PDF等)をアップロードするフォームを作成した際に、ファイル…
2020.10.3
テキストエリア等で入力した文字の中にURLを含んでいた場合に、自動で認識してリンクタグを…
2024.03.30
外部ファイル(CSVファイル等)を読み込んでサイト内に表示する際に、保存時の文字コードが…
2020.12.5
メールフォームからメールを送信する際に、画像(ファイル)を添付できるようにしてほしいとの…
2023.12.2
ワードプレスの投稿のカテゴリー機能を、目的ごとに使い分けたいというご要望があった際に、カ…
2022.02.19
画像データ等をサーバーにアップロードする際、一点づつアップロードしても良いけれど、ファイ…
2019.12.29
メールフォーム等での入力値チェック(バリデーション)。PHPの「preg_match」(…
2020.08.1
動画ファイルをCMS化して保存するときに、多くの場合はファイルパスをデータベース(MyS…
2020.08.15
フォームの入力値やURLのパラメータ等、文字列や数値を受け取る際に正規表現を利用してバリ…
2022.09.24
パソコンやスマートフォンの戻るボタンを使って画面を戻す(ブラウザバックする)時があります…