読者です 読者をやめる 読者になる 読者になる

かもメモ

自分の落ちた落とし穴に何度も落ちる人のメモ帳

jQuery Ajaxでファイルを送りたい!

input[type="file"]をAjaxで送信したい時 普通にAjaxを使って送ると、ファイルが文字列になってしまい form.submit()した時と違うのでハマったのでメモ。どうやら FormData を使い Ajaxが自動的に送信データを整形する機能をOFFにすれば form.submit()と同じ…

JS複数の画像をload後に処理したい

desandro/imagesloaded · GitHubって便利なプラグインもあるけれど、そこまでしなくても良いやくらいな時に。。。例えばこんなHTMLで画像が全て読み込まれたら何か処理を実行したい (width取りたいとか。) <div id="images"> <img src="/img/hoge.jpg" /> <img src="/img/fuga.jpg" /> <img src="/img/mofu.jpg" /> </div> 画像のロード完了数を数えてcallbackを実行す…

jQueryのonとoff

jQueryでイベントをバインドする際にイベント名もつける事ができる。 これを利用すればこれを利用すれば、イベント名でまとめてアンバインドもできる。 $(document).on('click.myEvent', 'selector', event1) .on('click', 'selector', event2) .on('click.m…

jsでformを送る(submitする)際に気をつけること。

以前、他のブログにも書いてた事にまた引っかかってしまったので。 改めて。javascriptでフォームを送る方法 <form type="post" name="myForm" action="mofumofu"> こんなフォームだよ― ... </form> javascriptの場合。 // javascript document.myForm.submit(); jQueryの場合 // jQuery var $form = jQuery('form[name…

Gruntfileを晒す。

jade, scssのコンパイル、jsとcssのmin化とgzip化な感じで使っています。 // Gruntfile.js module.exports = function(grunt) { var pkg = grunt.file.readJSON('package.json'); grunt.initConfig({ jade: { compile: { expand: true, cwd: 'dev/jade/publi…

jsでブラウザの表示領域を取得するメモ

よく忘れすので。 var w = window; var d = document; var width = w.innerWidth || d.documentElement.clientWidth || d.body.clientWidth; var height = w.innerHeight || d.documentElement.clientHeight || d.body.clientHeight; スクロール領域も含めた…

Gruntで処理をコンボする!

最近scssやjs, jadeのコンパイルや結合, min化にもっぱらgruntを使っています。 例えば concatで、自作のjsを結合してmain.jsに、jQueryなどのライブラリを結合してlib.jsを作成 uglifyで、main.jsをmin化してmain.min.jsを作成 再びconcatで、lib.jsとmain.…