タイトルに書いてあることを実現しようとして、少し悩んだのでメモ。 ウインドウのリサイズ操作やjQueryに限らず、短い周期で連続してイベントが発生する場合に、一連の最後のイベントが発生した時にだけ何らかの処理を行いたい時に使えるパターンです。 何も工夫せずに書くと… こんな感じになります。
タイトルに書いてあることを実現しようとして、少し悩んだのでメモ。 ウインドウのリサイズ操作やjQueryに限らず、短い周期で連続してイベントが発生する場合に、一連の最後のイベントが発生した時にだけ何らかの処理を行いたい時に使えるパターンです。 何も工夫せずに書くと… こんな感じになります。
var set1 = ";,/?:@&=+$"; // Reserved Characters var set2 = "-_.!~*'()"; // Unescaped Characters var set3 = "#"; // Number Sign var set4 = "ABC abc 123"; // Alphanumeric Characters + Space console.log(encodeURI(set1)); // ;,/?:@&=+$ console.log(encodeURI(set2)); // -_.!~*'() console.log(encodeURI(set3)); // # console.log(encodeURI(set4)); // ABC%20abc%20123 (the space gets encoded as %20) console.l
オブジェクトリテラル 「クラス定義」 ということはつまり、特定のメソッドとメンバ変数を持つオブジェクトを定義することといえます。 この方法はいくつかあります。 もっとも単純な定義は、次のようにオブジェクトリテラル(Object Literal) を用いて、オブジェクトを定義することでしょう。 var person = { name: 'Ichiro', say_hello: function() { alert('Hello'); } }; こうすると次のように、say_hello メソッドを呼び出すことが可能です。 person.say_hello(); また、次のようにすることによって、上記の person を「プロトタイプ」とし、 新しいオブジェクトを生成することも可能です。 if ( typeof Object.create !== 'function' ) { Object.cr
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版も書き足して
こんな感じで出来ます。 引数の数が可変に出来る点も便利。 /* * 引数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
JavaScriptが、いま注目を浴びている。 前回も紹介したように、JavaScriptが復権を果たした背景にはさまざまな要因が考えられるが、その契機ともなったキーワードを1つだけ挙げるとするならば、「Ajax(Asynchronous JavaScript And Xml)」を外すことはできないだろう。Ajaxという技術の登場によって、JavaScriptによるリッチなユーザー・インターフェイス構築の可能性が示されたことで、JavaScriptの価値は確実に見直されつつある。 本連載は、JavaScript復権のいまこの時代に求められる、JavaScriptという言語への理解を再確認しようというものだ。連載初回ではまずJavaScriptの苦渋の10年間を振り返りながら、JavaScriptという言語にまとわりつく誤解の払拭を試みた。JavaScriptという「不遇な」言語にこれまで向
[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
こんにちは、さかとくです。師走で忙しいですね。今回は、JavaScriptでクリップボードを使うプログラムを作ってみます。IEとFirefoxで動く簡単なライブラリを作ってみましたので、参考にしてください。 IEだけで動かすのは、簡単なのですが、FireFoxではクリップボードを操作する方法がありません。そこで、FireFoxでも使えるようにFlashを使って工夫してみます。 まず、参考までにIEでクリップボードを扱うJavaScriptを見てみましょう。IEなら以下のように一行書くだけです。
はじめに このエントリでは、モーダルダイアログを表現するJavaScriptのwindow.showModalDialogの基本的な使い方について書いています。 JavaScript本格入門 〜モダンスタイルによる基礎からAjax・jQueryまでposted with amazlet at 11.04.27山田 祥寛 技術評論社 売り上げランキング: 1320 Amazon.co.jp で詳細を見る window.showModalDialogの使い方 window.showModalDialogメソッドの第1パラメタには、表示するファイルを指定します。第2パラメタには親ウインドウからモーダルダイアログに渡すオブジェクトを指定します。第3パラメタには、モーダルダイアログに対するオプションを指定します。第1パラメタ以外は、省略可能です。(ちなみにwindow.の部分も省略可能です。) va
jQuery Rain | jquery-handsontable @ GitHub 一見普通のテーブルだけどExcel風に使えるjQueryプラグイン「Handsontable」。 Excelのテーブル風ウィジェットは色々ありますがリッチすぎて重いようなものは使いづらかったりします。 今回紹介するjQueryプラグインを使えば、Ctrl+C,Vでコピペできたり、セルに内容を直接入れたりといったことができます。 シンプルなので超軽量 入力していくと自動でサイズが再調整されてどんどん入力できます 実装コード例。初期データはJSONで指定 onchangeでコールバック関数が指定できるので変更時にサーバにデータを投げて保存といったことが可能みたい 関連エントリ Excelそっくりな表計算モジュールを実装可能なオープンソースモジュール「Gelsheet」 WEBページにExcel風スプレッドシー
表中のセルの色は値に応じて変えている。 何も数値が書かれていない欄は何も値がなかった、もしくは取得できなかったことを示す。 キーコードの取得は以下の関数で行った。 function keyCode(e){ if(document.all) return e.keyCode; else if(document.getElementById) return (e.keyCode)? e.keyCode: e.charCode; else if(document.layers) return e.which; } ファンクションキーなど何かのショートカットキーに割り当てられ、うまくキーコードが拾えないキーは、可能ならばそのイベントをキャンセルしてキーコードを取得している。 データの取得は全てWindowsXP上、JP106キーボードで行っている。
モバイル以外のプログラミングについて書くのは初めてかも。 簡単だと思って始めたらハマってしまうのはプログラミングには、よく有ることですがwebプログラミングでは、その可能性が高くなります。ドキュメントで良く分からない場合は、Google先生に頼れば実例が見つかるものですがwebプログラミングの場合、その検索結果を見ても混沌とした状況に陥る場合があります。今回は、その一例です。備忘録として書き残しておきます。 webページの中にイメージ等を表示して、その中をクリックしたりマウスを動かしたりしたときに、そのマウスの位置をイメージ内部の相対的な座標として得る方法です。マウスをクリックしたり動かした時のイベントをjavascriptで得る場合IEを除いては要素内では無く、ウインドウなどを基準とした座標が返って来ます。ただしwebブラウザーによって扱いが様々なのが現状です。 では、イメージなどの要素
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
Windows OS に PHPとApacheサーバーのインストール ~ php.iniの設定まで、 パソコンでPHPを使えるようになるまでの手順を図解。 .htaccessの指定方法、使用頻度の高いPHP関数をサンプル付きで解説。 Tipsでは実用的な自作関数を紹介。 JavaScriptの基本~実用的な関数までサンプル付きで解説。 ロールオーバー、ウィンドウ操作、連動プルダウン、入力チェック(正規表現含む)など、 サイト制作に使える実用的なスクリプトを紹介。コピペで使えます。 JavaScriptでDOM(Document Object Model)のメソッド・プロパティを使ってページ上のノードにアクセスするサンプルも追加しました。 Ajax ブログやサイトで使える実用的なAjaxをサンプル付きで解説。 HTML5 次世代HTML標準となるHTML5を使ってみよう!HTML5のタグリフ
設置方法はとってもシンプル! まず、「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
はじめに 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 リストの全ての値を調べる
このページはAjaxライブラリの1つであるjQueryライブラリを勉強したい人向けに用意されています。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 jQueryはバージョンによってメソッドが異なるため、バージョン別に入門ページを用意してあります。ここでは、バージョン1.2.1を基準としています。 Ajaxライブラリ (JavaScriptライブラリ) としてはPrototypeライブラリ (prototype.js) が有名です。Prototypeライブラリはプログラマに多く利用されており、JavaScriptの機能を拡張することで使いやすくなるように設計されています。jQueryはエレメントへのアクセスをスタイルシートと同じようにすることで非常に分かりやすくコンパクトな記述ができるようになっています。
2013/11/18 いただいたコメントを元に追記しました。 コメントをくれた方、ありがとうございます。 今回はJavaScriptでイベントハンドラを追加する話です。 今回のサンプルコードはIE以外のまともなブラウザで動きます。 IEのサンプルコードは最後のほうにちょろっと載せておきます。 普通にイベントハンドラを追加 var button = document.getElementById("Button"); button.addEventListener("click", onClick, false); function onClick() { alert("クリック"); }
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く