parseInt関数(文字列を整数に変換する)
JavaScript のグローバル関数のひとつである parseInt は文字列を整数に変換した値を返します。対象の値が文字列でない場合は文字列に変換したあとで整数に変換されます。ここでは parseInt 関数の使い方について解説します。 ※ Number オブジェクトにグローバル関数の parseInt 関数と同じ動作をする Number.parseInt メソッドが用意されています。 Number.parseInt メソッドについては「文字列を整数に変換する(Number.parseInt)」を参照されてください。 (Last modified: 2024-09-24)
プロパティの値の取得と新しい値の代入
作成したオブジェクトに含まれるプロパティの値を取得したり新しい値を代入するには、プロパティ名を指定してプロパティへアクセスし、値を取得したり代入したりします。ここではプロパティの値を取得する方法、および新しい値を代入する方法について解説します。 (Last modified: 2024-10-01)
簡単で高機能！デザイナー必見の汎用性が高いjQueryプラグイン7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 最近、いろんな先輩方から「お前服だっせえな」と言わるので、ファッションの傾向を泣く泣く変えました。嵐の相葉君をお手本にこれまで頑張って参りましたが、相葉君には近づけませんでした。無念。 さて、今回はさまざまなシーンで活用できる、汎用性の高いjQueryプラグインを7つほどご紹介させていただきます。簡単＆シンプルで優れた機能のものばかりなので、ぜひご覧ください。ダウンロードできる本家サイトのほかに、日本語で分かり易く解説してくださっているサイト様のURLも合わせて載せておきます。 1.世界一使いやすいスライダー”bxslider.js” カスタマイズ豊富で、設置の仕方も超簡単！弊社CTOづやさんのオススメでもあります。 フリック、スワイプも対応しています。最強すぎます。 ダウンロード：bxslider様
Bootstrapに便利な機能を追加できるjQueryプラグインまとめ
Lightbox・モーダルウインドウ関連 / Bootbox.js / Bootstrap-modal他...全17件
WebページをRetina対応させるテクニック～基礎知識編
WebページをRetina対応させるテクニック～基礎知識編：jQuery×HTML5×CSS3を真面目に勉強（4）（1/2 ページ） iPhoneのRetinaディスプレイは、Webページの制作フローにも大きな変化をもたらした。WebページをRetina対応させるにはどうすればいいのだろうか。 はじめに 2010年6月に登場したアップルのiPhone 4には「Retinaディスプレイ」と呼ばれる、それまでの常識を覆した高精細なディスプレイが搭載されました。それ以降、スマートフォンやタブレットといったモバイル端末のディスプレイはより解像度の高いものへと進化していき、2013年の初めにはサムスン電子のGALAXY S4やソニーモバイルのXperia Zなど、フルHD画質対応（1920×1080ピクセル）のディスプレイを搭載したスマートフォンが登場するまでになりました。 高精細ディスプレイの登場
jQuery入門道場 - 【セレクター】
2章 セレクター この章で見る主な内容です。 基本的なセレクター 検索する対象（範囲）を指定する書き方 階層構造によるセレクター 基本、子要素フィルター コンテントフィルター フォーム系フィルター .is()フィルター セレクト回数を減らそう 基本的なセレクター jQueryでは、CSSでお馴染みのセレクターを使って、要素を選択（取得）します。ここでは、以下の基本的なCSSセレクターを見て行きましょう。 要素（タグ）セレクター クラスセレクター IDセレクター グループセレクター ユニバーサルセレクター 属性セレクター 要素（タグ）セレクター 要素（タグ）名を元に対象要素を選択します。要素名は、括弧（<>）は付けずに、そのまま書きます。 例えば、
IEでイベントの順番がおかしくなる訳 - yamachan の JavaScript メモ
ページ表示を待って処理を実施したいときに Prototype の Event.observe(window, 'load', function(){...}); をよく使います。 これを複数回使った場合、登録された順に実行される… はずだったのですが、IE では順番が狂うみたい。 んでさっそく、テストページを作ってみました。 prototype event test (xhtml) prototype event test (HTML) 実行する JavaScript は以下のように単純なものです。 Event.observe(window, 'load', function(){ alert(1); }); Event.observe(window, 'load', function(){ alert(2); }); 実行結果 以下は定義した順 (1,2) で表示されたもの。 Firef
jQuery の each() の continue / break は・・・ : 地潜の日記
ブログネタ：JavaScript に参加中！ 忘れそうなので覚書〜 JavaScript で配列なんかをイテレーション処理する時は、for を使うのが一般的。 ● JavaScript の書き方 for (var i=0, numArity=arrHOGE.length; i<numArity; i++) { (なんか処理); } jQuery を使ったときは、イテレーションのために each を利用できる。 ● jQuery の書き方 $(arrHOGE).each( function(i) { (なんか処理); } ); 便利だねー。 ■ continue / break のやり方 さて、for でグルグル回している処理を 「その時だけパスする」 や 「途中で止める」 ということをしたい。 そんな時もある。 にんげんだもの そのためには、continue や break を用いる。 ●
指定の文字列が含まれているか検索し見つかった場合は位置を返す(indexOf, lastIndexOf)
指定の文字列が含まれているか検索し見つかった場合は位置を返す(indexOf, lastIndexOf) String オブジェクトのインスタンスメソッドである indexOf は、対象の文字列に指定の文字列が含まれているか検索し見つかった場合は位置を返します。同じく lastIndexOf メソッドは、対象の文字列にして指定の文字列が含まれているかを文字列の最後から検索します。ここでは String オブジェクトの indexOf メソッドおよび lastIndexOf メソッドの使い方について解説します。 (Last modified: 2024-10-02)
文字列を切り出す [Java Script - (substring) - 文字列 - Tips]
1. substring関数の使用例です。 //切り出し元の文字列 var targetString = "ABC,DE,FGHI"; // "BC" の切り出しを行う var resultString = targetString.substring(1, 3);
Javascript try ～ catch 例外処理、エラー処理
サイトやブログをJavaScriptを使って動きのあるページに、スタイルシートで見栄え良く装飾してみませんか？ コピーしてご自由にご利用ください。 Javascriptで try ～ catch 構文を使う 例外処理、エラー処理 「a-100」は計算できないのでエラーになります。 テキストボックスをダブルクリックすると入力できます。 計算式を入力してください。 計算結果が表示されます。(入力例) 77+123, 100*20 サンプルソース <html> <head> <script type="text/javascript"> <!-- function kekka(){ val=document.getElementById("Kbox").value; try{ val=eval(val); alert("計算結果： "+val); } catch(ex){ alert(ex+"
jQueryメモ：クリックしたのは何番目の要素？
クリックした要素、例えばリストなんかで、そのクリックした要素がリスト中の何番目なのかというのを取得する方法、以前は普通に使っていたような気がするのですが、ここ最近思い出せない。検索してもなかなかでてこなかったりして悩んだのですが、普通にリファレンスに書いてあるじゃーんってのに遅いですが気づいたのでメモエントリー。 何番目の要素か 何番目の要素なのかを調べるには、jQueryのindex()を使う。 ■サンプルHTML <div id="test0"> <ul> <li>リスト１</li> <li>リスト２</li> <li>リスト３</li> <li>リスト４</li> <li>リスト５</li> <li>リスト６</li> </ul> <p>クリックした要素は<span>？</span>番目です</p> </div> リストをクリックした際に「？」の部分が変わる。クリックした要素が何番目
JavaScript eval() Function
JS & DOM リファレンス 概要 JavaScript オブジェクト JS Array JS Boolean JS Date JS Math JS Number JS String JS RegExp JS Global Browser オブジェクト Window Navigator Screen History Location HTML DOM オブジェクト DOM Document DOM Events DOM Elements DOM Anchor DOM Area DOM Base DOM Body DOM Button DOM Form DOM Frame/IFrame DOM Frameset DOM Image DOM Input Button DOM Input Checkbox DOM Input File
JavaScript : 日本語入力時のキーイベント。 - freefielder.jp
さてさて、JavaScriptで「日本語入力がON & 変換確定時に何か処理をしたい」と考えました。「日本語の変換が確定した」という情報を得なくてはなりません。キーイベントを受け取ることで、日本語入力中 / 変換確定 の区別は可能なんだろうか。 手元にある、いくつかのブラウザで挙動を調べてみた。 Firefox 3.6.x (Gecko 1.9.2) : Mac OS X , Windows , Linux(Xubuntu) 日本語変換中は、全てのキーで keydown,keypress,keyup,全てのイベントを受け取らない。 確定のエンターキーを押したときのキーアップイベントから復活。 Internet Explorer 8 日本語入力中、keydownにはキーコード"229"が、keyupには押したキーのキーコードが返ってくる。キープレスイベントは発生しない。 日本語変換中の 複数
keyイベント(keypress,keyup,keydown)の確認
keypress,keyup,keydownイベントの発生パターンを確認するためのページです。 確認したいイベントをチェックし、テキストボックスに入力してください。 →Blogへ戻る keypress keyup keydown typekeyCodealtKeyctrlKeyshiftKeyvalue
Javascript で暗号化
NSEG 第 40 回勉強会で、mebius こと砂原昌史さんが発表でお使いになったスライドを代理でアップロードしました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryのセレクタ 可視フィルタ
gooサービス終了のお知らせ | dメニュー
eval() - JavaScript | MDN
ウェブ制作者のためにメンテナンスと拡張に重点をおいたフロントエンド用の軽量フレームワーク -UIkit