IT戦記 - Prototype.js を使ã£ãŸ JavaScript OOP 講座 #02
社内ã®å‹‰å¼·ä¼šã®è³‡æ–™ã‚’ã“ã“ã«å…¬é–‹ã—ã¦ã„ãã¾ã™ã€‚社内ã®äººã‚‚社外ã®äººã‚‚èªã‚“ã§ãã ã•ã„。 ※ターゲット㯠JavaScript ã¯æ›¸ã„ãŸã“ã¨ãªã„ã€ã‚ªãƒ–ジェクト指å‘言語プãƒã‚°ãƒ©ãƒžã€‚ ※信念ã¯ã€Œæ•™ã‚ã‚‹ã®ã§ã¯ãªãã€å¿…æ»ã«ç€ã„ã¦ã„ãã¾ã›ã†ã€ 今週ã¯ã‹ãªã‚Šãƒãƒ¼ãƒ‰ãƒœã‚¤ãƒ«ãƒ‰ã§å…¨èº«ã‚¿ã‚¤ãƒ„ã®ã‚ˆã†ãªå¿™ã—ã•ãªã®ã§ã€ã¿ã‚“ãªãŒæ˜¥ã‚’分ã‘ã¦æ¥½ã—ã‚“ã§ã„ãŸã‚Šã€é¦™æ¸¯ã«è¡Œã£ã¦æ¥½ã—ã‚“ã§ã„ã‚‹é–“ã«ã›ã“ã›ã“資料を作ã£ã¦ã„ã¾ã™ã€‚ ã¯ã。 Section 00 Prototype.js ã®å‰ã« JavaScript 㨠DOM ã¨ã‚¤ãƒ™ãƒ³ãƒˆã®æ¦‚è¦ HTML ã¯èªã¿è¾¼ã¾ã‚ŒãŸå¾Œã€ã™ã¹ã¦ã®æƒ…å ±ãŒ JavaScript ã®ã‚ªãƒ–ジェクトã«å¤‰æ›ã•ã‚Œã‚‹ã€‚ イメージ的ã«ã¯ã“ã‚“ãªæ„Ÿã˜ <html> <head> <title>タイトル</title> </head> <body> ： ： </body> </html>↓↓↓ var document = { doc
Prototype.js Console - IT戦記
昨日㮠Object Browser ãŒãã“ãã“アクセスã‚ã£ãŸã®ã§ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã®ã»ã†ã‚‚æ”¹é€ ã—ã¦è¼‰ã›ã¦ã¿ã¾ã—ãŸã€‚ http://www.ornithopter.jp/amachang/browser/console.html 鯖ã€è²¸ã—ã¦ãã‚Œã¦ã‚ã‚ŠãŒã¨ã‚“ã‚¯ã‚¹ï¼ ä½¿ã„æ–¹ ページã®æœ€ä¸‹ã®ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã« [1, 2, 3, 'ダアァァァーï¼'].each(alert);ã¨å…¥åŠ›ã™ã‚‹ã€‚
好ããªãƒšãƒ¼ã‚¸ã®JavaScriptオブジェクトをå‚ç…§ã™ã‚‹ãƒ–ラウザã®Bookmarklet
ã“ã®ãƒªãƒ³ã‚¯ã‚’ブックマーク。 インストーラー付ã版ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰(IEé™å®š) 色付ã関数表示版new! スクリーンショット オブジェクトツリーを辿ã£ã¦å‚ç…§ã§ãã¾ã™ã€‚ 関数ã®å®šç¾©ã‚’å‚ç…§ã—ãŸã‚Šã‚‚ã§ãã¾ã™ã€‚ インストール方法（IE) 方法1 上記ã®ã€Œã“ã®ãƒªãƒ³ã‚¯ã‚’ブックマークã€ã®ãƒªãƒ³ã‚¯ã‚’å³ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãƒ–ックマークã«è¿½åŠ ã™ã‚‹ã€‚ 方法2 インストーラー付ã版をダウンãƒãƒ¼ãƒ‰ã™ã‚‹ã€‚ ファイルをé©å½“ãªãƒ•ã‚©ãƒ«ãƒ€ã«ç½®ã„ã¦ãƒ€ãƒ–ルクリックã™ã‚‹ã¨ã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ãƒ¼ãŒèµ·å‹•ã•ã‚Œã¾ã™ã€‚（è¦å‘ŠãŒå‡ºã§ã¾ã™ã€‚） Bookmarkletをクリップボードã«ã‚³ãƒ”ーã—ã€IEã®ãƒªãƒ³ã‚¯ãƒãƒ¼ã«ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚’è¿½åŠ ã•ã‚Œã¾ã™ã€‚ 登録ã•ã‚Œã‚‹å ´æ‰€ãŒæ°—ã«å…¥ã‚‰ãªã„å ´åˆã¯ã€ã€ŒãŠæ°—ã«å…¥ã‚Šã®æ•´ç†...ã€ã§ä¿®æ£ã—ã¦ãã ã•ã„。 インストール方法(Firefox) 方法1 上記ã®ã€Œã“ã®ãƒªãƒ³ã‚¯ã‚’ブックマークã€ã®ãƒªãƒ³ã‚¯ã‚’å³ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãƒ–ックマークã«è¿½åŠ ã™ã‚‹ã€‚ 方法2 ãƒãƒ¼ã‚«
好ããªãƒšãƒ¼ã‚¸ã®JavaScriptオブジェクトをå‚ç…§ã™ã‚‹ãƒ–ラウザ（å†ï¼‰ - sawatã®ãƒ–ãƒã‚°
å‰ã«2005/10/27ã®æ—¥è¨˜ã§ã€Œå¥½ããªãƒšãƒ¼ã‚¸ã®JavaScriptオブジェクトをå‚ç…§ã™ã‚‹ãƒ–ラウザã€ãƒ–ックマークレットを紹介ã—ãŸã¾ã—ãŸãŒã€ãã®ã¨ãã¯å…¬é–‹ã™ã‚‹ã¨ã“ã‚ã¾ã§ã‚„ã£ã¦é£½ãã¦ã—ã¾ã£ã¦ã€ã¾ã ç›´ã™ã¹ãã¨ã“ã‚ãŒçµæ§‹ã‚ã£ãŸã®ã§ã™ãŒãã®å¾Œã¯ãšã£ã¨æ”¾ç½®ã—ã¦ã„ã¾ã—ãŸã€‚ ã¯ã¦ãªã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ã§è¦‹ã¦ã„ã‚‹ã¨2005/10/27ã¸ã®å‚ç…§ãŒçµæ§‹ã‚ã‚‹ã¿ãŸã„ãªã®ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã‹ã‚ã‹ã‚Šã¾ã›ã‚“ãŒ*1ã€ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ãƒ»æ©Ÿèƒ½è¿½åŠ ã—ã¦ä»¥ä¸‹ã®ãƒšãƒ¼ã‚¸ã§å†å…¬é–‹ã—ã¾ã—ãŸã€‚ 好ããªãƒšãƒ¼ã‚¸ã®JavaScriptオブジェクトをå‚ç…§ã™ã‚‹ãƒ–ラウザã®Bookmarklet スクリーンショット テã‚スト入力ã«å¼ã‚’入力ã—ã¦refボタンを押ã™ã¨ã€ã‚ªãƒ–ジェクトã®ãƒ—ãƒãƒ‘ティãŒå‚ç…§ã§ãã¾ã™ã€‚プãƒãƒ‘ティåをクリックã™ã‚‹ã¨ã€ã•ã‚‰ã«ãã®ã‚ªãƒ–ジェクトã«ã¤ã„ã¦è¡¨ç¤ºã—ã¾ã™ã€‚ å‰ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’知ã£ã¦ã„る人ãŒå±…ã‚‹ã‹ã¯ã‚ã‹ã‚Šã¾ã›ã‚“ãŒã€ä¸»ãªå¤‰æ›´ç‚¹ã¯ã€ IEã€Firefoxコン
Prototype.js Object Browser - IT戦記
prototype.js ã®ãƒªãƒã‚¸ãƒˆãƒªã‚’見ã¦ã„ãŸã‚‰ã€ãŠã‚‚ã—ã‚ã„ã‚‚ã®ãŒã‚³ãƒŸãƒƒãƒˆã•ã‚Œã¦ã„ãŸã®ã§ã€æ—©é€Ÿãƒ‘クã£ã¦ã¿ã¾ã—ãŸã€‚（ã¡ã‚‡ã£ã¨æ”¹é€ ã—ã¦ã€å¸¸ã«æœ€æ–°ã®jsを見るよã†ã«ãªã£ã¦ã¾ã™ã€‚） ã“れを(Firefox ã§)使ã†ã¨ã€prototype.jsã®æ›´æ–°çŠ¶æ³ã‚’把æ¡ã§ãã¾ã™ã€‚ http://www.ornithopter.jp/amachang/browser/browser.html ↑å‹é”ã®é¯–ã«ä¸Šã’ã•ã›ã¦ã‚‚らã„ã¾ã—ãŸã€‚ã‚ー。ãã‚ãã‚自鯖欲ã—ã„ãªãƒ¼ã€‚ã‚ã‚“ã©ã„ã‘ã©
AJAX Magazine: Explore Amazon Web Services with AJAX - LiveSearch - Day 1
Explore Amazon Web Services with AJAX - LiveSearch - Day 1 Amazon offer access to their database via webservice and this is a great opportunity to explore the different AJAX features that we can implement with it. So as you may understand by Day 1, this week I'll try to focus on the different aspect of using AWS with AJAX using nusoap and prototype. Amazon gives the possibility to retrieve data vi
Prototype.js 1.5.0_pre0 - IT戦記
最新㌠1.5.0_pre0 ã«ãªã£ã¦ãŸã®ã§èª¿æŸ» (自分用ã®ãƒ¡ãƒ¢ãªã®ã§èªã¿ã«ããã¦ã‚‚ゴメンãªã•ã„ã£ã¦ã“ã¨ã§) Prototype.js 1.4.0 ã‹ã‚‰ã®å¤‰æ›´ç‚¹ CHANGELOG より String.prototype.truncateã‚’è¿½åŠ String.prototype.gsub, String.prototype.sub, String.prototype.scan ã‚’è¿½åŠ ã€‚ Template ã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã€‚ $$ é–¢æ•°ã‚’è¿½åŠ ã€‚ Selector ã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã€‚ Element.childOf ã‚’è¿½åŠ ã€‚ String.prototype.inspect ã‚’ä¿®æ£ã€‚ String.prototype.strip ã‚’è¿½åŠ ã€‚ String String.prototype.truncate æ–‡ç« ã‚’çŸãã™ã‚‹ã€‚ var text = 'ã¨ã£ã¦ã‚‚é•·ã„æ–‡ç« ã§ã™ã€‚èªã‚€ã®ãŒã‚ãšã‚‰ã‚ã—ã„ã§ã™ã€‚概è¦ã ã‘
ã¯ã¦ãªæŠ€è¡“発表会日記 - script.aculo.us
8月17æ—¥ã®æŠ€è¡“勉強会 - Flexレイアウト手書ã勉強会 8月17æ—¥ã«è¡Œã‚ã‚Œã¾ã—ãŸæŠ€è¡“発表会ã®å†…容を撮影ã—ãŸå‹•ç”»ãƒ•ã‚¡ã‚¤ãƒ«/資料を公開ã„ãŸã—ã¾ã—ãŸã€‚内容ã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã§ã™ã€‚ テーマ Flexレイアウト手書ã勉強会 発表者 d:id:secondlife 勉強会動画 ダウンãƒãƒ¼ãƒ‰â€¦
Prototype.js ãŠã‚ˆã³ Script.aculo.us ã‚’ã‘ã£ã“ã†é«˜é€ŸåŒ–ã™ã‚‹æ–¹æ³• - IT戦記
$A $A ã¨ã„ã†é–¢æ•°ã‚’使ã†ã¨ã€Array ã‚‚ã©ãオブジェクト(NodeList ã‚„ Arguments ãªã©)ã‚’ Array オブジェクト化ã™ã‚‹ã“ã¨ãŒã§ãる。便利ã ãŒã€ã“ã®é–¢æ•°ã‚’ Enumerable インタフェースを実装ã™ã‚‹ãŸã‚ã«ä½¿ç”¨ã™ã‚‹ã®ã¯ã€ã‚ãらã‹ã«ãŠã‹ã—ã„。 ãã“ã§ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã‚‚ã®ã‚’定義ã—ã¦ã¿ã‚‹ã€‚ var $E = Enumerable.from = function(iterable) { iterable._each = Array.prototype._each; Object.extend(iterable, Enumerable); return iterable; };ã“れを〠$A(〜).each ã¨ã‹ã—ã¦ã‚‹ã¨ã“ã‚ã«ä½¿ã†ã€‚ $E(〜).each ã“ã†ã™ã‚‹ã€‚ $E ã®å®Ÿè¡Œé€Ÿåº¦ã¯ $A ã® 7 〜 4 å€ã§ã™ã€‚ with(Element) effects.js ã® w
Ajaxフォトアルãƒãƒ ã®ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ç”»åƒãƒ•ãƒ¬ãƒ¼ãƒ を作ã‚ㆠï¼ï¼ IT
本連載ã§ã¯ã€Ajaxを活用ã—ãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªWebアプリケーションをã€ã‚¼ãƒã‹ã‚‰é–‹ç™ºã™ã‚‹ã€‚3回ã®é€£è¼‰ã§ã€ç°¡å˜ãªWebフォトアルãƒãƒ を完æˆã•ã›ã‚‹äºˆå®šã 。完çµã—ãŸæ©Ÿèƒ½ã‚’æŒã£ãŸAjaxアプリケーションを作り上ã’るステップをã€å…·ä½“çš„ã«è§£èª¬ã—ã¦ã„ããŸã„。 JavaScriptã¨éžåŒæœŸãƒ‡ãƒ¼ã‚¿é€å—信を組ã¿åˆã‚ã›ãŸã€Webアプリケーション開発スタイルã§ã‚る「Ajaxã€ã¯ã€ã“ã®ã‚ーワードãŒç™ºè¡¨ã•ã‚ŒãŸã®ãŒä»Šå¹´åˆã‚ã®ã“ã¨ã ã¨ã¯æ€ãˆãªã„ã»ã©ã®ç™ºå±•ã‚’é‚ã’ã¦ãŠã‚Šã€æ—¥ã€…æ–°ã—ã„実験やã€ãれを組ã¿è¾¼ã‚“ã サービスãŒç™ºè¡¨ã•ã‚Œã¦ã„る。 ãã‚ãã‚実際ã«Ajaxを活用ã—ãŸWebアプリケーションを開発ã—ã¦ã¿ã‚ˆã†ã‹ã€ã¨è€ƒãˆã¦ã„る開発者も多ã„ã“ã¨ã ã‚ã†ãŒã€ã§ã¯Ajaxã§ä½•ã‚’ã©ã†ä½œã£ãŸã‚‰ã„ã„ã‚“ã ã‚ã†ï¼Ÿ ã¨ã„ã†éƒ¨åˆ†ã§ç«‹ã¡æ¢ã¾ã£ã¦ã—ã¾ã£ã¦ã—ã¾ã£ã¦ã„ã‚‹ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ ãã“ã§æœ¬é€£è¼‰ã§ã¯ã€å˜ãªã‚‹ã‚µãƒ³ãƒ—ルã§ã¯ãªãã€å®Œçµã—ãŸæ©Ÿèƒ½ã‚’æŒã£ãŸAjaxã‚¢
Prototype.js - Effectサンプル
ã“ã‚Œã¯ã‚ªãƒ–ジェクト指å‘JavaScriptライブラリ Prototypeã®Effectã®ã‚µãƒ³ãƒ—ルã§ã™ã€‚付属ã®ã‚µãƒ³ãƒ—ルã«ã¡ã‚‡ã£ã¨æ‰‹ã‚’åŠ ãˆã¦ã¡ã‚‡ã£ ã¨æ—¥æœ¬èªžè¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ Effect.Fade() & Effect.Appear() 呼ã³å‡ºã—方法 new Effect.Appear(element) new Effect.Fade(element) コード例 onclick="new Effect.Appear('appear')" onclick="new Effect.Fade('appear')"
prototype.js v1.5.0 ã®ä½¿ã„æ–¹
ãã‚Œã¯ä½•ï¼Ÿ prototype.js 㯠Sam Stephenson ã«ã‚ˆã£ã¦æ›¸ã‹ã‚ŒãŸ JavaScript ライブラリã§ã™ã€‚ ã“ã®ç†Ÿè€ƒã®ä¸Šè¨˜è¿°ã•ã‚ŒãŸæ¨™æº–ã«æº–æ‹ ã—ãŸã‚³ãƒ¼ãƒ‰ã¯ã€Web 2.0 ã«ãŠã„ã¦ç‰¹å¾´ã¨ãªã‚‹ãƒªãƒƒãƒã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚¦ã‚§ãƒ–ページを制作ã™ã‚‹éš›ã®é‡è·ã‚’ã€ã‚ãªãŸã®è‚©ã‹ã‚‰å–り去ã£ã¦ãれるã§ã—ょã†ã€‚ ã‚‚ã—ã“ã®ãƒ©ã‚¤ãƒ–ラリを使ã£ãŸã“ã¨ãŒã‚ã‚‹ãªã‚‰ã€å……実ã—ãŸãƒ‰ã‚ュメントãŒã“ã®ãƒ©ã‚¤ãƒ–ラリã®å£²ã‚Šã§ã¯ãªã„ã“ã¨ã«æ°—ãŒã¤ã„ãŸã¯ãšã§ã™ã€‚ ç§ã¯ä»–ã®é–‹ç™ºè€…ã¨åŒæ§˜ã«ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã¿ã€è©¦è¡ŒéŒ¯èª¤ã—ãªãŒã‚‰ prototype.js ã‚’ç†è§£ã—ã¾ã—ãŸã€‚ 自分ãŒå¦ã‚“ã§ã„ã‚‹é–“ã«ãƒ¡ãƒ¢ã‚’å–ã‚Šã€ãれを他ã®äººãŸã¡ã¨å…±æœ‰ã™ã‚‹ã“ã¨ã¯ä¾¡å€¤ãŒã‚ã‚‹ã®ã§ã¯ã€ã¨è€ƒãˆãŸã®ã§ã™ã€‚ åŠ ãˆã¦ã€ã“ã®ãƒ©ã‚¤ãƒ–ラリã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã¦ã„るオブジェクトã€ã‚¯ãƒ©ã‚¹ã€é–¢æ•°ã€æ‹¡å¼µæ©Ÿèƒ½ã«ã¤ã„ã¦ã® éžå…¬å¼ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ã‚‚æä¾›ã—ã¦ã„ã¾ã™ã€‚ ã“ã“ã§æä¾›ã™ã‚‹ä¾‹ã¨ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ - Jemplate 㧠JavaScript ã§ã‚‚ãƒã‚¸ãƒƒã‚¯ã¨ãƒ“ューを分離ã™ã‚‹
JSON ã‚’ Template-Toolkit ã§å±•é–‹ã™ã‚‹ Jemplate ã¨ã„ã†è¨˜äº‹ã‚’書ã„ãŸã‚“ã§ã™ãŒã€Jemplate を使ã†ã¨ä½•ãŒã„ã„ã‹ã£ã¦ã®ã‚’ã‚‚ã†å°‘ã—詳ã—ã書ã„ã¦ã¿ã¾ã™ã€‚ Jemplate 㯠TT 㧠JavaScript 上㮠JSON を展開ã§ãã‚‹ã‚“ã§ã™ãŒã€ãã‚Œã ã‘èžã„ã¦ã‚‚ã—ã‹ã™ã‚‹ã¨ã€Œã“ã‚Œã§æ™®æ®µã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§ã‚„ã£ã¦ã‚‹ãƒ†ãƒ³ãƒ—レートã®å±•é–‹ã‚’クライアントサイドã«æŒã£ã¦è¡Œã‘ã¦è² è·ãŒã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«ç§»ã£ã¦ã‚¦ãƒžãƒ¼ã€ã£ã¦ã„ã†ã®ãŒä½¿ã„ã©ã“ã‚ã®ã‚ˆã†ã«ã‚‚æ€ãˆã¡ã‚ƒã„ã¾ã™ã‘ã©ã€ãã†ã˜ã‚ƒãªã„。検索エンジンã«å¼•ã£ã‹ã‹ã‚‰ãªããªã£ãŸã‚Šã¨ã‹ã€ã‚¢ãƒ—リケーションã®ä½¿ã„å‹æ‰‹ãŒæ‚ªããªã£ãŸã‚Šã¨ã‹è‰²ã€…弊害ãŒã‚ã‚Šã¾ã™ã€‚ ãã†ã˜ã‚ƒãªãã¦ã€Jemplate 㯠JavaScript ã®ãŸã‚ã®ãƒ†ãƒ³ãƒ—レートã¨ã—ã¦ä½¿ã„ã¾ã™ã€‚ 試ã—ã« Catalyst ã§ç°¡å˜ãªã‚¢ãƒ—リケーションを作ã£ã¦ã¿ã¾ã—ãŸã€‚ã¡ã‚‡ã£ã¨å‹•ã‹ã—ã¦ãŠã環境ãŒãªã„ã®ã§ã‚½ãƒ¼ã‚¹
CMS researcher - Greasemonkeyã§prototype.jsã‚„script.aculo.usを使ã†æ–¹æ³•
Greasemonkeyã§prototype.jsã‚„script.aculo.usãŒä½¿ãˆãŸã‚‰ä¾¿åˆ©ã ã‚ã†ãªã€ã¨è€ƒãˆãŸã“ã¨ã®ã‚る開発者ã¯å°‘ãªããªã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ã¡ã‚‡ã£ã¨ãã‚“ãªã‚¢ã‚¤ãƒ‡ã‚¢ã‚’試ã—ã¦ã¿ãŸã“ã¨ã®ã‚ã‚‹æ–¹ãªã‚‰ã‚ã‹ã‚‹ã¨æ€ã†ã®ã§ã™ãŒã€Greasemonkeyã§ãã†ã„ã£ãŸå¤–部JavaScriptライブラリã¯ç°¡å˜ã«ã¯ä½¿ãˆã¾ã›ã‚“。案外ãƒãƒ¼ãƒ‰ãƒ«ãŒé«˜ã„ã§ã™ã€‚ Googleã§èª¿ã¹ã¦ã„ãŸã‚‰ã€é¢ç™½ã„解決方法ãŒè¦‹ã¤ã‹ã£ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ Loading External JavaScript Libraries in Greasemonkey ã“ã®ãƒ–ãƒã‚°ã§è§£èª¬ã•ã‚Œã¦ã„るアプãƒãƒ¼ãƒã‚’用ã„ã‚Œã°ã€Greasemonkeyã§å¤–部JavaScriptライブラリãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ãƒã‚¤ãƒ³ãƒˆã¯ã€ 外部ライブラリãŒãƒãƒ¼ãƒ‰ã•ã‚Œã‚‹ã¾ã§å¾…ã¡ç¶šã‘ã‚‹åˆ¶å¾¡æ§‹é€ unsafeWindowを経由ã—ã¦å¤–部ライブラリã«ã‚¢ã‚¯ã‚»ã‚¹ ã¨ã„ã£
テã‚ストエリアã§ãƒªã‚¿ãƒ¼ãƒ³ã‚ーを押ã—ãŸéš›ã«ã€submitイベントã®ç™ºç”Ÿã‚’抑æ¢ã™ã‚‹æ–¹æ³• - Enjoy*Study
テã‚ストエリアã§ã®ãƒªã‚¿ãƒ¼ãƒ³ã‚ーã§ã€submitイベントãŒç™ºç”Ÿã—ãªã„よã†ã«ã™ã‚‹å ´åˆã€ãƒ–ラウザ毎ã«ã©ã®ã‚ˆã†ãªå‡¦ç†ã‚’書ã‘ã°ã„ã„ã®ã‹èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚(submitイベント自体ã«å‡¦ç†ã‚’è¿½åŠ ã›ãšã«ã€ãƒ†ã‚ストエリアã§ã®ã‚¤ãƒ™ãƒ³ãƒˆã§åˆ¶å¾¡ã—ãŸã‹ã£ãŸã®ã§) テã‚ストエリアã§ã®ãƒªã‚¿ãƒ¼ãƒ³ã‚’拾ãˆã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã¨ã—ã¦ã¯ã€ä¸‹è¨˜ã®3ã¤ãŒã‚ã‚Šã¾ã™ã€‚ keypress keydown keyup イベントをã‚ャンセルã™ã‚‹æ–¹æ³•ã¯ã€IEã®JScriptã®å®Ÿè£…ã¨ã€DOM 2ã®Eventモデルã§ã®å®Ÿè£…ã§ã‚る下記ã®2パターンを試ã—ã¾ã—ãŸã€‚ event.preventDefault() event.returnValue=false ãã—ã¦ç¢ºèªã®çµæžœã€ä¸Šè¨˜ã®ã‚¤ãƒ™ãƒ³ãƒˆÃ—ã‚ャンセル処ç†ã®çµ„ã¿åˆã‚ã›ã§submitイベントãŒã‚ャンセル出æ¥ã‚‹ã®ã¯ã€ä¸‹è¨˜ã®ãƒ‘ターンã¨ãªã‚Šã¾ã—ãŸã€‚ IE 6 keydown - event.returnValue=false
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.bartelme.at/journal/archive/prototype_reference_widget/
moo.fx
{{#tags}}- {{label}}
{{/tags}}