somemo programming etc.

プログラマ、雑記、プログラミング関係はLinkから、数式はこっちでまとめていることが多い

Javascript

【Javascript】固定メニューの作成

左上など特定の位置に固定したメニューを作成し、その中に便利な情報を表示したいことがよくあります。それをJavascriptで実現する方法のメモです。 メニューの作成 これは、Javascriptで新しい要素を作成するだけです。 var menu = doument.createElement("…

【Javascript】イベントバブリングの制御

イベントバブリングで親要素にて処理が実行されないように制御する方法についてのメモです。 stopPropagation() イベント用の関数の引数であるイベントオブジェクトに存在する関数です。これを実行すると親要素のイベントを実行しないようになります。 cance…

【Javascript】イベントオブジェクトとコールバック関数

イベント発生時の情報をもつイベントオブジェクトについてのメモです。 イベントオブジェクト イベントオブジェクトとは、イベントが発生したさいの情報を保持しているオブジェクトです。イベントの発生源となった要素や、イベントの発生した座標、時刻など…

【Javascript】型を調べる

型の調べ方についてのメモです。 typeof演算子 どの型に当てはまるかを文字列で返す演算子です。 instanceof演算子 どのオブジェクトであり、またはどのオブジェクトから派生しているかを指定して、その真偽を返す演算子です。コンストラクタやプロトタイプ…

【Javascript】親要素へのイベントの伝播

タイトルは、イベントバブリングと呼ばれているJavascriptの現象についてです。 イベントバブリング 子要素で発生したイベントを親要素が持っているとき、親要素でもそのイベントが実行されます。親を上と見ているので、イベントが泡のように上るため名づけ…

【Javascript】google Maps使ってみた

google Maps使ってみました。gistの貼り付けも試してみます。 google Maps Javascriptだけで実現できるなんてすごいですね。gistのファイル名の拡張子をあわせないとハイライトされませんので気をつけましょう。

【Javascript】ループしながらイベント設定【変数バインド】

ループしながらイベント設定をする方法のメモです。 ボタンを用意 今回は、3つの方法で試します。それぞれの方法につきボタンを3つ使います。 var i, j, num = 3; var buttons_ol = document.getElementById('buttons_test'); for (i = 0; i var i, j, num =…

【Javascript】配列のメソッド

Javascriptの配列は、phpほど標準メソッドがなかったので何がないかをメモしておきます。 fill 配列にある値をn個いれるメソッドがありませんでした。これを実現するには、単純にn回ループするだけで問題ありません。 shuffle 配列の要素をランダムに入れか…

【Javascript】setIntervalとsetTimeout

setIntervalを調べていると、setTimeoutという同じ系統だけどタイミングがちょっと違うものがあったのでそのメモです。 setInterval setIntervalは、指定した間隔どおりに動きます。他のことを気にせず動くようです。 setTimeout setTimeoutは、指定した時間…

【Javascript】setIntervalでストップウォッチ

setIntervalでストップウォッチを作ってみました。 コード 以下のとおりです。 // セットする秒数、タイムスタンプ、interval用 var sec, stamp, interval_id; /** * 初期化 */ var init = function() { sec = 0.000; $('#sec').text(sec); }; /** * 時間を…

【Javascript】scrollTopについて

ある程度スクロールしたときに、TOP位置にスクロールするボタンを作っていたときに起きた問題をメモしておきます。問題とは、スクロールしないことであり、原因はDOMの指定違いでした。 スクロール方法 まず、箇条書き程度に方法を書きます。jQueryで実現し…

【Javascript】文字列からランダムで1文字を取得する

Javascriptで文字列からランダムで1文字を取得する方法のメモです。 1文字取得する 文字列のn番目を取得するには以下のようにします。 var target = 'あiう'; console.log(target[0] + target[1] + target[2]); // => あiう 配列のようにn-1番目を指定します…

【Javascript】coffeeScriptを試してみた

Javascriptをシンプルに記述できるcoffeeScriptを試してみました。 coffeeScript 公式サイトはhttp://coffeescript.org/です。シンプルに記述できるというのは、構文がRubyっぽいのでとてもシンプルになり、生Javascriptに比べて記述量も減ります。 試してみ…

【Javascript】パターンにマッチした文字を使用する

パターンにマッチした文字を使用するときのメモです。 () 見出しは、文字でなく文字列を見つけるときに使うメタ文字です。この括弧に囲まれた文字列は以下のようにして使用することが可能です。 var target = 'google.com'; var result = target.match(/*1/)…

【Javascript】正規表現のオプション指定

正規表現のマッチングの際に、オプションを追加することができます。追加すると、挙動が変わり便利になるときがありますのでメモしておきます。 オプション オプションには以下の3つがあります。 g i m g:global 全体にマッチするようになります。全体にマッ…

【Javascript】与えられなかった引数の扱い

Javascriptの関数実行時に与えられなかった引数に関するメモです。 オーバーロード 関数の振る舞いを引数の数によって異なる、ということを示す言葉です。これを出すと大体何を言いたいのかが分かりやすいと思ったので出してみました。 結論から言うと、オー…

【Javascript】エスケープ文字に続く正規表現の指定

エスケープ文字に特定文字をつけることで実現できる特別なパターンがあります。それを指定するときに気をつけることのメモです。 エスケープ文字 エスケープ文字「\」のあとに特定の文字をつけることで実現できるパターンがあります。文字列のmatchメソッド…

【Javascript】正規表現を変数を用いて指定する

Javascriptの正規表現に変数を組み合わせて使いたい場合についてのメモです。 べた書きの場合 文字列「abcd」に、文字列「bc」が含まれていることを確かめる方法は以下のとおりです。 console.log('abcd'.match(/bc/)); 結果は以下のとおりです。 ["bc"] 0: …

【Javascript】入力を促すプロンプトを表示する

入力を促すプロンプトを表示する方法についてのメモです。 prompt windowオブジェクトに存在するメソッドです。以下のようにして使います。 window.prompt('文字を入力してください。', 'デフォルト'); 説明文とデフォルトを決めることができます。また、入…

【Javascript】リンクを押下してPOSTする【php】

リンクを押下してPOSTするスクリプトを書いてみました。Javascriptとphpを使用しています。単純にPOSTするだけであれば、formとhiddenを用意してリンクのonclickイベントでformをsubmitするだけです。 hidden値 POSTしたい値を連想配列として用意します。こ…

【Javascript】onloadとDOMContentLoadedとreadyなどなど

Javascriptを使っていてよく目にする起動時に発生するイベント名についてのメモです。 具体的にイベント名を上げると、以下の3つ?になります。 なにも指定しない onload ready(jQuery) 何も指定しない Javascriptは、イベント等を指定しない限り読み込んだ…

【Javascript】ブラウザ別イベントリスナーの追加

htmlに直書きのイベントハンドらへの割り当てから、リスナーに変更した場合のメモです。ついでにブラウザ別も試してみました。この面倒な分岐をJavascriptライブラリが吸収してくれてると実感できました。 IEはajaxのオブジェクトも違うし、・・・W3C準拠し…

【Javascript】フォームのサブミット時のイベント

すぐに忘れてしまうのでメモ。 フォームをサブミットしたいが、フォームに囲まれている要素の入力チェックをしたい場合のお話です。 サブミットボタンに対して、onclickイベントを使用して入力チェックを行っても、サブミットが実行され遷移してしまいます。…

【Javascript】ウィンドウを閉じる【IE】

document.getElementById('btn_close').onclick = function(){ window.opener = "myself";//ここ window.close(); }; 親ウィンドウを閉じる場合は警告を表示します(子ウィンドウ警告なし)。IEでのウィンドウ親子判定はwindow.openerの値がnullかどうかで判別…

【Javascript】配列/jsonのキー存在チェック

タイトルどおりです。key in varで確認できます。 var ary = new Array(); ary['a'] = 'エー'; alert("ary['a'] is" + ary['a']); alert('a in ary: ' + ('a' in ary)); alert("ary['b'] is" + ary['b']); alert('b in ary: ' + ('b' in ary)); /***********…

【Javascript】アドレスバーで実行

アドレスバーで実行する方法のメモです。 よくリンクで#がつかないようにするjavascript:void(0)と同じですね。 javascript:の後ろに、関数オブジェクトを記述して、それを実行しているだけです。 // IEアドレスバーで、Firefoxではだめでした。 javascript:…