JavaScript
JavaScript 正規表現を使って半角英数字以外が入力された場合の処理とそれ以外の処理を定義しています。 不適切な文字種が入力されて送信ボタン(確認)が押された場合には注意文言が表示されます。注意文言の色、背景色も指定しています。 四行目のform_nam…
ブラウザのウィンドウサイズで判別して読み込むjsファイルをスマートフォン、 PCで振り分ける。 実装例はATOMSさん。 atoms-inc.com ページ読み込み時にふわっと内容を出現させる別のjsが、なぜかスマホサイズだと(折りたたみハンバーガーメニューと干渉し…
JavaScriptによるものなので正確性においては注意が必要だけど(閲覧者の環境、設定によって変わってくるので)拡張子も変えずに、既存の静的htmlに埋め込んで使うのにはてっとり早い実装なので一応残しておきます。 ま、日時がとんでもなく違ってるって環境…
Google Feed APIを使ってFeedを取得。記事内にある本文(文字数を指定してまるめて)と最初の画像だけを表示する例。 外部jsファイルを以下の内容で作成。 feedBlog.js // APIを読み込む google.load("feeds", "1"); // 初期関数 function initialize(){ // …
モーダルウィンドウ内で別ページ(サイト内の別のhtmlや外部サイト)を表示させ、なおかつ表示位置も指定させる必要があったので、調べてやってみました。 モーダルウィンドウ(背景の色、不透明度もカスタマイズ可能) モーダルウィンドウのデザインもカス…