console.log(); しか使えなかった自分へ。。。 - Qiita
この記事について Webエンジニアになって早１年半。railsのデバッグをする時にはエディターのデバッガーでスマートにできていたが、javascriptになるといつもconsole.log();ばかりを使って原始的なデバッグをしていた。。。 そんな脳筋な過去の自分に教えてやるための記事です。 console.log({変数名}); 「いきなりconsole.log();の紹介かい！！！」って思われるかもしれませんが、この技を知ったときは「なんで知らんかったんや。。。」って思うくらい便利だったので最初に紹介します。 以下のようなHTMLがある場合 <form> <input type="text" value="名無しの権兵衛" id="name"> <input type="text" value="80歳" id="age"> <input type="text" value="バスケ"
jQueryでフォームの値を取得する方法をまとめておくので、コピペでご利用ください。 | Ginpen.com
必要ならどうぞ。 デモ jQueryでフォームの値を取得する方法をまとめ – jsdo.it – Share JavaScript, HTML5 and CSS jQueryでフォームの値を取得する方法をまとめ – jsdo.it – share JavaScript, HTML5 and CSS 共通：要素の探し方 input要素なんかにid振っちゃうのが一番なんだけど、属性セレクターを使うと楽な場合があります。つまり[name=xxx]で検索するやり方。 <form id="my-form"> <input type="text" name="my-text" value="This is text." /> </form>
JavaScript Array.forEachとjQuery.eachの違い - Qiita
var a=[1,2,3,4,5] //jQuery $.each(a,function(){ console.log(this); //1,2,3,4,5が、Numberクラスに変換されて表示される }); //forEach a.forEach(function(val){ console.log(this); //undefinedが表示されるか、windowオブジェクトが表示される }); var b = [5,6,7,8,9] a.forEach(function(val,index){ console.log(this[index]); //5,6,7,8,9が表示される },b);
jQueryでテキストボックスの変更を監視/検知する - Qiita
はじめに テキストボックスの変更を検知したくてイベントの挙動を調べたりしたのでメモ。 change, keypress, keyupの挙動まとめ キー操作したときにどんなイベントが発生するのかは日本語入力時に発生するキーイベントのテストを使って確認させていただきました。 ポイント changeはフォーカスが外れたときに発生する keypressは全角やdelete,backspaceを入力しても発生しない keyupはカーソル移動や全角・半角の切り替えなどすべてのキー操作を拾ってしまう change changeイベントを使うと変更を検知できます。
型変換のいろいろ - Qiita
JavaScriptは型変換がおもしろいと思うので残しておく JavaScriptの勉強中なので、こうしたほうがいいなどありましたらガンガン言っていただけると喜びます。 基本型から 文字列 と 数値 変換の方法がいくつかあり、それぞれ挙動が違ってきます。 文字列 → 数値 var value = '1234'; // 以下、1234 Number(value); parseInt(value,10); value - 0; +value; value - 0 数値演算のオペランドに文字列値を書くと、暗黙に数値に型変換されます。（+は文字列連結として扱われる） そのため、value - 0 ではnumが暗黙の型変換によって数値になりますが、0を引いても数値は変わらないため型変換だけが行われることになります。 +value また、+演算子を単項演算子で使用すると、正の符号演算になります。正の符
iframe 内のウィンドウから親ウィンドウの要素を操作するには！？ - Web.fla
iframe内への記述になります。 iframe内から親ウィンドウの要素にアクセスできるか実験のためのボタンを設置 Box1の背景色を変える iframe内にjavascriptを記述して、そこから親ウィンドウの要素を取得できるかどうかのコード。 今回は、直接htmlファイルに記述しましたが外部ファイル化してもいいです。 window.addEventListener("load",function(){ //iframe内のボタン var btn1=document.getElementById("btn"); //親ウィンドウにあるボタン! var btn2=window.parent.document.getElementById("btn2"); //親ウィンドウにあるbox1の要素 var box1=window.parent.document.getElementById("b
DHTML - 最低限文化的なスライダーの実装 : 404 Blog Not Found
2011年09月30日01:30 カテゴリLightweight Languages DHTML - 最低限文化的なスライダーの実装 デザイニング・ウェブインターフェース Bill Scott / Theresa Neil 浅野紀予・高橋信夫訳 [原著:Designing Web Interfaces] たかがスライダー、されどスライダー。 [追記:IE対応しました]RANT スライダーって便利ですよね。 スマートフォンやタブレットなどのタッチデバイスだとなおのこと。 HTML5では、<input type="range">だけで出来てしまいます。こんな風に。 50/100 モダンなPCブラウザーならすでにサポートしてたりします。 ところがこれ、まだiOSもAndroidも現状未サポートなのですよorz。FireFoxも。iOSは5で対応しましたが。 というわけで必要最小限で、かつタッチイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
