jQueryでどこのセルが押されたか判定する方法 - にっき
テーブルタグ無いのどこのセルが押されたかが知りたかったので、その方法を調べてみた こんなテーブルを用意して、その中の何番目のセルが押されたかを調べるには <table class="target_table"> <tr> <td> 1個目 </td> <td> 2個目 </td> <td> 3個目 </td> <td> 4個目 </td> </tr> </table> $().click(function(){}) の第1引数でイベントオブジェクトを取得できるので、そのオブジェクトのindex()を取得すれば大丈夫 $(function() { $('.target_table td').click(function(event){ // currentTarget のindex()を取得 alert( $(event.currentTarget).index() ); // target
これは凄い、Excelの関数も使えちゃうスプレッドシート実装jQueryプラグイン「jQuery.sheet」:phpspot開発日誌
これは凄い、Excelの関数も使えちゃうスプレッドシート実装jQueryプラグイン「jQuery.sheet」 2010年01月26日- jQuery.sheet これは凄い、Excelの関数も使えちゃうスプレッドシート実装jQueryプラグイン「jQuery.sheet」。 参照に対応していて、A1 に 2 が入っていたとして、A2に「=A1*2」とするとちゃんと4と表示されたり、色々なおなじみのExcel 関数(ABS, AVERAGE, CEILING, COUNT, IF, MAX, MIN, PI, ROUNDなど)をそのまま使うこともできてしまいます。 デモページ 単にソート機能がついたり、そのまま編集できるだけではなく、本当にExcel っぽいところがすごいですね。 デザインは上記固定ではなく、色々なデザインテーマを適用することもできるようです。 あと、実装もjQueryプラ
jQueryで動的にscriptタグを生成して実行させる方法
何かの判断をJSで行った後に、scriptタグで外部JSを読み込んだりする事がありました。jQueryをつかって、scriptタグを生成したときに変な挙動があったので回避するメモを残します。 JSのイメージは、 scriptタグの記述をStringで書いて、 それをjQueryの＄を使ってタグを生成、 bodyタグへappendする流れです。NGソースjavascript
[javascript][jQuery] jQueryの便利なmapの使い方答えを知りたい | 答えを知りたい
lispでmapに初めて触れた時は「何、このめんどくさい関数？」と感じ、正直な話あまり触れたくもなかったのですが慣れてくるとこいつはとても便利な賢いやつです。 さてjavascriptでもmapが使えるか調べてみたらjQueryで提供されてました。 mapを使えば配列全部に関数を適用させて、返り値を配列で受け取れます。for文なんて使わなくてもええんやっ！！ 使い方の例 定番の累乗を求めるサンプル。 arr = [1,2,3]; arr = $.map(arr, function(n,i){return n*n;}); for(i=0;i<arr.length;i++){ alert(arr[i]); }
[javascript][jQuery] $(window).width() と $(document).width() 違い答えを知りたい | 答えを知りたい
$(window).width() と $(document).width() や $(window).height() と $(document).height() がどういう時に違う値を返すかわからなかったので検索したら Stack Overflow に簡潔でわかりやすい説明がされてたので紹介します。 When you have a scrollbar on the webpage. (スクロールバーが表示されてる時) わかりやすいですね。一応念のために書いておくと window が「ブラウザの表示領域」で、document が「ページ全体」です。 参考 jquery – When can $(document).width() and $(window).width() show different values? – Stack Overflow http://stackoverf
W3C File APIを使ってJavaScriptでファイル加工 - しばそんノート
現在W3Cで仕様策定が進められているFile APIを使うと、JavaScriptからローカルファイルの情報や内容にアクセス出来るようになります。 Firefoxでは3.0時代から似たような機能が実装されていたようですが*1、今回やや仕様を変更した上で標準化されます。 まだワーキングドラフトの段階ですが、Firefox 3.6 RC1*2に既にほとんどのAPIが実装されていますので、今すぐに使ってみることができます。 そこで、試しにこんなサンプルを作ってみました。Firefox 3.6で以下のページにアクセスしてみてください。 JavaScriptでネガポジ反転 ファイル選択欄でビットマップファイル（.bmp）を選択、あるいはブラウザにドラッグアンドドロップすると、その画像をネガポジ反転（階調の反転）して表示します。複数選択も可です。*3 *4 ↓実行例 ファイル加工の際にサーバと一切通信
jQuery getでキャッシュされなようにする | Bamboo lath 日々の記録
カテゴリー AngularJS (9) Atom (1) AWS (1) Backbone.js (1) CodeIgniter (5) DB (13) Docker (3) FuelPHP (6) GAE (1) Galaxy S (1) Git (3) Java (3) javascript (34) jQuery (18) Laravel (1) Linux (82) LPIC (10) Mac (6) mysql (14) node.js (3) openVZ (7) PC (6) PHP (47) phpStorm (1) postgreSQL (1) Redmine (4) RHEL (3) Ruby (1) Symfony2 (5) tool (28) Vagrant (12) vim (2) Vuls (1) web (32) Windows (8) wordpress (
JavaScriptの「ケツカンマ問題」まとめ · DQNEO日記
なぜIE6,7(とIE8の配列)ではケツカンマが正しく動かないのか 結論からいうと、「それがJScriptの仕様である」ということになるかと思います。 後述のとおりECMAScript3の仕様書はケツカンマなしなので、IE(=Jscript)がそのような仕様になっていても間違いではないということになります。 ひとつだけ納得がいかないのは、IE(=Jscript)は配列ケツカンマとオブジェクトケツカンマで挙動が異なるのです。 var list = ['a' , 'b', ]; // → 要素３個のarrayが生成される。 var obj = { a : 1, b : 2, }; // → 文法エラー この仕様はなんか中途半端な気がします。 ECMAScriptの仕様はどうなっているのか ECMAScript3 Standard ECMA-262 3rd Edition-December199
ケツカンマ.com ┌[ ^o^┐,]┐ ケツカンマァ
var list = [ 0, 1,]; // list.length => 3 var x = { a:1, b:2,}; // Error
[JavaScript] 猿でもわかるクロージャ超入門 １ 問題 - DQNEO起業日記
問題です。 問題： 呼び出すたびに、1,2,3,...を返すような関数 f( )を定義せよ。 f(); // 1 f(); // 2 f(); // 3 この問題、解けますでしょうか？ 普通の関数では、できないと思います。 しかし「クロージャ」というのを使えば、このようなことができます。 クロージャって何だ？ 「クロージャ」という言葉を、プログラムの本やサイトで目にすることがありますよね。 私が最初に見たのは続・初めてのPerl 改訂版（アルパカ本）でした。 まったく理解できませんでした。 その後、404 Blog not foundやnaoyaさんのブログなどで「クロージャ」という単語を目にしました。 やはり、まったく分かりませんでした。 とどめの一撃はWikipediaの解説記事。 クロージャ (クロージャー、Closure) は、プログラミング言語において引数以外の変数を実行時の環境
[Javascript] 関数宣言の落とし穴 function foo ( ){..} と var foo = function ( ) {..} は動作が違うので要注意！
Home Subscribe function funcname(args){ do something}; は var funcname = function(args){ do something}; と等価になる。 javascriptを理解するためのたった2つの大切なこと javascriptを理解するためのたった2つの大切なこと:改 引用元の記事はすばらしい記事ですが、ここは間違いです。 等価だと思っていたらひどい目にあいます。 サイ本 第5版のp.96にちゃんと書いてあります。 function文はプログラムの静的な構造を定義するだけなのです。 JavaScriptコードが解析されコンパイルされたときに、関数は定義されます。 どういうことかというと、 function foo( ){ ... } はコンパイル時に関数が定義されます。 var foo = function( ){
JavaScript の配列と連想配列の違い - IT戦記
id:cheesepie:20070131:1170172709 最近は、こういう風に JavaScript を勉強する人が増えていてとても嬉しいです ＾＾ id:cheesepie さん頑張ってください！ で、ちょっと配列と連想配列の使いかたが違うようなので、エントリーを書こうと思いました。おせっかいだったらすみません＞＜ ！ やっぱり、このへんが JavaScript の難しいところのひとつなのだろうか。 ということで、 JavaScript の配列と連想配列の違い いってみよおー 連想配列とは JavaScript では連想配列は一番シンプルなオブジェクトのことである。つまり、すべてのオブジェクトは連想配列である。 以下のすべての連想配列はまったく同じものである。 // 1 var obj = { hoge: 'hoge' }; // 2 var obj = { 'hoge': 'h
変数のスコープ - マンガで分かる JavaScriptプログラミング講座
【1Page】 先生：前回は 『関数』について 説明した 『関数』を使った プログラムでは 関数内に入ったり 出たりして処理が 進んでいた 実はこの 『関数』の内と外で 『世界』が違うんだ 【外】 function kannsuu() { 【内】 } 【外】 3人：世界？ 先生：そうだ 括弧の中では ローカル ルールが 適用される 遊：ローカル ルールって 地方ルールってこと？ 先生：ああ 【2Page】 遊：守のお弁当を 私が食べていいみたいな 教室内で決まっている ルールのこと？ 守：（げんなり） 先生：あーまあ そういうことだ 先生：じゃあ詳しく 説明するぞ プログラム全体が 学校なら 『関数』内は 教室の中の ようなものだ 『プログラム全体＝学校』 function kyousitu() { 『関数の中＝教室の中』 } 『var 〜』と 作った変数は その『関数』の 内側だけで 有
ウェブの作り方。〜HTML入門,CSS入門,携帯電話向けウェブの作り方など〜
ウェブページ(いわゆるホームページ)の作り方を解説します。 特にJavaScriptの使い方と携帯電話向けコンテンツの作り方に力を入れていきます。 また、初めてウェブサイトを作ってみたいと言う方のために、HTML & CSS 入門もご用意しました。 しらぎくのウェブサイト作成入門・最新の更新のご案内。 令和 4年 5月 1日 JavaScript リファレンスを取り敢えず公開出来る範囲で公開しました。 令和元年 8月 7日 CSS の小技に CSS 第三水準で実現するマーキー(marquee)を追加しました。 令和元年 5月18日 CSS の小技掲載の CSS スプライトを更新しました。 平成31年 4月29日 CSS の小技に縦書きにするにはを追加しました。 平成31年 4月 6日 CSS リファレンスに書字モードモジュール(縦書きなどに対応)を追加しました。 平成30年 9月25日 従
createTextNodeで半角スペースを入れたい… - tumblr
twitterでid:teramakoさんと@ssmylhさんに教えていただいたので覚書。 2012/2/18 0:45 ブコメで突っ込まれまくっているので全体的に修正。 ヤリたいこと createTextNodeで半角スペース(nbsp)半角スペースを生成して、span要素に挿入したい。 2012/2/18 0:52 修正 混同して書いていましたが、nbspではなく半角スペースです。nbspと半角スペースは別物です。 NBSPと通常のスペースの違いは、NBSPを含む文字列が行末に来て、かつ長すぎて行に収まらない場合、文字列全体（NBSPでつながっている文字列も含めて）が次の行へ移動することにある。これは通常の文字列の折り返しと類似している。たとえば、文字列“ambidextrously”は決して分割されることはなく、“am bi dextrous ly”（すなわち“am bi dextr
連想配列のlengthプロパティ - tumblr
って使えないんですね。 var array = []; array["a"] = "string a"; array["b"] = "string b"; console.log(array.length); 見事に０が返ってきます。意味が分かりません。 まぁ今作ってるものにはlengthプロパティ使うつもりないし、全走査するときもfor in使えるからいいや！と思っていたのですが、socket.io経由で上のarrayという名の連想配列をサーバ->クライアントに渡したら空の配列しか取り出せませんでした。 結局設計者の意図を読んで、それに合わせた使い方しないといけないのかな。 参考:http://d.hatena.ne.jp/amachang/20070202/1170386546
JavaScript で public/private を実装する方法 | rockf.es blog
ペパボ社内で先月から行っている JavaScript ソースコードリーディング勉強会。 ライブラリを中心にいくつかのコードを読んだので、ちょっと気になっていた JavaScript で public/private*1 を実装する方法をまとめてみる。 第1回目に読んだのは SVG の描画に便利な Raphael のプラグイン、raphael.sketchpad。 https://github.com/ianli/raphael-sketchpad 超コードを省略。略して超略。 (function(Raphael) { Raphael.sketchpad = function(paper, options) { return new SketchPad(paper, options); } var SketchPad = function(paper, options) { ... }
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スクリーンセーバー「なう」