[B! prototype.js] TokyoIncidentsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

TokyoIncidents id:TokyoIncidents

prototype.jsã«é–¢ã™ã‚‹TokyoIncidentsã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

prototype.jsã‹ã‚‰jQueryã«ç§»è¡Œã™ã‚‹ãŸã£ãŸã²ã¨ã¤ã®å†´ãˆãŸã‚„ã‚Šã‹ãŸ - os0x.blog
ã©ã†ã‚‚ã“ã‚“ã«ã¡ã¯ã€os0xã§ã™ã€‚ å®Ÿã¯(Twitterã«æ›¸ã„ãŸã ã‘ã§)ãƒ–ãƒã‚°ã«æ›¸ã„ã¦ãªã‹ã£ãŸã®ã§ã™ãŒã€3ãƒ¶æœˆã»ã©å‰ã‹ã‚‰ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã§åƒã„ã¦ã„ã¾ã™*1ã€‚ãªã‚“ã‹ã‚‚ã†ä»Šæ›´ã§ã™ã‚ˆãã€ã™ã¿ã¾ã›ã‚“ã€‚ ã•ã¦ã•ã¦ã€ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã§ã™ãŒã€ã¤ã„ä¸€æ˜¨æ—¥ã¾ã§prototype.jsã‚’ä½¿ã£ã¦ã„ã¾ã—ãŸã€‚ã§ã€æ˜¨æ—¥jQueryã¸ã®ç§»è¡Œã‚’ãƒªãƒªãƒ¼ã‚¹ã—ãŸã¨ã“ã‚ã ã£ãŸã‚Šã—ã¾ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ãã®è¾ºã®è©±ã‚’å°‘ã—æ›¸ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãã‚‚ãã‚‚ã€ãªã‚“ã§jQueryã«ç§»è¡Œã™ã‚‹ã®ã‹ ã¾ã‚ã€prototype.jsã¨jQueryã©ã¡ã‚‰ã‚’ä½¿ã†ã‹ã¨å•ã‚ã‚ŒãŸã‚‰ã€å¤§æŠµã®äººã¯jQueryã¨ç”ãˆã¾ã™ã‚ˆãã€‚ç¢ºã‹ã«jQueryã®ä½¿ã„ã‚„ã™ã•ã¯é…åŠ›çš„ã§ã™ã€‚ä½¿ã„ã‚„ã™ã„ã¨ã„ã†ã“ã¨ã¯ã€ã¿ã‚“ãªã§jQueryã‚’ä½¿ã£ã¦ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ç‰¹å®šã®èª°ã‹ã«ä¾å˜ã—ã¦ãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã«ãªã£ãŸã‚Šã™ã‚‹ã“ã¨ãŒãªã„ãªã‚‰ã€ãã‚Œã¯ç´ æ™´ã‚‰ã—ã„ã§ã™ãã€‚ ã—ã‹ã—ã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’å¤‰ãˆã‚‹ã®ã¯ç°¡å˜ãª
TokyoIncidents 2011/01/21
JavaScript

prototype.js

jquery
ãƒªãƒ³ã‚¯
JavaScriptãƒ—ãƒã‚°ãƒ©ãƒ ãƒ¡ãƒ¢ | prototype.jsï½œãƒ—ãƒã‚°ãƒ©ãƒ ãƒ¡ãƒ¢
â– jQueryç”¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€€jQuery_auto ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ prototype.js ã¨ã®ã‚³ãƒ³ãƒ•ãƒªã‚¯ãƒˆè§£æ¶ˆç‰ˆ jquery_auto ã¯ã“ã¡ã‚‰ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰â†“ http://logic.stepserver.jp/data_other/jquery_auto_j.zip â– 1. scriptãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã¾ã›ã¾ã™ <script type="text/javascript" src="js/lib/jquery.js"></script> <script type="text/javascript" src="js/lib/jquery_auto_j.js"></script> â– 2. ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«åã®æœ€å¾Œã« _over ã‚’ã¤ã‘ã‚‹ã€‚ ä¾‹ï¼šã€€ã€image.gifã€‘ ã®å ´åˆã€€ã€image_over.gifã€‘ â– 3. HTMLã®ï¼œimgï¼žã‚¿ã‚°ã«å±žæ€§ class=
TokyoIncidents 2010/08/26
JavaScript

prototype.js

