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

Corredor

ウェブ、プログラミングの勉強メモ。

jQuery と JScript を使って IE11 限定で動作するサーバーレス掲示板を作る

どこかのプログラミング講師が「なんか最近やたらと DB であれこれデータ管理すること多くない?ファイルの読み書きってのも場合によっては有効なことがあるんだけどなぁ」と言ってたのを思い出して、サーバがない環境でもファイルの読み書きができれば、チ…

jQuery の bind() と on()

jQuery もバージョンとともにメソッドが色々変わってるから、リファレンスサイトが更新されていないと何がなんだか経緯が分かりづらいよねぇ~。 bind() は 1.7 系まで。1.7 系からは on()。live() とか delegate() とかも bind() と同じく昔からあったが、…

jQuery.Ajax() の書き方まとめ

すぐ書き方を忘れるので、よく使うかたまりを置いておく。 jQuery 1.4 系までは success・error・complete プロパティを使う。1.8 系以降は非推奨になっている。 $.ajax({ type: "GET", dataType: "html", url: "./content.html", success: function(respons…

jQuery で簡単にアコーディオンっぽい動作

ワケあって最近 jQuery オンリーのウェブページをいじることがあるので、今更の jQuery 基礎。 要素をクリックすると、他の要素がビロビロ~っと出てきたり、閉じたりする、いわゆるアコーディオンメニューみたいな動作を簡単に実装できる、jQuery の slideT…

ローカルで jQuery の Ajax を動作させたいが IE11 で動かない時にこうする

ローカルに置いてある HTML ファイルから jQuery を使って、load とか get とか getJSON とかしたかったのだけど、どうもローカルファイルからだと XMLHttpRequest が使えないらしく、動作しなかった。 参考:【解説付き】chromeでXMLHttpRequestをローカル…

npm でパッケージ管理しながら Gulp で Browserify を実行させて http-server で動作確認を行う

JavaScript ライブラリを色々使ってみようぜってことで、Node.js がお送りする npm でパッケージを管理しながら、Gulp を使って Browserify を試してみようという。そんで動作確認には http-server というお手軽なウェブサーバーを使う。 一連の作業は Mac O…

placeholder 属性でテキストボックスにヒントを書く

HTML5 で、placeholder 属性というものが追加されている。これはフォーム部品の初期値を指定するようなイメージだが、value 属性と違って、任意のテキストが入力されると非表示になる、いわばフォーム部品のヒント文言を書くための属性だ。 <input type="text" placeholder="電話番号を入力してください"> Placeholder と…

jQuery の Ajax を使って再描画なしのリロード・送信 (作りかけ)

作りかけでも勉強過程を記事にしていくことにする。 jQuery の Ajax で非同期通信 基本形はこんな感じ。このスクリプトを動作させる HTML 上に #content の要素を設置しておく。 $.ajax({ type: "GET", url: "/GetContents.do", success: function(data) { $…