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

mrnoon id:mrnoon

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

${{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}}

Litebox/Lightboxã®ä½¿ã„æ–¹
Posted by: Hirotaka Ogawa @ January 18, 2007 05:35 PM | yujiroã•ã‚“ã¨ã“ã®Liteboxã‚„Lightboxã®è¨˜äº‹ã§ã€é…å¸ƒã•ã‚Œã¦ã„ã‚‹JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ã‚„CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¿®æ£ã•ã‚Œã¦ã„ã¾ã™ãŒã€ãã‚Œã ã¨ã‚ªãƒªã‚¸ãƒŠãƒ«ã®Litebox, LightboxãŒæ›´æ–°ã•ã‚Œã‚‹ãŸã³ã«åŒã˜ã“ã¨ã‚’ã—ãªãã¦ã¯ãªã‚‰ãªããªã‚Šã¾ã™ã€‚ å°ç²‹ç©ºé–“: Litebox 1.0 ã® rel å±žæ€§ã‚’è‡ªå‹•ä»˜ä¸Žã™ã‚‹ ä»– ãã‚Œã¯é¢å€’ã ã€ç¾Žã—ããªã„ã¨æ€ã£ã¦ã—ã¾ã£ãŸã®ã§ã€ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã‚‚ã†å°‘ã—ã‚¹ãƒžãƒ¼ãƒˆãªã‚„ã‚Šæ–¹ã‚’æ›¸ã„ã¦ãŠãã¾ã™ã€‚ä½•ã‹ã®å‚è€ƒã«ãªã‚‹å ´åˆã‚‚ã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ ã¾ãšã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ãã‚‚ãã‚‚ä¸Šæ›¸ãã—ã¦ä½¿ã†ã‚‚ã®ã§ã™ã€‚ä¸‹ã®ã‚ˆã†ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’lightbox.custom.cssã¨ã‹é©å½“ãªåå‰ã§ç”Ÿæˆã—ã¦ãŠãã€lightbox.cssã‚ˆã‚Šå¾Œã«èªã¿è¾¼ã¾ã‚Œã‚‹ã‚ˆã†ã«ã—ã¦ãŠã‘ã°ã‚ªãƒªã‚¸ãƒŠ
mrnoon 2007/04/11
yujiroã•ã‚“ã¨ã“ã®Liteboxã‚„Lightboxã®è¨˜äº‹ã§ã€é…å¸ƒã•ã‚Œã¦ã„ã‚‹JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ã‚„CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¿®æ£ã•ã‚Œã¦ã„ã¾ã™ãŒã€ãã‚Œã ã¨ã‚ªãƒªã‚¸ãƒŠãƒ«ã®Litebox, LightboxãŒæ›´æ–°ã•ã‚Œã‚‹ãŸã³ã«åŒã˜ã“ã¨ã‚’ã—ãªãã¦ã¯ãª

ajax

blog

lightbox

litebox

prototype.js

tips

JavaScript

MovableType
ãƒªãƒ³ã‚¯
JavaScriptã¨CSSã§ç‰¹å®šDIVè¦ç´ ã®è¡¨ç¤º/éžè¡¨ç¤ºã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚µãƒ³ãƒ—ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
Harry Maugans How to Create a Collapsible DIV with Javascript and CSS One of the most handy (and cool) tricks a web developer could learn to use is collapsible DIVs. JavaScriptã¨CSSã§ç‰¹å®šDIVè¦ç´ ã®è¡¨ç¤º/éžè¡¨ç¤ºã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚µãƒ³ãƒ—ãƒ«ã€‚ æ¬¡ã®ã‚ˆã†ã«æ•°è¡Œã§è¡Œãˆã‚‹ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¦ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ä¾å˜ã—ãªã„ï¼†è»½ã„ã€ç°¡å˜ãªå®Ÿè£…ã‚’è¡Œã„ãŸã„æ™‚ã«ä½¿ãˆã¾ã™ã€‚ <div id="mydiv" style="display:none"><h3>This is a test!<br>Can you see me?</h3></div> <a href="javascript:;" onmousedown="if(document
mrnoon 2007/04/11
JavaScriptã¨CSSã§ç‰¹å®šDIVè¦ç´ ã®è¡¨ç¤º/éžè¡¨ç¤ºã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚µãƒ³ãƒ—ãƒ«ã€‚ æ¬¡ã®ã‚ˆã†ã«æ•°è¡Œã§è¡Œãˆã‚‹ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¦ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ä¾å˜ã—ãªã„ï¼†è»½ã„ã€ç°¡å˜ãªå®Ÿè£…ã‚’è¡Œã„ãŸã„æ™‚ã«ä½¿ãˆã¾

javascript

css

Tips

prototype.js