jquery
ãƒªãƒ³ã‚¯
ä¸€æ’ƒå¿…æ®ºJavaScriptæ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
æ›´æ–°æƒ…å ±ã¯Twitterã§è¡Œã£ã¦ã„ã¾ã™ã€‚ å¤ã„è¨˜äº‹ã«é–¢ã—ã¦ã¯ä»¥å‰ã®æ–‡ç« ãƒ‡ãƒ¼ã‚¿ã®ãƒšãƒ¼ã‚¸ã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ ã“ã®ãƒšãƒ¼ã‚¸ã¸ã®ãƒªãƒ³ã‚¯ã¯è‡ªç”±ã§ã™ã€‚æ–ã‚Šã®ãƒ¡ãƒ¼ãƒ«ã¯ä¸è¦ã§ã™ã€‚ã¾ãŸã€é›‘èªŒã‚„æ›¸ç±ã«URLãŠã‚ˆã³ç”»é¢ã‚¹ãƒŠãƒƒãƒ—ã‚’æŽ²è¼‰ã™ã‚‹å ´åˆã‚‚ç„¡æ–ã§è¼‰ã›ã¦ã‹ã¾ã„ã¾ã›ã‚“ã€‚ è‹¦æƒ…ãƒ»æ–‡å¥ãƒ»ã”æ„è¦‹ã®ãƒ¡ãƒ¼ãƒ«ã¯openspc@alpha.ocn.ne.jpã¾ã§ãŠé¡˜ã„ã—ã¾ã™ã€‚
TokyoIncidents 2010/08/25
JavaScript

prototype.js
ãƒªãƒ³ã‚¯
Prototyperã«è´ˆã‚‹jQuerystã‹ã‚‰ã®æ‰‹ç´™
å…ˆã« åˆ¥ã«ã©ã£ã¡ãŒã„ã„ã¨ã„ã†è©±ã§ã¯ãªã„ã§ã™ã€‚ å‘ãä¸å‘ãã¯ã‚ã‚Šã¾ã™ãŒã€ã©ã¡ã‚‰ã‚‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦ã®å®Œæˆåº¦ã¯é«˜ã„ã§ã™ã€‚ï¼ˆPrototype.jsã‚‚1.6.0ã§DOM Readyã‚µãƒãƒ¼ãƒˆã—ãŸã—ï¼‰ å…ˆã« å…·ä½“çš„ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªä½¿ã„åˆ†ã‘ãŒãŠã™ã™ã‚ Prototype.js é€Ÿåº¦ãŒè¦æ±‚ã•ã‚Œã‚‹æ¼”ç®— è¤‡é›‘ãªã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã‚’ä½¿ç”¨ã—ãŸè¨ˆç®— ä»–ã®ã‚¯ãƒ©ã‚¹ã‚’æ‹¡å¼µã—ãŸå‡¦ç†ï¼ˆgoogle mapsã¨ã‹ï¼‰ jQuery ç°¡å˜ãªDOMæ“ä½œ ã‚¤ãƒ™ãƒ³ãƒˆå‡¦ç† ãƒ–ãƒã‚°ãƒ‘ãƒ¼ãƒ„
TokyoIncidents 2010/03/25
JavaScript

prototype.js

jquery
ãƒªãƒ³ã‚¯
IBM Developer
IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.
TokyoIncidents 2010/03/02
ruby

rails

prototype.js
ãƒªãƒ³ã‚¯
bindã¨bindAsEventListenerã«ã¤ã„ã¦ã®ç–‘å• - å¾’æ›¸
æœ€è¿‘ã«ãªã£ã¦prototype.jsã®ä½¿ã„æ–¹ã‚’å¦ã‚“ã§ã¿ãŸã‚Šã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€bindã¨bindAsEventListenerã«ã¤ã„ã¦ã¡ã‚‡ã£ã¨ã—ãŸç–‘å•ãŒå‡ºã¦ãã¦ã„ã¾ã™ã€‚ ä¸¡è€…ã®é•ã„ã«ã¤ã„ã¦ã¯ã€prototype.js v1.4.0 ã®ä½¿ã„æ–¹ã«ã‚ã‚‹èª¬æ˜Žã§çŸ¥ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ã‚µãƒ³ãƒ—ãƒ«ã‚½ãƒ¼ã‚¹ã‚’å¼•ç”¨ã—ã¦ã¿ã¾ã™ã€‚ <input type=checkbox id=myChk value=1> Test? <script> //declaring the class var CheckboxWatcher = Class.create(); //defining the rest of the class implementation CheckboxWatcher.prototype = { initialize: function(chkBox, message) { this.chkBox = $
TokyoIncidents 2009/10/21
JavaScript

