ショウジンブログ

Learn as if you will live forever, Live as if you will die tomorrow.

JavaScript

入力文字種をJavaScriptで制限する@JavaScript

JavaScript 正規表現を使って半角英数字以外が入力された場合の処理とそれ以外の処理を定義しています。 不適切な文字種が入力されて送信ボタン(確認)が押された場合には注意文言が表示されます。注意文言の色、背景色も指定しています。 四行目のform_nam…

レスポンシブ(スマフォ対策)向けのJSの振り分け

ブラウザのウィンドウサイズで判別して読み込むjsファイルをスマートフォン、 PCで振り分ける。 実装例はATOMSさん。 atoms-inc.com ページ読み込み時にふわっと内容を出現させる別のjsが、なぜかスマホサイズだと(折りたたみハンバーガーメニューと干渉し…

タイマー・時限設定@JavaScript

JavaScriptによるものなので正確性においては注意が必要だけど(閲覧者の環境、設定によって変わってくるので)拡張子も変えずに、既存の静的htmlに埋め込んで使うのにはてっとり早い実装なので一応残しておきます。 ま、日時がとんでもなく違ってるって環境…

Google Feed APIを使ってFeedを取得する

Google Feed APIを使ってFeedを取得。記事内にある本文(文字数を指定してまるめて)と最初の画像だけを表示する例。 外部jsファイルを以下の内容で作成。 feedBlog.js // APIを読み込む google.load("feeds", "1"); // 初期関数 function initialize(){ // …

モーダルウィンドウを実装するjsスクリプト「TinyBox2」は軽量かつ高機能、カスタマイズも容易でナイスワン@JavaScriptプラグイン

モーダルウィンドウ内で別ページ(サイト内の別のhtmlや外部サイト)を表示させ、なおかつ表示位置も指定させる必要があったので、調べてやってみました。 モーダルウィンドウ(背景の色、不透明度もカスタマイズ可能) モーダルウィンドウのデザインもカス…