JSONViewTools JSON Viewer QRCode Generator
ã€ã‚³ãƒ©ãƒ 】ãã‚ãã‚ãã£ã¡ã‚ŠJavaScript (7) prototype.jsã‚’èªã‚€(1) | エンタープライズ | マイコミジャーナル
ソースèªã¿ã®æº–å‚™ 本連載ã§ã¯ã“ã‚Œã¾ã§ã€JavaScriptã®ç‰¹å¾´çš„ãªè¨˜æ³•ã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¦ããŸã€‚ãã‚ãã‚世ã«åºƒã¾ã£ã¦ã„ã‚‹JavaScriptライブラリã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã¿è§£ã„ã¦ã„ãã“ã¨ãŒã§ãã‚‹ã¯ãšã 。 今回ã‹ã‚‰ã¯ã€å°‘ã—趣å‘を変ãˆã¦ã€JavaScriptライブラリをã„ãã¤ã‹æŒ™ã’ãªãŒã‚‰ã€ãƒ©ã‚¤ãƒ–ラリ利用方法ã¨ã€ãã®å‹•ä½œãƒ¡ã‚«ãƒ‹ã‚ºãƒ ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¦ã„ã“ã†ã€‚ 今回ã¯ã€prototype.jsã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã™ã‚‹ã€‚ç¾åœ¨ã®JavaScript人気ã®ç«‹å½¹è€…ã¨ã„ã£ã¦ã‚‚éŽè¨€ã§ã¯ãªã„prototype.jsã ãŒã€ãã®ä¸èº«ã¯ã©ã†ãªã£ã¦ã„ã‚‹ã®ã ã‚ã†ã‹ã€‚ソースコードをèªã¿ãªãŒã‚‰ã€ãƒ¡ã‚«ãƒ‹ã‚ºãƒ ã¯ã‚‚ã¡ã‚ã‚“ã€JavaScriptçš„ãªã‚³ãƒ¼ãƒ‰ã‚¹ã‚¿ã‚¤ãƒ«ã‚‚å¦ã‚“ã§ã„ããŸã„。 ã¾ãšã¯ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã‚€ãŸã‚ã®ç’°å¢ƒã‚’æ•´å‚™ã—よã†ã€‚prototype.jsã¯ã€ä½œè€…ã§ã‚ã‚‹Sam Stephensonæ°ãŒæä¾›ã™ã‚‹ã‚µã‚¤ãƒˆã‹ã‚‰å–å¾—ã§ãる。ç¾åœ¨ã®å®‰å®šæœ€æ–°ãƒãƒ¼ã‚¸
[戯] target="_blank" を使ã‚ãªã„ã§æ–°ã—ã„ウィンドウã§ãƒªãƒ³ã‚¯ã‚’é–‹ã方法
target="_blank" を使ã‚ãªã„ã§æ–°ã—ã„ウィンドウã§ãƒªãƒ³ã‚¯ã‚’é–‹ã方法 2006-03-14-5: [JavaScript] <a href="foo.html" target="_blank">foo</a> を使ãˆã°æ–°ã—ã„ウィンドウã§ãƒªãƒ³ã‚¯ãŒé–‹ãã¾ã™ãŒï¼Œã“れ㯠XHTML 1.1 ã‚„ XHTML Basic ã§ã¯æŽ¡ç”¨ã•ã‚Œã¦ã„ã¾ã›ã‚“． ã§ã¯ã©ã†ã™ã‚‹ã‹ã¨ã„ã†ã¨ï¼Œã‚¹ã‚¯ãƒªãƒ—トを使ã†ã‚ã‘ã§ã™ãŒï¼Œ <a href="javascript:void(0)" onclick="window.open('foo.html');">foo</a> ã“ã†ã™ã‚‹ã¨ï¼Œä¸€è¦‹è§£æ±ºã—ãŸã‚ˆã†ã§ã™ãŒï¼ŒJavaScript ㌠off ã®å ´åˆã¯ãƒªãƒ³ã‚¯å…ˆã«é£›ã¹ã¾ã›ã‚“． ã—ã‹ã‚‚，ステータスãƒãƒ¼ã«ãƒªãƒ³ã‚¯å…ˆãŒå‡ºãªã„ã®ã§ä¸å®‰ã«ãªã‚Šã¾ã™ï¼Žã“れを <a href="foo.html" onclick="window.open('f
inforno :: prototype.js 1.5ã®Element.Methods
prototype.js1.5ã§ã¯ã¿ã‚“ãªãŒã“ã†ã—ãŸã„ãªãƒ¼ã¨æ€ã£ã¦ã„ãŸæ©Ÿèƒ½ãŒå®Ÿè£…ã•ã‚Œã¾ã—ãŸã€‚(via Encytemedia ) （SVN co http://dev.rubyonrails.org/svn/rails/spinoffs/prototype ã—㦠rake distã—ãŸã‚‚㮠） â– Element.Methods 1.4ã¾ã§ã¯elementã«å¯¾ã™ã‚‹æ“作㯠1Element.show($("test")); 2Element.update($("test"), "hoge"); ã®ã‚ˆã†ã«æ›¸ãå¿…è¦ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã“れ㌠1$("test").show(); 2$("test").update("hoge"); ã¨æ›¸ã‘るよã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã‚Œã¯prototype.jsã§æœ€ã‚‚å‰å¤§ãª$メソッドã®å¤‰æ›´ã«ã‚ˆã‚‹ãƒ¢ãƒŽã§ã™ã€‚ 1function $() { 2 var results = [],
prototype.js v1.5.0 ã®ä½¿ã„æ–¹
ãã‚Œã¯ä½•ï¼Ÿ prototype.js 㯠Sam Stephenson ã«ã‚ˆã£ã¦æ›¸ã‹ã‚ŒãŸ JavaScript ライブラリã§ã™ã€‚ ã“ã®ç†Ÿè€ƒã®ä¸Šè¨˜è¿°ã•ã‚ŒãŸæ¨™æº–ã«æº–æ‹ ã—ãŸã‚³ãƒ¼ãƒ‰ã¯ã€Web 2.0 ã«ãŠã„ã¦ç‰¹å¾´ã¨ãªã‚‹ãƒªãƒƒãƒã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚¦ã‚§ãƒ–ページを制作ã™ã‚‹éš›ã®é‡è·ã‚’ã€ã‚ãªãŸã®è‚©ã‹ã‚‰å–り去ã£ã¦ãれるã§ã—ょã†ã€‚ ã‚‚ã—ã“ã®ãƒ©ã‚¤ãƒ–ラリを使ã£ãŸã“ã¨ãŒã‚ã‚‹ãªã‚‰ã€å……実ã—ãŸãƒ‰ã‚ュメントãŒã“ã®ãƒ©ã‚¤ãƒ–ラリã®å£²ã‚Šã§ã¯ãªã„ã“ã¨ã«æ°—ãŒã¤ã„ãŸã¯ãšã§ã™ã€‚ ç§ã¯ä»–ã®é–‹ç™ºè€…ã¨åŒæ§˜ã«ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã¿ã€è©¦è¡ŒéŒ¯èª¤ã—ãªãŒã‚‰ prototype.js ã‚’ç†è§£ã—ã¾ã—ãŸã€‚ 自分ãŒå¦ã‚“ã§ã„ã‚‹é–“ã«ãƒ¡ãƒ¢ã‚’å–ã‚Šã€ãれを他ã®äººãŸã¡ã¨å…±æœ‰ã™ã‚‹ã“ã¨ã¯ä¾¡å€¤ãŒã‚ã‚‹ã®ã§ã¯ã€ã¨è€ƒãˆãŸã®ã§ã™ã€‚ åŠ ãˆã¦ã€ã“ã®ãƒ©ã‚¤ãƒ–ラリã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã¦ã„るオブジェクトã€ã‚¯ãƒ©ã‚¹ã€é–¢æ•°ã€æ‹¡å¼µæ©Ÿèƒ½ã«ã¤ã„ã¦ã® éžå…¬å¼ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ã‚‚æä¾›ã—ã¦ã„ã¾ã™ã€‚ ã“ã“ã§æä¾›ã™ã‚‹ä¾‹ã¨ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
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')"
#!shebang.jp : prototype.js ã‚’ã¡ã‚ƒã‚“ã¨ä½¿ã£ã¦ã¿ã‚‹ã€‚
September 12, 200516:45 prototype.js ã‚’ã¡ã‚ƒã‚“ã¨ä½¿ã£ã¦ã¿ã‚‹ã€‚ カテゴリ技術ãƒã‚¿ prototype.js ã‚’ã¡ã‚ƒã‚“ã¨(仕事ã§)使ã£ã¦ã¿ã‚ˆã†ã¨ã„ã†äº‹ã§ã‚´ãƒ‹ãƒ§ã‚´ãƒ‹ãƒ§ã—ãŸãƒ¡ãƒ¢ã€‚ ã‚„ã‚ŠãŸã„事ã¯é€šå¸¸ã®ãƒ†ã‚ストを編集å¯èƒ½ã«ã—㦠Ajax ã§ä¿å˜ã£ã¦ã„ã†ã‚ã‚ŠãŒã¡(？)ãªäº‹ã€‚ ã§ã€ä½¿ã„æ–¹ã®å‹‰å¼·ãŒã¦ã‚‰æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã‚’ã®ã›ã¦ãŠãã¨ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ var Editable = Class.create(); Editable.prototype = { initialize: function(text, url) { this.view = $(text); this.url = url; Element.show(this.view); this.editor = document.createElement('input'); this.editor.type = "t
テã‚ストã«ã‚ˆã‚‹ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã‚’実ç¾ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリ ProgressText.js
æ—¥é ƒã‚ˆã‚Šæ¥½å¤©ã®ã‚µãƒ¼ãƒ“スをã”利用ã„ãŸã ãã¾ã—ã¦ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ サービスをã”利用ã„ãŸã ã„ã¦ãŠã‚Šã¾ã™ã¨ã“ã‚大変申ã—訳ã”ã–ã„ã¾ã›ã‚“ãŒã€ç¾åœ¨ã€ç·Šæ€¥ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚’è¡Œã‚ã›ã¦ã„ãŸã ã„ã¦ãŠã‚Šã¾ã™ã€‚ ãŠå®¢æ§˜ã«ã¯ã€ç·Šæ€¥ã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã«ã‚ˆã‚Šã€ã”迷惑をãŠã‹ã‘ã—ã¦ãŠã‚Šã€èª ã«ç”³ã—訳ã”ã–ã„ã¾ã›ã‚“。 メンテナンスãŒçµ‚了次第ã€ã‚µãƒ¼ãƒ“スを復旧ã„ãŸã—ã¾ã™ã®ã§ã€ 今ã—ã°ã‚‰ããŠå¾…ã¡ã„ãŸã ã‘ã¾ã™ã‚ˆã†ã€ãŠé¡˜ã„申ã—上ã’ã¾ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://ajax.phpmagazine.net/upload/2006/02/prototype1280.html
{{#tags}}- {{label}}
{{/tags}}