JavaScript:クリックした要素の全情報を取得する window.onload=function(){ document.onmousedown = function(e) { console.log(e); } } これでコンソールを見ると「function(e)」で取… ゴトーハック2014.08.05 2,427
JavaScript:ページ内全ての<li>に偶数・奇数のクラスを付与する window.onload=function(){ var uls = document.getElementsByTagName(“ul”); //ページ内すべての<ul>を取得 for (i = 0; i… ゴトーハック2014.08.04 907
JavaScript:console.logを活用しよう console.log(“comment”); 昔はJSの結果をテストするのにalert()を使うことが多かったのですが、alert()は画面にいちいち出て処理も止まって邪魔になります。 console.log()を使う… ゴトーハック2014.08.01 349
「Gifffer」でGifアニメに再生ボタンをつけて再生のタイミングを制御する GiffferというJavascriptプラグインを利用することで、Gifアニメーション画像に再生ボタンを追加して再生することができます。 デモはこちら ダウンロードはこちら 利用方法 Javascript <sc… haradaハック2014.07.31 1,184
javascriptでテキストのソートを行う方法 以前、Javaでテキストを処理する方法を記載しましたが(Javaでファイルを行ごとに編集して保存する方法)、 JavaScriptを使えば、簡単にブラウザ上でテキストを処理することが出来ます。 例えば、テキストエリアに貼… otaguroハック2014.07.30 1,029
jQueryを使わない汎用型タブメニューUI https://hacknote.jp/archives/3874/ 上記のソースの場合、各タブにIDが固定で振られているため、タブUIを複数の箇所で使いたくなった場合それらのID全てを変更しなければならず、気軽にタブも… ゴトーハック2014.07.30 1,111
JavaScript:ブラウザのDOMから得られる情報はとりあえずtoLowerCase ある処理のためクリックしたオブジェクトから「nodeName」を参照したところ、タグ名が「DIV」といった形で大文字で入っていたのが気になった。 ブラウザによっては小文字で返すものもあるのではと思ったので、そうした疑念が… ゴトーハック2014.07.22 651
JavaScript:トグル関数の基本形 jQueryを使えば簡単にできる表示のトグルですが、社内ではjQueryの使えない環境がぼちぼちあるためベーシックなJSで組まざるをえないことが結構あります。 JavaScript function toggle($th… ゴトーハック2014.07.18 6,482
JavaScript:ウィンドウサイズに変更があった時に処理を実行する window.onresize=function(){ //処理 } ブラウザウィンドウの幅が変更された時に処理が実行されます。 上記処理であれば<body onresize=””>のように書く必要が無くなり… ゴトーハック2014.07.17 420