タイトルに書いてあることを実現しようとして、少し悩んだのでメモ。 ウインドウのリサイズ操作やjQueryに限らず、短い周期で連続してイベントが発生する場合に、一連の最後のイベントが発生した時にだけ何らかの処理を行いたい時に使えるパターンです。 何も工夫せずに書くと… こんな感じになります。
[jQuery] ウインドウのリサイズ操作が終わった時にだけ処理を実行する | CreativeStyle
タイトルに書いてあることを実現しようとして、少し悩んだのでメモ。 ウインドウのリサイズ操作やjQueryに限らず、短い周期で連続してイベントが発生する場合に、一連の最後のイベントが発生した時にだけ何らかの処理を行いたい時に使えるパターンです。 何も工夫せずに書くと… こんな感じになります。
encodeURIComponent() - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback encodeURIComponent() 関数は URI を、特定の文字の各インスタンスを、その文字の UTF-8 エンコード方式を表す 1 つから 4 つのエスケープシーケンスで置き換えることでエンコードします (2 つのサロゲート文字で構成される文字の場合は 4 つのエスケープシーケンスになります)。 encodeURI() と比較すると、この関数は URI 構文の一部を含むより多くの文字をエンコードします。 // En
クラス定義 ～ JavaScript によるオブジェクト指向プログラミング
オブジェクトリテラル 「クラス定義」 ということはつまり、特定のメソッドとメンバ変数を持つオブジェクトを定義することといえます。 この方法はいくつかあります。 もっとも単純な定義は、次のようにオブジェクトリテラル(Object Literal) を用いて、オブジェクトを定義することでしょう。 var person = { name: 'Ichiro', say_hello: function() { alert('Hello'); } }; こうすると次のように、say_hello メソッドを呼び出すことが可能です。 person.say_hello(); また、次のようにすることによって、上記の person を「プロトタイプ」とし、 新しいオブジェクトを生成することも可能です。 if ( typeof Object.create !== 'function' ) { Object.cr
ウェブブラウザからリンクをクリックして、ローカルの実行ファイルを開けるようにしたいです。信頼済みサイトに登録しましたが、ク... - Yahoo!知恵袋
VBScriptで試しにローカルの実行ファイルを開始するソースを書いて走らせて実験してみました。 テストに使ったソースは以下の通りです。 <SCRIPT type="text/vbscript" LANGUAGE="VBScript"> Function RunApp(ByVal AppPath) CreateObject("WScript.Shell").Run AppPath End Function </SCRIPT> <BODY> <button onClick="RunApp('C:\Windows\notepad.exe')">メモ帳</button> </BODY> IEでの設定としては ・信頼済みサイトに登録する ・信頼済みサイトのセキュリティレベルを[低]でリセットをかけて設定してみる を試してみてはいかがでしょうか？ // 以下、更新 JavaScript版も書き足して
JavaScriptのfunctionの引数にデフォルト値を設定する - 桜ヶ丘日記
こんな感じで出来ます。 引数の数が可変に出来る点も便利。 /* * 引数1: 表示メッセージ(デフォルト空文字) * 引数2: しょぼーんフラグ(デフォルトtrue) */ var msg = function() { var txt = (arguments.length > 0) ? arguments[0] : ''; var shobon = (arguments.length > 1) ? arguments[1] : true; if (txt === '') { alert('な、何か言ってよね！'); } else { if(shobon) { alert(txt + '(´・ω・｀)'); }else{ alert(txt + '(｀・ω・´)'); } } } /* 呼び出してみるテスト */ msg(); msg('しょぼん'); msg('しゃきーん', false
第2回 JavaScriptの関数をマスターしよう － ＠IT
JavaScriptが、いま注目を浴びている。 前回も紹介したように、JavaScriptが復権を果たした背景にはさまざまな要因が考えられるが、その契機ともなったキーワードを1つだけ挙げるとするならば、「Ajax（Asynchronous JavaScript And Xml）」を外すことはできないだろう。Ajaxという技術の登場によって、JavaScriptによるリッチなユーザー・インターフェイス構築の可能性が示されたことで、JavaScriptの価値は確実に見直されつつある。 本連載は、JavaScript復権のいまこの時代に求められる、JavaScriptという言語への理解を再確認しようというものだ。連載初回ではまずJavaScriptの苦渋の10年間を振り返りながら、JavaScriptという言語にまとわりつく誤解の払拭を試みた。JavaScriptという「不遇な」言語にこれまで向
JavaScript Reference β showModalDialog()
[M] [WIN][IE6/7○][FF1.5×][NN7.1×][OPERA8.5×] [Mac][Safari2.0×][FF1.5×][NN7.1×][OPERA8.5×] 【書式】 showModalDialog([1],[2]) [1]……URL [2]……オプション 【例】 showModalDialog("tmp.html","","dialogHeight:200px;dialogWidth:200px;") 幅と高さが200pxのモーダルダイアログを開いてtmp.htmlを表示する。 【解説】 モーダルダイアログを開きます。開いたダイアログを閉じるまで、もとのウィンドウに戻ることはできません。IEでのみ有効です。オプションで指定できるパラメータは下表のとおりです。 ・dialogWidth:number……幅 ・dialogHeight:number……高さ ・dialo
ウノウラボ Unoh Labs: JavaScriptでクリップボードを使う(IE/Firefox)
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
今さらながらJavaScriptのwindow.showModalDialogについて調べてみた。 - 小さい頃はエラ呼吸
はじめに このエントリでは、モーダルダイアログを表現するJavaScriptのwindow.showModalDialogの基本的な使い方について書いています。 JavaScript本格入門 〜モダンスタイルによる基礎からAjax・ｊQueryまでposted with amazlet at 11.04.27山田 祥寛 技術評論社 売り上げランキング: 1320 Amazon.co.jp で詳細を見る window.showModalDialogの使い方 window.showModalDialogメソッドの第１パラメタには、表示するファイルを指定します。第２パラメタには親ウインドウからモーダルダイアログに渡すオブジェクトを指定します。第３パラメタには、モーダルダイアログに対するオプションを指定します。第１パラメタ以外は、省略可能です。（ちなみにwindow.の部分も省略可能です。） va
一見普通のテーブルだけどExcel風に使えるjQueryプラグイン「Handsontable」:phpspot開発日誌
jQuery Rain | jquery-handsontable @ GitHub 一見普通のテーブルだけどExcel風に使えるjQueryプラグイン「Handsontable」。 Excelのテーブル風ウィジェットは色々ありますがリッチすぎて重いようなものは使いづらかったりします。 今回紹介するjQueryプラグインを使えば、Ctrl+C,Vでコピペできたり、セルに内容を直接入れたりといったことができます。 シンプルなので超軽量 入力していくと自動でサイズが再調整されてどんどん入力できます 実装コード例。初期データはJSONで指定 onchangeでコールバック関数が指定できるので変更時にサーバにデータを投げて保存といったことが可能みたい 関連エントリ Excelそっくりな表計算モジュールを実装可能なオープンソースモジュール「Gelsheet」 WEBページにExcel風スプレッドシー
各ブラウザのキーコード表[JavaScript]
Add to Cart Produk ini tidak dapat dibeli karena bermasalah. Silahkan hubungi kami. Dalam dunia perjudian online, slot gacor menjadi salah satu permainan paling populer yang digemari oleh berbagai kalangan. Dengan mekanisme sederhana dan peluang menang besar, slot kerap menjadi pilihan utama bagi pemain baru maupun berpengalaman. Salah satu platform yang sedang naik daun dan menarik perhatian para
jQueryを利用してwebページ要素内の座標を得る方法 | 普通的生活
モバイル以外のプログラミングについて書くのは初めてかも。 簡単だと思って始めたらハマってしまうのはプログラミングには、よく有ることですがwebプログラミングでは、その可能性が高くなります。ドキュメントで良く分からない場合は、Google先生に頼れば実例が見つかるものですがwebプログラミングの場合、その検索結果を見ても混沌とした状況に陥る場合があります。今回は、その一例です。備忘録として書き残しておきます。 webページの中にイメージ等を表示して、その中をクリックしたりマウスを動かしたりしたときに、そのマウスの位置をイメージ内部の相対的な座標として得る方法です。マウスをクリックしたり動かした時のイベントをjavascriptで得る場合IEを除いては要素内では無く、ウインドウなどを基準とした座標が返って来ます。ただしwebブラウザーによって扱いが様々なのが現状です。 では、イメージなどの要素
Aplicaciones Web y Software desarrollados en Barcelona | Zentense
Zentense desarrolla soluciones de software a medida en forma de webs, apps híbridas y aplicaciones web progresivas.Nuestras soluciones pueden funcionar solas o pueden integrarse con sistemas ya existentes vía APIs. Desarrollamos la solución que mejor se ajusta y que más valor te aporta porque nuestra misión es mejorar tu negocio. Nuestras soluciones más típicas pueden agruparse en las siguientes c
PHP & JavaScript Room
Windows OS に PHPとApacheサーバーのインストール ～ php.iniの設定まで、 パソコンでPHPを使えるようになるまでの手順を図解。 .htaccessの指定方法、使用頻度の高いPHP関数をサンプル付きで解説。 Tipsでは実用的な自作関数を紹介。 JavaScriptの基本～実用的な関数までサンプル付きで解説。 ロールオーバー、ウィンドウ操作、連動プルダウン、入力チェック（正規表現含む）など、 サイト制作に使える実用的なスクリプトを紹介。コピペで使えます。 JavaScriptでDOM（Document Object Model）のメソッド・プロパティを使ってページ上のノードにアクセスするサンプルも追加しました。 Ajax ブログやサイトで使える実用的なAjaxをサンプル付きで解説。 HTML5 次世代HTML標準となるHTML5を使ってみよう！HTML5のタグリフ
フォルダツリー｜その他のJSライブラリ｜Ajax｜PHP & JavaScript Room
設置方法はとってもシンプル！ まず、「dtree.css」と「dtree.js」をhead要素内で読み込みます。 <head> <script type="text/javascript" src="dtree.js"></script> <link rel="stylesheet" type="text/css" href="dtree.css" /> </head> 次に、ツリーを格納するオブジェクトを生成し、add()関数にノードを指定していきます。 このtreeObj部分には、任意のツリーオブジェクト名を指定可能です。 そのため、1ページ内に複数のツリーを埋め込む場合は、このツリーオブジェクト名を別々にすればOKです。 ノードをすべて開く：treeObj.openAll(); ノードをすべて閉じる：treeObj.closeAll(); 任意のノードを開く：treeObj.open
prototype.js逆引きサンプル集 - JavaScriptist
はじめに bookmark prototype.jsの概要 ユーティリティ関数 bookmark 指定idのエレメントを取得 - $ 指定idのエレメントのvalueを取得 - $F エレメントのリスト形式を配列形式に変換 - $A オブジェクトをHash形式に変換 - $H 指定した範囲のリストを返す - $R prototype.jsで追加された機能 bookmark Ajax Ajaxリクエストを行う - Ajax.Request Ajaxで指定エレメントの内容を書き換える - Ajax.Updater Ajaxで指定エレメントの内容を定期的に書き換える - Ajax.PeriodicalUpdater 定期的に指定の処理を行う - PeriodicalExecuter Enumerable リストに特定の関数で処理させる - Enumerable.each リストの全ての値を調べる
jQuery入門 (ver 1.2.1)
このページはAjaxライブラリの1つであるjQueryライブラリを勉強したい人向けに用意されています。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 jQueryはバージョンによってメソッドが異なるため、バージョン別に入門ページを用意してあります。ここでは、バージョン1.2.1を基準としています。 Ajaxライブラリ (JavaScriptライブラリ) としてはPrototypeライブラリ (prototype.js) が有名です。Prototypeライブラリはプログラマに多く利用されており、JavaScriptの機能を拡張することで使いやすくなるように設計されています。jQueryはエレメントへのアクセスをスタイルシートと同じようにすることで非常に分かりやすくコンパクトな記述ができるようになっています。
JavaScriptでイベントハンドラを追加・削除
2013/11/18 いただいたコメントを元に追記しました。 コメントをくれた方、ありがとうございます。 今回はJavaScriptでイベントハンドラを追加する話です。 今回のサンプルコードはIE以外のまともなブラウザで動きます。 IEのサンプルコードは最後のほうにちょろっと載せておきます。 普通にイベントハンドラを追加 var button = document.getElementById("Button"); button.addEventListener("click", onClick, false); function onClick() { alert("クリック"); }
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IE以外のブラウザ（Firefox/Safari/Opera…）でクリップボードにコピーする（Flash ver.10対応）
S2ファクトリー | Web/アプリ/システム/デザイン/ディレクション
