プログラムメモ
Category
JavaScriptプログラムメモ
PHPプログラムメモ
PHPフレームワークLaravel
PHPフレームワークcodeIgniter
JavaScriptプログラムメモ
node.js
gulp(タスク自動化ツール)
Vue.js
WEB制作(html, css)
Bootstrap
サーバ構築・管理
UNIX ( Linux FreeBSD )シェルコマンドメモ
MySQL
Mac OSX おすすめフリーソフト
postgreSQL
デザイン関連(Photoshop・Illustrator)
Mac OSX用 VST AU RTAS プラグイン
フリー素材(写真、アイコン、フォント)
iPhone / iPad
WEBサービス
SQLite
エディタ・WEB開発環境
Flash / ActionScript
Windows WEB開発(Windows Server .Net)
WEBアクセシビリティ
最近のメモ
Aタグなどリンクするタグ に aria-label をつける
外部JavaScriptファイルを動的に読み込み(遅延読み込み)HTMLページ描画を高速にする
Laravelのモデルにプロパティを追加する
テンプレートエンジン『Twig』と『Smarty』比較表
LaravelのBladeビューでテンプレートファイル名を表示させる
LaravelのBladeテンプレートで変数の存在確認を行う
Vue.js で 数字に3桁ごとにカンマをつけるフィルター「number_format」を作成する
MySQLでビューの作成と変更と削除
LaravelのBladeテンプレートで現在のアクション(URL, メソッド名)を取得する
Laravelのログをローテーションさせる
sshで接続した先のサーバ上のファイルを Sublime Text で開く
unixのシェル( bash )の便利な設定(1文字ショートカットとヒストリ)
phpでjsonを扱う / json_decode() / json_encode()
Laravel で DBの構造と最後に実行したSQL文を取得する
MySQLでサブクエリの結果とLEFT JOIN する
Laravelのbladeテンプレート内で vue.js を使用する
PHPでテストデータを作成する Faker
MySQLで日付を指定してデータをSELECTする
サイトで rel="noopener" を使用して外部アンカーを開く
https と http の混在(mixed contents)をGoogle Chromeで見つける方法
BootstrapのCSSスタイルを<div>タグの中にだけ適用する
Bootstrap カルーセル(画像スライド)のデモ
Bootstrap4でテーブルを角丸表示させる
LaravelのEloquentに追加したいパッケージ
LaravelのBladeビューで現在のURLを取得する
検索
JavaScriptプログラムメモ
トップに戻る
新規投稿
tags
フォーム
[18]
配列
[7]
prototype.js
[14]
jQuery
[60]
vue.js
[1]
Cookie
[2]
Bootstrap
[1]
iMacros
[4]
DOM
[10]
xpath
[1]
node.js
[1]
画像
[6]
css
[3]
日付
[1]
アニメーション
[2]
高速化
[2]
HTML5
[10]
Ajax
[8]
日本語
[1]
エラー対処
[5]
Firefox
[2]
Bookmarklet
[3]
YouTube
[1]
正規表現
[4]
iPhone
[2]
Google
[2]
Database
[2]
YUI
[2]
json
[2]
JavaScriptプログラムに関する各種メモ書き
クイックリンク
JavaScriptでスクロールして要素が画面内に入るとアニメーションする ScrollTrigger
JavaScriptでスムーズにするするとスクロールさせるやつ (jQuery非依存)
javascriptで全てのチェックボックスにチェックをつける・外す
JavaScriptでオブジェクトの配列をランダムにシャッフルする
JavaScriptで配列を参照渡しではなく実際にコピーする
Javascript の 命名規則(スタイルガイド)のケース(記法)について
JavaScriptの array.map
jQuery でのフォーム操作
vue.js の ミニマルな形
JavaScript(jquery)でドロップダウンリストの絞り込みを行う
jqueryとbootstrapのカレンダーで日本の祝日を表示する
bootstrapのタブをcookieに記憶させる。URLの #tab1 などでタブを切り替える。
jqueryのイベント一覧
コンパクトなサイズで設置簡単な(alert・モーダル)ウィンドウ jquery プラグイン
iMacros for Google chrome で htmlからマクロを動作させる
javascript 難読化する
😊😊😊iPhoneの絵文字をWindowsで表示・入力する
フォームの入力途中で画面遷移しようとするとアラートを出して注意する
jqueryでtextareaのサイズをドラッグで変更出来るようにする
JavaScript の querySelector の書式入門
jQueryプラグインのひな形
JavaScriptのメモリ使用量を知る
JavaScript( node.js )でAES暗号を使う
ES6( ECMAScript 2015)フレンドリー + 他ライブラリ非依存のスムーススクロール sweet-scroll.js
背景画像の遅延読み込み(lazy load)をするlazysizes.js
アニメーションライブラリ velocity.js の記述方法
Copyrightの今年の年をJavaScriptで表示させる
このウィンドウはx秒後に自動的に閉じられます
jqueryの fadeIn / fadeOut メソッドを CSS3アニメーションにする
jqueryでフォームのふりがな自動入力
jQuery(Javascript)で表示中のディスプレイが retina対応か判別する
クリックでクリップボードにコピーするボタンを作るjQueryプラグイン【clipboard.js】
jQueryを使用しできない環境でjQueryメソッドを使用したい時に参照するサイト
jQueryを使ってCSS3アニメーションを操作する。【jquery.transit】
JavaScriptでオブジェクト、配列の要素数を取得する
ドラッグ&ドロップで複数ファイルファイルアップロード + 進捗(プログレスバー)表示する Dropzone.js
JavaScriptで文字列を指定バイト数で切り取る
JavaScript の getElement系メソッドによる HTMLタグ(DOMオブジェクト)の取得
入力途中のフォーム内容を保存して自動的に復元する 『Sisyphus.js』
prototype.js の フォーム操作
IE8以下で console.log がエラーになる問題の対処
ブラウザ自動運転iMacrosの使い方と細かいテクニック
iMacrosでマクロによる変数代入とJavaScriptによる変数代入
フォームのプレースホルダーをjQueryで再現する
JavaScript(jQuery)でギターのタブ譜を表示する
jQueryでフォームの全ての要素に入力や選択があるかどうかを調べる
jQueryでフォームのsubmitボタンの二重送信防止する
ドロップダウンリスト(オプション・メニュー)のスタイルを変更するjQueryプラグイン【jquery.customSelect】
ブックマークレット作成に便利なサイト
jQueryでのクラス表示方法・クラス指定方法
jQueryでフォームの入力値をチェックする(Validation)プラグイン
JavaScriptでアルファベットの大文字と小文字を区別せずソートする。
JavaScriptで全角→半角変換を行う
最も簡単にYouTube動画を貼り付けるjqueryプラグイン
JavaScriptでPHPのin_arrayのような関数を作る
JavaSriptで入力値のサニタイズ(PHPの htmlspecialchars()関数 )
SWF Object 不要。jqueryのFlashムービー(swf)貼り付けプラグイン
jQueryで<ul><li>の最後の要素を選択する
JavaScriptでBlowfish暗号を利用する
jQueryで "ある要素" が画面内にあるかどうかを判別する
IE8 IE7 IE6 でCSS3の background-size: contain; を使用できるようにするjQueryプラグイン
JavaScript(jQuery) で郵便番号から住所を自動入力する2つのライブラリ
ウィンドウサイズ変更を検知してサイズによって画像サイズを変更する
iPad, iPhone, スマートフォン用にviewportをJavaScriptで設定する
ある日にちからの経過日数(経過時間)を取得する
JavaScriptで xx日前の日付け、今日の日付を求める
JavaScriptに sptintf 関数を実装する
jQueryで画像やリンクのクリック状態(マウスイベント)やキーボード入力状態を強制的に作り出す
配列かどうかを判別する
JavaScript(jQuery)でスマートフォン(iPhone, iPad, Android)を判別する
JavaScriptの正規表現で変数を使う
GoogleによるJavaScriptホスティング(CDN)を使用する
jQueryのテンプレートプラグイン【 jQuery.tmpl 】を使用する
JavaScriptファイル自身のURLを取得する。またドキュメントルートを取得する。
文字列型を数値型(整数型)に変換する(parseInt)
jQueryでオブジェクト(HTMLタグ要素)の存在、表示、アニメーション中を判別する
Windows版IE6, IE7, IE8 での<label>タグがきかない不具合に対応する。
■ Google Maps を住所から自動生成するサンプル ( Google Maps API V3 使用)
任意の範囲のフォーム項目をリセットするjQueryプラグイン【jquery.clearform.js】
jQueryのアニメーションにイージングをかける
jQueryで画像にマスクをかける画像ギャラリー【mbmaskedgallery】
Appleの検索窓のようにフォーカスするとサイズが変わるテキスト入力を実現する
jQueryでiPhoneの電話帳のように画面左に「A〜Z」のショートカットインターフェースを再現する
Googleサジェストライクなプラグイン
JavaScriptでクリップボードを操作する【zeroclipboard】
JavaScriptでヒアドキュメントもどき + ヒアドキュメントライブラリ
リファラー(REFERRER)を消して外部ページに移動する
ドラッグ、ドロップで要素を順番変更するjQuery UI Sortableモジュール
JavaScriptでPHPのisset関数みたいなものを使う
jQueryでHTMLソースコードを整形する
JavaScriptで外部サイトをスクレイピング【Cross-Domain-Ajax】
jQueryによるAjax操作の基礎
HTML5またはcssまたはJavaScript(jQuery未使用)で画像の先読み(プリロード)を行う
オブジェクト(クラス)のメソッドを SetInterval する
HTML5のClient-side database(JavaScript Database)のSQL文サンプル
JavascriptでSmartyライクなテンプレートエンジン Jarty
HTML5のClient-side database storage(JavaScript Database)を試す
Javascriptで(GPS,Wifi)位置情報を検出する
JavaScriptでCookie(クッキー)を簡単に扱う
JavaScriptで半角カタカナを判別する
JavaScriptで現在時刻を取得する
FlashのバージョンをJavaScript(SWFObject)で取得する
フォームに適当な値を自動で入力するブックマークレット(フォーム自動入力BookMarklet)
JavaScriptでURIをパースする parseuri.js
ドロップダウンリストを動的にJavaScriptで生成する
ラジオボタン <radio name="form_name"></radio>の状態を変える
ドロップダウンリストの状態をJavaScriptで動的に変更する
Gmailのように「shift + クリック」でチェックボックスの複数選択を可能にするjQueryプラグイン
JavaScript(jQuery)でリッチテキスト編集(wysiwyg)エディタ
prototype.js を使わずにDOMオブジェクトのスタイルを取得する
IE6 で<select></select>より上にレイヤーを配置する
最も簡単な画像のロールオーバー導入方法 (jQuery)
jQuery , prototype.js 用「ツールチップ(吹き出し説明)」表示ライブラリ
DOMプロパティ
Javascriptでの正規表現
adobe の Javascript フレームワーク【spry】を使ってみる
jQuery html()メソッドと DOM.innerHTML の違い
prototype.js のフォームシリアライズ(Form.serialize)をテストする
window.onload 前でも DOM 処理が可能なら通知してくれる domready.js
JavaScript FAQ
JavaScript で 動的に hidden属性<input type=”hidden” name=”name” value=”value”>を作成する
JavaScriptで小数点xxケタで四捨五入する
JSON記述の基本とデコード( json2.js )
これは便利!好きなブラウザで JavaScript を即座に実行【jsbin】【jstests】
<input type="button">にname=”submit” は使用できない
入力文字数によってテキストフィールド<textarea>のサイズを変える
外部JavaScriptによるWindows IE7 の「ランタイムエラー」に対処する
外部JavaScriptファイルを動的に読み込み(遅延読み込み)HTMLページ描画を高速にする
JavaScriptソースコードを圧縮してサイズを小さくする。またはソースを整形する
DOM要素(<div>タグ)をJavaScriptで削除する
JavasScriptでウィンドウの幅、高さを取得する。
DOMオブジェクト・jQueryオブジェクト をダンプ(テキスト表示)する。
htmlソースからDOM生成用のJavaScriptコードを吐くツール【DOM Tool】
jQuery と prototype.js を同時に使う。($(); のコンフリクト回避)
Ajaxによって動的に書き換えられたhtmlソースコードを表示する方法。
n桁のランダムなIDを作成する
ソースコードを色づけするJavaScriptライブラリ【google/code-prettify】
prototype.js を使ってイベントを登録する。
JavaScriptで数字3桁ごとにコンマを打つ
JavaScriptでURIエンコード(URLエンコード)を行う
透過png画像を IEバージョン6以下のブラウザで表示させる方法。
script.aculo.usを使ったフェードイン、フェードアウト エフェクト
ある要素にCSS、スタイルシートプロパティをJavaScriptでセットする
htmlページ内のdiv のX,Y座標位置を取得する
ajax(jQuery)で複数ファイルアップロード+転送進捗表示【uploadify】
配列をランダムに並び替える
JavaScriptのSetTimeoutで 疑似sleep(遅延実行) を実現する
jQuery, prototype.js でラジオボタンの値を取得する
IEでどのレンダリングモードが適用されているか調べる
フォームに適当な値を自動で入力するブックマークレット(フォーム自動入力BookMarklet)
Firefox の WebDeveloper みたいなのを、Safari, Google Chrome で利用したいときに。
(下記リンクをブックマークバーにドラッグしてください)
フォーム自動入力Bookmarklet
登録できてもうまく動作しない時は ↑フォーム自動入力Bookmarklet のアドレスをコピーして
ブックマークレットのアドレスに再度ペーストしてください。
関連エントリー
JavaScript で 動的に hidden属性<input type=”hidden” name=”name” value=”value”>を作成する
フォームの入力途中で画面遷移しようとするとアラートを出して注意する
jqueryのイベント一覧
jqueryでフォームのふりがな自動入力
iPhoneでフォーム入力時に 数字だけのキーボードを表示させる
No.665
06/16 16:07
edit
edit
delete
Bookmarklet
フォーム