purazumakoiの[はてなブログ]

技術メモから最近はライフログも増えてきてます。

JavaScript

javascriptでブラウザの印刷イベントの実行前、実行後を取る

IEのみバージョン5以降 window.onbeforeprint = function() { console.log('This will be called before the user prints.'); }; window.onafterprint = function() { console.log('This will be called after the user prints'); }; Firefox (jquery読み込…

javascript でforeach

phpでいうforeachのjavascript実装パターン for(var i in aryhoge){ console.log(aryhoge[i]); }

javascript 連想配列の書き方

参照 JavaScriptで覚えておくとよいデータ構造 - 配列・オブジェクト - いろいろ解析日記 PHPとJavaScriptの配列や連想配列がごっちゃになるので、整理してみた - maeharinの日記 連想配列 var ary = { "key1" : 'val1', "key2" : 1111 }; // 出力方法 conso…

javascriptで変数名を動的に連結

参照 javascriptで変数名を動的に生成・連結する方法 - Qiita evalを使う html部分 <a href="javascript:void(0)" class="hoge" id="id2">サンプル</a> javascript部分 var hoge = 0 ; var hogeid2 = 1; var id = $(".hoge").attr("id"); hoge = eval("hoge" + id); これでhogeにhogeid2の値が入る、

JavaScriptでGETパラメーターを取得する

JavaScriptでGETパラメーターを取得する - Qiita

javascriptでwindow.closeは最近のブラウザでは動かないので

参照 JavaScriptでWindow.closeする時のブラウザ別対応まとめ - TechNote ようするに、IE、FF、Chrome、Safari どのブラウザでも onclick="window.open('about:blank','_self').close()" これでいけるとのこと ※FFは若干スッキリとはいかないけど (adsbygoog…

window.onload = function() {} が動かない時

外部jsに window.onload = function() { alert("aaa"); } ってかいて読み込ませてもあれ?動かないぞってときは <body onload=""> とかなってるからかも。この場合onload=""って部分をけしてあげればOK</body>

Javascriptでチェックボックス操作

jQueryを使わず、プレーンで操作する場合 Javascript - チェックボックス・ラジオボタンを操作する(ON/OFFの切り替え) ということでサンプル // タグが<form name="form1"> var root = document.form1; // タグが <input type="checkbox" id="checkname1" name="checkname1" value="1"> root.checkname1.onclick = function() { if(this.checked){ </form>…

Javascriptで今ブラウザで見ているファイルの位置(パス)を取得

参照 Javascriptでファイルの位置(パス)を取得 | doli blog パスを取得するにはこんな方法がある //URLを取得 var url = location.href; // http://exsample.com/sp/ //パスを取得 var path = location.pathname; // /sp/ スマホサイトを/sp/以下で展開し…

JavaScriptでランダムパスワード生成

企業のレガシーな基幹システムだと8文字の中で強度を高める必要があるかもしれませんが webの場合は、大文字や記号が打てない人が対象だったりするので、小文字の英数字の方が実用的だったりします。 仕様 8、10、12、14、16桁のランダムパスワード生成(小…

javascriptでユーザエージェント判定

いいのないかなーと思ってたらこれはステキ [jQuery] ユーザーエージェントの判定 スマホ(iPhone、iPod、Android)、タブレット、IE11にも対応 | 5 LOG http://5log.jp/blog/searchua/ カスタマイズ ちょっと自分用に 自動で、bodyのclassを当てるようにし…

正規表現に変数を使う

indexOfだと大文字小文字が区別されてしまうので区別しないようにするためには 正規表現用のRegExp関数を使う via 変数を使う時はnew RegExp、そこで()使って$1とかで置換したい時はRegExp.$1か引用符で囲む - JavaScriptとかPerlとかPHPとかさくらVPSとか勉…

phpのexplode()、implode()は

JavaScriptだとjoin、split explode→split implode→join

子ウインドウから、親ウインドウを遷移させ、フォーカスを当て、更にその画面から子ウインドウにフォーカスを当てる

※しかしこれだとFx4以上は意図通りになるが他が上手く行かなくなる via Firefox4.0で子窓から親窓へのフォーカス(window.opener.focus)が利かない | そぷログ ※IE8、Chrome、Safari5、Fx3.6では問題ないことを確認しています。 というように、window.blur(…

jqueryで名前にカッコがついたオブジェクトを取得

phpのライブラリとかで吐き出すと そいつの仕様でカッコで書いてある時があります。 そんな時に $("input[name='chk_hoge[1]']").val() via jQuery IDに括弧がついたオブジェクトを取るには | Kinopyo Blog

undefined値の判定

via JavaScript:undefined値の判定 - 泥のように これが個人的にいいなと思います。 if (a == null) { alert("aはundefinedかnull"); }

setInterval関数実行時に'関数名 not defined'が出る

loop = setInterval(hoge(''),2000); とするとエラーがでる loop = setInterval(function(){hoge('')},2000); とすると直る via javascript - I get "function not defined" using setInterval with jQuery. Why? - Stack Overflow

スムーズにページ内スクロールをするjsが上手く動かない

いつからのバージョンかわからないが(割と最近のだと思う) Chromeで 「jQueryでページ内スムーズスクロール」 のスクリプトが上手く動かなくなった。 調べてみると 同じような症状の方がいた。 via HTML Aタグにname idを指定して要素を空にした状態からj…

オブジェクトのthisに行きたいけどjquery使うとその要素のthisになってしまう。

イマイチ理解出来てないので完全に自分メモ jquery.jcarousel.jsを使ってスライドショーのautoplayをしているが aタグをクリックしたら止めたい 162〜184行目あたり var self = this; ・ ・ ・ this.funcNext = function() { self.next(); }; this.funcPrev …

ウィンドウ、リサイズ時のイベント処理の記述方法

調べてたら丁度よいソースを見つけました。感謝。 via jQuery「ウィンドウ、リサイズ時のイベント処理の記述方法」 function doSomething() { リサイズ時、実行する命令 }; var resizeTimer = null; $(window).bind('resize', function() { if (resizeTimer)…

クロスブラウザでiframeの高さを内容コンテンツの高さに合わせる

コンテンツ内の他のページをiframeで読み込んで表示したときスクロールを無しにしたい。 ヘッダとかフッダとか消して、コンテンツ部分だけをiframeに挿入する為。 ただ高さを取得することは割と簡単だったが、 ブラウザの戻るボタンで戻った時もコンテンツの…

ウィンドウ、リサイズ時のイベント処理の記述方法

調べてたら丁度よいソースを見つけました。感謝。 via jQuery「ウィンドウ、リサイズ時のイベント処理の記述方法」 function doSomething() { リサイズ時、実行する命令 }; var resizeTimer = null; $(window).bind('resize', function() { if (resizeTimer)…

IE6で背景にも透過pngを使用するiepngfix.js

via 透過PNGをCSSで背景に指定してIE6や5.5のバージョンでも綺麗に表示してみる | DesignWalker しかしiepngfix.jsは今はリンク切れになってしまっているので こちらのサンプルよりDLさせていただきました。 IE6以下で透過PNGを使用する(JavaScript使用)|…

defer属性

defer属性を指定すると、ページの読み込みが完了してからスクリプトを実行する そういえば、alphafilterを使うときに指定してたのを思い出しました。 <script type="text/javascript" defer="defer" src="js/alphafilter.js"></script> via HTML5のscript要素でasync, deferを使ってパフォーマンスアップ - IT-Walker on hatena

フォームに値を自動入力するGreasemonkeyを作った。

フォームのテスト送信で毎回入力するのって結構大変なんですよね。 僕のFirefoxだとテキスト入力欄をダブルクリックすると履歴が出てきたりするけどそれでも面倒だったのでとりあえず作ってみました。 via(jQueryロード部分) newbie on xxx(iphone,object-…

クロージャメモ

via クロージャ入門物語 - 三等兵 つまりこういうこと。分かりやすかったです。 引用; function soto() { var num = 0; function naka() { num+=1; alert(num); } return naka; } var func = soto(); func(); // 1 func(); // 2 func(); // 3 こっちの方が…

アップロードした画像の範囲指定切り抜き

↓こことかで使われている指定範囲のみを保存する方法 マチウケメール便 js配布元 DEfusion.org.uk » JavaScript Image Cropper UI, using Prototype & script.aculo.us 注意するポイントとしては、DLされるサンプルだとscriptの参照がgoogleのサーバなのでフ…

ユーザスクリプトでjQueryを使用する

firefoxで、Greasemonkeyでユーザスクリプトを実行するときjQueryを使いたかったのでそのメモ via Google イメージ検索画像をレイヤー上に表示 (Greasemonkey) : Serendip - Webデザイン・プログラミング 引用 (function() { // load jquery library var GM_…

FireBugでプリントデバッグ

ずっとalert();人生でした。 これ系の結構さがしてたけど何で今まで見つからなかったんだろう。 今度試してみます。 via JavaScript でプリントデバッグするには? | Diaspar Journal [Firebug] console.logで、変数を監視しよう: Recently Ajax こんな風に…

タブメニューやスライドショーをに使えるjQueryプラグイン

ボタンを押したら画像がフェードイン、アウトするスライドショーを作りたいと思って JQuery Cycle Plugin のfadeを使っていたのだが、これだと枠をCSSで背景として、メイン画像をCMSで登録するということがなかなか難しかった そこで jQueryを使ったタブメニ…