reference
ãƒªãƒ³ã‚¯
prototype.js v1.5.0 ã®ä½¿ã„æ–¹
ãã‚Œã¯ä½•ï¼Ÿ prototype.js ã¯ Sam Stephenson ã«ã‚ˆã£ã¦æ›¸ã‹ã‚ŒãŸ JavaScript ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ã“ã®ç†Ÿè€ƒã®ä¸Šè¨˜è¿°ã•ã‚ŒãŸæ¨™æº–ã«æº–æ‹ ã—ãŸã‚³ãƒ¼ãƒ‰ã¯ã€Web 2.0 ã«ãŠã„ã¦ç‰¹å¾´ã¨ãªã‚‹ãƒªãƒƒãƒã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’åˆ¶ä½œã™ã‚‹éš›ã®é‡è·ã‚’ã€ã‚ãªãŸã®è‚©ã‹ã‚‰å–ã‚ŠåŽ»ã£ã¦ãã‚Œã‚‹ã§ã—ã‚‡ã†ã€‚ ã‚‚ã—ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ãŸã“ã¨ãŒã‚ã‚‹ãªã‚‰ã€å……å®Ÿã—ãŸãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®å£²ã‚Šã§ã¯ãªã„ã“ã¨ã«æ°—ãŒã¤ã„ãŸã¯ãšã§ã™ã€‚ ç§ã¯ä»–ã®é–‹ç™ºè€…ã¨åŒæ§˜ã«ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã¿ã€è©¦è¡ŒéŒ¯èª¤ã—ãªãŒã‚‰ prototype.js ã‚’ç†è§£ã—ã¾ã—ãŸã€‚ è‡ªåˆ†ãŒå¦ã‚“ã§ã„ã‚‹é–“ã«ãƒ¡ãƒ¢ã‚’å–ã‚Šã€ãã‚Œã‚’ä»–ã®äººãŸã¡ã¨å…±æœ‰ã™ã‚‹ã“ã¨ã¯ä¾¡å€¤ãŒã‚ã‚‹ã®ã§ã¯ã€ã¨è€ƒãˆãŸã®ã§ã™ã€‚ åŠ ãˆã¦ã€ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã¦ã„ã‚‹ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã€ã‚¯ãƒ©ã‚¹ã€é–¢æ•°ã€æ‹¡å¼µæ©Ÿèƒ½ã«ã¤ã„ã¦ã® éžå…¬å¼ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ã‚‚æä¾›ã—ã¦ã„ã¾ã™ã€‚ ã“ã“ã§æä¾›ã™ã‚‹ä¾‹ã¨ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
mrnoon 2006/04/04
prototype.js

Ajax

javascript
ãƒªãƒ³ã‚¯
ä»˜éŒ² prototype.jsï¼šãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ä½¿ã£ã¦ã¿ã‚ˆã†
ã“ã“ã§ã¯prototype.jsã‚’åˆ©ç”¨ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ã¾ãšã€ä»¥ä¸‹ã®ã‚µã‚¤ãƒˆã‹ã‚‰prototype.jsã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã—ã‚‡ã†ï¼ˆã“ã®æ–‡ç« ã‚’åŸ·ç†ã—ã¦ã„ã‚‹æ™‚ç‚¹ã§ã¯ã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯1.4.0ã§ã™ã€‚ç‰¹ã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³è¡¨è¨˜ãŒãªã„å ´åˆã¯ã€ã“ã®1.4.0ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹ã‚‚ã®ã¨ã—ã¾ã™ï¼‰ã€‚ prototype.js ãã‚Œã§ã¯ã€æ—©é€ŸéžåŒæœŸé€šä¿¡ã‚’è¡Œã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚prototype.jsã‚’ä½¿ã†ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ã¦èªã¿è¾¼ã¾ã›ã¾ã™ã€‚
mrnoon 2006/04/04
Ajax

prototype.js
ãƒªãƒ³ã‚¯
Using prototype.js v1.3.1
What is that? In case you haven't already used it, prototype.js is a JavaScript library initially written by Sam Stephenson. This amazingly well thought and well written piece of standards-compliant code takes a lot of the burden associated with creating rich, highly interactive web pages that characterize the Web 2.0 off your back. When I first started trying to use this library, a few years ago,
mrnoon 2006/03/15
prototype.js

Ajax

javascript
ãƒªãƒ³ã‚¯
[æˆ¯] 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
mrnoon 2006/03/15
prototype.js

