Web Design Leaves

IE10 では、開発者ツール（F12）のドキュメントモードでバージョンを選ぶとエミュレーションしてくれていたが、IE11 では、バージョンを選択しただけでは正しく表示されない。 検索したところ、以下の記事を見つけたので参考にさせていただいた。 Internet Explorer11にてF12 開発者ツールのエミュレーションが使いづらい件（N2P） Windo…

続きを読む

スクロールイベントを制御（ページ内の特定のスクロール位置で関数を実行するなど）できる「jQuery Waypoints v2.0.3 」を使った際のメモ（使い方）。 「Infinite Scroll（ページ下部まで移動すると、次のページを自動的に読み込んで表示）」、「Sticky Elements（特定の要素をある位置に固定して表示）」などのショートカットが…

続きを読む

音楽（MP3）を再生する必要があったので、探していたら「 audio.js」が見つかったのでその使い方のメモ。 ダウンロード 以下の「audio.js」のページからダウンロード http://kolber.github.io/audiojs/ 解凍して、「audiojs」フォルダ（audio.min.js, player-graphics.gif audio…

続きを読む

jQuery の load() の基本的な使い方に関するメモ。 基本的な使い方 Ajax 利用時の制限 文字コードは、原則として「UTF-8 」を使用。（他の文字コードを使うと文字化けする） Ajax ではセキュリティ上の理由から、HTML と同一ドメイン上にあるファイルしか取得できない。 ページにテキスト（ファイル）を挿入する load() は引数に読み込…

続きを読む

PHP を使ったコンタクトフォームの作り方のメモ。 （2016年2月14日　全面的に書き換えました。） 以下のページもご覧ください。 PHP を使ったフォームの操作 目次 基本的なコンタクトフォーム このコンタクトフォームは「入力ページ → 確認ページ → 完了ページ」の順で遷移します。 サンプル1（メールは送信されません） ページデザイン 入力ページ ユー…

続きを読む

XAMPP 及び inMotion ホスティングで PHPMailer を利用する場合のメモ。 参考サイト：Using phpMailer to Send Mail through PHP XAMPP で PHPMailer を使う 「PHPMailer」は外部の SMTP サーバを利用（経由）してメールを送信するためのライブラリです。以下は「PHPMail…

続きを読む

PHP でのユーザー定義関数に関する基本的な事項のメモ。 ユーザー定義関数の構文 ユーザー定義関数（ h() ）の例 次の関数（htmlspecialchars）のパラメータを毎回指定しなくても良いようにする例。また関数名も長いので短くすることで記述が簡単になる。 以下のように定義しておけば、上記の関数は「h(変換される文字列)」で呼び出せる。 2番めの引数…

続きを読む

クッキーとセッションに関するメモ。 クッキー クッキー Cookie Web サーバーから送信したデータを Web ブラウザに保存するための仕組み。テキストデータをユーザーのブラウザに保存することができ、ブラウザに保存されたデータは、次回のリクエスト時に Web サーバに自動的に送信される。 クッキーとは、クライアント側に保存可能な小さなテキスト クッキーで…

続きを読む

画像ではなく、テキスト要素をライトボックス風に表示する方法のメモ。 モーダルウィンドウなどを予め HTML に記述しておく場合 a 要素（class=”detail_btn”）をクリックすると、詳細情報（class=”detail_info”）をライトボックス風に表示 半透明のモーダルウィンドウの領域：id=&…

続きを読む

JavaScript でブラウザの言語を判定する方法のメモ。 日本語と英語の二ヶ国語サイトなどで、例えば日本語サイトへのリンクを「Japanese」となっているところを、ブラウザの言語を判定し、言語が日本語の場合には「日本語」と表示させる場合の例。 ブラウザの言語を取得するには以下のいずれかで取得可能。（日本語の場合、返ってくる値は「ja」「ja-JP」のい…

続きを読む