prototype.js
ãƒªãƒ³ã‚¯
Ajax æœ€é©åŒ– Tips - Prototype.js ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ â€” ã‚ã‚Šãˆã‚‹ãˆã‚Šã‚
prototype.js 1.6.0 RC ã§ã€ã‚«ã‚¹ã‚¿ãƒ ã‚¤ãƒ™ãƒ³ãƒˆãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã‚Šã€ãƒã‚¤ãƒ†ã‚£ãƒ–ã® forEach ãŒä½¿ã‚ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã‚Šã€ç°¡å˜ã« DOM ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’æ§‹ç¯‰ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã‚Šã€ isNumber ã§æ•°å€¤åž‹ã‹ãƒã‚§ãƒƒã‚¯ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã‚Šã€ã™ã°ã‚‰ã—ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã§ã‚ã‚‹ã“ã¨ã¯é–“é•ã„ãªã„ã®ã§ã™ãŒã€ prototype.js ã®ã‚½ãƒ¼ã‚¹ã‚’è¦‹ã¦ã‚‚ã‚ã‹ã‚‹ã¨ãŠã‚Šã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹äº‘ã€…ã‚ˆã‚Šã‚‚ JavaScript çš„ã«ã‚¹ãƒžãƒ¼ãƒˆãªæ›¸ãæ–¹ãƒ»ã‚ˆã‚Šå˜ç´”ã§æ„å‘³ã®å–ã‚Šã‚„ã™ã„æ›¸ãæ–¹ãŒå„ªå…ˆã•ã‚Œã¦ãŠã‚Šï¼ˆã‚‚ã¡ã‚ã‚“ã“ã‚Œã¯æ£ã—ã„æ–¹å‘ï¼‰ã€ã‚ã¾ã‚Šç†ŸçŸ¥ã›ãšã«ã“ã‚Œã‚‰ã®é–¢æ•°ã‚’ä¹±ç”¨ã—ã¦ã—ã¾ã†ã¨ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«ç”šå¤§ãªè¢«å®³ã‚’ä¸Žãˆã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ä»Šå›žã¯ prototype.js ã‚’ä½¿ã†ã«ã‚ãŸã£ã¦ï¼ˆãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹çš„ã«ï¼‰æ³¨æ„ã™ã¹ãç‚¹ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ãªãŠå‚è€ƒã«ã™ã‚‹ prototype.js ã®ãƒãƒ¼ã‚¸
TokyoIncidents 2009/10/14
JavaScript

prototype.js

performance
ãƒªãƒ³ã‚¯
prototype.js ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
prototype.jsã¯Ajaxãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®1ã¤ã§ã™ã€‚ç¾åœ¨ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯1.6.0ã§ã™ï¼ˆ2007/11/8ï¼‰ã€‚prototype.jsã«ã¤ã„ã¦ã€ã‚ˆã‚Šè©³ç´°ã«çŸ¥ã‚ŠãŸã„æ–¹ã¯prototype.jsã®é–‹ç™ºè€…ãƒ¡ãƒ¢ã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ã¾ãŸã€è‹±æ–‡ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã§ã‚ã‚Œã°æ£å¼ãªãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚‚prototype.jsã®ã‚µã‚¤ãƒˆã§ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ version 1.4.0 ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ version 1.5_rc0 ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ version 1.5_rc1 ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ version 1.5_rc2 ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ version 1.5.0 ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ version 1.5.1_rc1 ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ version 1.5.1_rc2 ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ version 1.5.1_rc3 ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ version 1.5.1 ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ version 1.5.1.1 ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ versio
TokyoIncidents 2009/10/14
JavaScript

prototype.js
ãƒªãƒ³ã‚¯
prototype.jsã‚’ä½¿ã£ã¦ã¿ã‚‹ 2-Event.observe
prototype.jsã‚’ä½¿ã£ã¦ã¿ã‚‹ 2-Event.observe ä»Šå›žã¯Event.observeã‚’ä½¿ã£ã¦ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¿½åŠ ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ onloadã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨˜è¿°ã™ã‚‹éš›ã«bodyè¦ç´ ã« <body onload="hogehoge" > ã¨è¨˜è¿°ã—ãŸã‚Šã‚¹ã‚¯ãƒªãƒ—ãƒˆå†…ã« window.onload = function(){ hogehoge } ã¨è¨˜è¿°ã—ã¾ã™ã€‚ onloadã‚¤ãƒ™ãƒ³ãƒˆã¯ï¼‘ãƒšãƒ¼ã‚¸ã«ï¼‘åº¦ã®è¨˜è¿°ã—ã‹èªã‚ã‚‰ã‚Œã¦ãŠã‚‰ãšè¤‡æ•°ã®onloadã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨˜è¿°ã—ãŸã„å ´åˆã¯onloadç”¨ã®é–¢æ•°ã‚’åˆ¥é€”ä½œæˆã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ prototype.jsã®Event.observeã‚’ä½¿ãˆã°ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¿½åŠ ã™ã‚‹äº‹ãŒã§ãã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ä¿å®ˆæ€§ãŒè‘—ã—ãå‘ä¸Šã—ã¾ã™ã€‚ Event.observe(è¿½åŠ ã™ã‚‹è¦ç´ ,ã‚¤ãƒ™ãƒ³ãƒˆ,é–¢æ•°,æ®µéšŽ) è¿½åŠ ã™ã‚‹è¦ç´ ã«ã¯ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‹IDã‚’è¨˜è¿°ã—ã¾ã™ã€‚ ã‚¤ãƒ™ãƒ³ãƒˆã«ã¯loadã‚„clickãªã©
TokyoIncidents 2009/10/14
JavaScript

prototype.js
ãƒªãƒ³ã‚¯
1