popUp
ãƒªãƒ³ã‚¯
ã“ã©ã‚‚(ã¦ã‚Œã³) prototype.js ã£ã¦ãªã«ï¼Ÿã®å·»
è¿½è¨˜ 2005-08-23 Using prototype.js v1.5.0 ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ãŒã‚ã£ãŸã¿ãŸã„ã€‚ã“ã‚Œã‚’èªã‚“ã æ–¹ãŒã¯ã‚‹ã‹ã«æœ‰ç›Šã§ã™ã€‚ã‚ãƒ¼æ›¸ãã‚“ã˜ã‚ƒãªã‹ã£ãŸã€‚ ã¯ã¦ãªã®äººæ°—è€… id:naoya ãŒã€Œprototype.js ã§ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã€ã¨ã„ã†ã®ã‚’ã‚„ã£ã¦ã‚‹ã‚“ã ã‘ã©ã€prototype.js ã®èª¬æ˜Žã‚’ã—ã¦ãã‚Œãªãã¦å›°ã‚‹ã€‚å‰ã‹ã‚‰ã€ŒRails ã® prototype.js ã¯ä¾¿åˆ©ã ã€ã¨ã„ã†ã®ã‚’ç›®ã«ã™ã‚‹ã“ã¨ãŒã‚ã£ãŸã®ã§ã€ã¡ã‚‡ã†ã©ã„ã„æ©Ÿä¼šã ã£ã¦ã“ã¨ã§èª¿ã¹ãŸã€‚ http://prototype.conio.net/ ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒå…¨ç„¶ãªã„ã€‚ãªã„ã“ãŸãªã„ã¨æ€ã†ã®ã§ã”å˜çŸ¥ã®æ–¹ã¯æ•™ãˆã¦ãã ã•ã„ã€‚ã—ã‚‡ã†ãŒãªã„ã®ã§ã‚³ãƒ¼ãƒ‰ã‚’èªã‚€ã“ã¨ã«ã€‚ http://dev.conio.net/repos/prototype/src/ ã“ã“ã®ã‚’é †æ¬¡èªã¿ã¾ã™ã€‚ base.js http://dev.conio.net
mrnoon 2006/03/15
Ajax

javascript

prototype.js
ãƒªãƒ³ã‚¯
ä½•æ•…ã€prototype.jsã‚’ä½¿ã†ã®ã‹ï¼Ÿ - llameradaã®æ—¥è¨˜
http://d.hatena.ne.jp/brazil/20050909/1126254775ãŒåˆ—æŒ™ã—ã¦ã„ã‚‹ã‚ˆã†ã«ã€æ§˜ã€…ãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒå…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã€‚ãã®ä¸ã®ã„ãã¤ã‹ã‚’å®Ÿéš›ã«è§¦ã£ã¦ã¿ãŸãŒã€prototype.jsãŒä¸€ç•ªã—ã£ãã‚ŠããŸã€‚ä½•æ•…ã ã‚ã†ï¼Ÿ 1ã¤ã®ç†ç”±ã¯ã€prototype.jsã¯å®‰å¿ƒã—ã¦åˆ©ç”¨ã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã‹ã‚‰ã ã‚ã†ã€‚ç§ã®å®‰å¿ƒæ„Ÿã¯ã€prototype.jsã®åˆ©ç”¨æ³•ã®å¦ç¿’ãŒç„¡é§„ã«ãªã‚‰ãªã„ã ã‚ã†ã¨ã„ã†æ„Ÿè¦šã‹ã‚‰ç”Ÿã¾ã‚Œã‚‹ã€‚prototype.jsã¯ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ã†ã‚ˆã‚Šã¯ã€ä¾¿åˆ©ã‚¯ãƒ©ã‚¹ã€ä¾¿åˆ©ãƒ¡ã‚½ãƒƒãƒ‰ã®é›†ç©ã§ã‚ã‚‹ã€‚ãã®ãŸã‚ã€prototype.jså…¨ä½“ã‚’å¦ã°ãªãã¦ã‚‚ã€è‡ªåˆ†ã«å¿…è¦ãªæ©Ÿèƒ½ã ã‘ã‚’ç°¡å˜ã«åˆ©ç”¨ã§ãã‚‹ã€‚ã¾ãŸã€è‡ªåˆ†ã§åŒã˜æ©Ÿèƒ½ã‚’å†å®Ÿè£…ã™ã‚‹ã®ã‚‚æ¯”è¼ƒçš„å®¹æ˜“ã§ã‚ã‚‹ã€‚ã™ãªã‚ã¡ã€ä»®ã«prototype.jsãŒåˆ©ç”¨ä¸å¯èƒ½ã¨ãªã£ã¦ã‚‚ã€å›žé¿ç–ã¯ã„ãã‚‰ã§ã‚‚ã‚ã‚‹ã€‚ ãã‚Œã«å¯¾ã—ã¦ã€ä¾‹ãˆã°ã€
mrnoon 2006/03/15
prototype.js
ãƒªãƒ³ã‚¯
1