[B! jquery] kyouzontã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kyouzont id:kyouzont

jqueryã«é–¢ã™ã‚‹kyouzontã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (55)

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

jQueryã®Deferredã¨Promiseã§å¿œç”æ€§ã®è‰¯ã„ã‚¢ãƒ—ãƒªã‚’ãƒ¼å®Ÿè·µç·¨ | ã‚†ã£ãã‚Šã¨â€¦
å‰å›ž ã¯ã€ã€ŒCreating Responsive Applications Using jQuery Deferred and Promisesã€ ã®è¨˜äº‹ã¨ jQuery ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ç¿»è¨³ã—ã€Deferred ã®è§£èª¬ã‚’ãŠå±Šã‘ã—ã¾ã—ãŸã€‚ãŒã€ä»Šä¸€æ©ã€Deferred ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã® ã†ã‚Œã—ã• ã‚’ãŠä¼ãˆã§ãã¦ã„ãªã‹ã£ãŸã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ä»Šå›žã¯ãã®åçœã‚’ãµã¾ãˆã€å˜ãªã‚‹ç¿»è¨³ã§ã¯ãªãã€å…ƒè¨˜äº‹ã®æ–‡è„ˆã«æ²¿ã£ã¦ã€Deferred ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ã©ã®ã‚ˆã†ã«ä½¿ã†ã¨ï¼ä½•ãŒã†ã‚Œã—ãã¦ï¼ã©ã†ã—ã‚ã‚ã›ã«ãªã‚‹ã®ã‹ã€ç§ãŒå¦ç¿’ã—ã¦å¾—ãŸäº‹ã‚’ãŠä¼ãˆã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€4æœ¬ã® jsfiddle ã‚’è¨˜äº‹ã«åŸ‹ã‚è¾¼ã‚“ã§ã„ã¾ã™ã€‚jsfiddle ä¸Šã§è‡ªç”±ã«ç·¨é›†ã—ã¦ãƒ†ã‚¹ãƒˆã—ã¦ã‚‚ã‚‰ãˆã°ã†ã‚Œã—ã„ã®ã§ã™ãŒã€4æœ¬ã™ã¹ã¦å®Ÿè¡Œã™ã‚‹ã¨1.4MBã‚‚ã®ãƒªã‚½ãƒ¼ã‚¹ã‚’èªã¿è¾¼ã‚€äº‹ã«ãªã‚Šã€ãƒ–ãƒ©ã‚¦ã‚¶ã«å„ªã—ãã‚ã‚Šã¾ã›ã‚“ã€‚ã™ãã« ã‚¿ãƒ–ã‚„ ã‚’ã‚¯ãƒªãƒƒã‚¯ã›ãšã«ã€ ã‚¿ãƒ–
kyouzont 2012/02/22
javascript

jquery

deferred
ãƒªãƒ³ã‚¯
Live Demo - jQuery EasyUI
EasyUI is a complete framework for HTML5 web page. It provides easy to use components for building modern, interactive, javascript applications that work on pc and mobile devices.
kyouzont 2011/07/19
jquery

javascript

EasyUI

library

demo
ãƒªãƒ³ã‚¯
jQuery UIã‚µãƒ³ãƒ—ãƒ«é›†ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ | Ajaxã®è¦šãˆæ›¸ãï¼ ã˜ã‚…ãˆ
jQuery UIã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’åˆ©ç”¨ã—ãŸã‚µãƒ³ãƒ—ãƒ«é›†ã§ã™ã€‚Ajaxã®è¦šãˆæ›¸ãï¼ ã˜ã‚…ãˆ Ajaxã‚’ä½¿ã£ã¦ä¸€å‘³é•ã£ãŸãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã£ã¦ã¿ã¾ã›ã‚“ã‹ï¼Ÿ ã“ã®ã‚µã‚¤ãƒˆã§ã¯ã€Yahoo! User Interface Libraryã€Ext JSã€Dojo Toolkitãªã©ã® Ajaxãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ãŸAjaxã®ã‚µãƒ³ãƒ—ãƒ«é›†ã‚’æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚
kyouzont 2011/07/07
jquery

jqueryUI

samples
ãƒªãƒ³ã‚¯
jQueryUI1.8.5ã®droppableã§ã®dragè¦ç´ ã®idå–å¾— - ãƒ‰ãƒ©ãƒƒã‚°è¦ç´ ã®idã‚’å–å¾—ã—ã‚ˆã†ã¨æ€ã„ã€ä»¥ä¸‹... - Yahoo!çŸ¥æµè¢‹
jQuery UI 1.8.5ã®droppableã§ã®dragè¦ç´ ã®idå–å¾— ãƒ‰ãƒ©ãƒƒã‚°è¦ç´ ã®idã‚’å–å¾—ã—ã‚ˆã†ã¨æ€ã„ã€ä»¥ä¸‹ã®ã‚ˆã†ã«æ›¸ãã¾ã—ãŸãŒã€ ã‚¢ãƒ©ãƒ¼ãƒˆã§å‡ºåŠ›ã•ã‚ŒãŸçµæžœã¯"drop1"ã€ã¤ã¾ã‚Šãƒ‰ãƒãƒƒãƒ—å´ã®idã§ã—ãŸã€‚ drag1,drag2â€¦ã‚’å–å¾—ã™ã‚‹ã«ã¯ã©ã†ã™ã‚Œã°ã‚ˆã„ã§ã—ã‚‡ã†ã‹ã€‚ --html-- <div class="drags"> <div id="drag1">ï¼ˆç”»åƒï¼‰</div> <div id="drag2">ï¼ˆç”»åƒï¼‰</div> . . </div> <div id="drop1">ï¼ˆç”»åƒï¼‰</div> --javascript-- $(function($){ $(".drags").draggable(); $("#drop1").droppable({ accept : ".drags", drop : function(ev,ui){ var data = ev.t
kyouzont 2011/07/06
javascript

jqueryUI

jquery
ãƒªãƒ³ã‚¯
jQuery UI API 1.8.4 æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ - StackTrace
jQuery UI API 1.8.6 ã®æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã¿ã€jQuery UI(å…¬å¼ã‚µã‚¤ãƒˆ)ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’å‚è€ƒã«è§£èª¬ã—ã¾ã—ãŸã€‚ ã¾ãŸã€å…¨ã¦ã®è§£èª¬ã«ã€å®Ÿéš›ã«å®Ÿè¡Œã§ãã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ä»˜ã‘ã¾ã—ãŸã€‚ jQuery UIã¨ã¯ jQuery UIã¨ã¯ã€jQueryãƒ©ã‚¤ãƒ–ãƒ©ãƒªä¸Šã«æ§‹ç¯‰ã•ã‚ŒãŸå¼·åŠ›ãªãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ jQuery UIã®æ§‹æˆ jQuery UI 1.8.6 ã¯ã€å¤§ããåˆ†ã‘ã¦ã€Œã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã€ã€Œã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã€ã€Œãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ã€ã€Œãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«åŠ¹æžœã€3ã¤ã®ã‚«ãƒ†ã‚´ãƒªã«åˆ†ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãã‚Œãžã‚Œã€æ¬¡ã®æ©Ÿèƒ½ãŒæä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ å¯¾è©±åž‹ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒª ãƒ©ã‚¤ãƒ–ãƒ©ãƒªèª¬æ˜Žå¯¾å¿œãƒ•ã‚¡ã‚¤ãƒ«
kyouzont 2011/07/05
jquery

jqueryUI

JavaScript

reference
ãƒªãƒ³ã‚¯
jQuery UIã§å®Ÿç¾ï¼ Ajaxã§è¤‡æ•°é¸æŠžãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—
jQueryã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€jQuery UIã€WebçµŒç”±ã®CDNã¨ã¯ CSSã®æ›¸ãæ–¹ã‚‚åˆ†ã‹ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³å®Ÿè·µæ´»ç”¨æ³•ï¼ˆ1ï¼‰ åŸºæœ¬ï¼ãŠã•ã‚‰ã„ã¨ã—ã¦ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„jQuery UIã«ã¤ã„ã¦ç°¡å˜ã«è§¦ã‚Œã€WebçµŒç”±ã§jQueryã‚’ä½¿ã†CDNã«ã¤ã„ã¦è§£èª¬ ãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒƒã‚¯ ï¼œ ãƒªãƒƒãƒã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆ 2009/12/8 ä»Šå›žã¯ã€ŒjQuery UIã€ã®ã‚ˆã‚Šé€²ã‚“ã æ´»ç”¨ä¾‹ â– jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery UIã€ã¨ã¯ï¼Ÿ ä»Šå›žç´¹ä»‹ã™ã‚‹jQuery UIã¯ã€JavaScriptï¼ˆAjaxï¼‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯jQueryã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒjQueryç”¨ã«é–‹ç™ºã—ã¦ã„ã‚‹ã€ä»¥ä¸‹ã®æ©Ÿèƒ½ã‚’æä¾›ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ãªã©ã®ãƒžã‚¦ã‚¹æ“ä½œã®æ©Ÿèƒ½æ‹¡å¼µ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’æ”¹å–„ã™ã‚‹ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆï¼ˆã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã€æ—¥ä»˜å…¥åŠ›ã€ãƒ€ã‚¤ã‚¢ãƒã‚°ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ã‚¿ãƒ–ãªã©ï¼‰ ä»Šå›žã¯ã€jQuery UIã®ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—æ©Ÿèƒ½
kyouzont 2011/07/04
ui

javascript

jquery

tips
ãƒªãƒ³ã‚¯
jQueryãƒ¡ãƒ¢ï¼šã‚¯ãƒªãƒƒã‚¯ã—ãŸã®ã¯ä½•ç•ªç›®ã®è¦ç´ ï¼Ÿ
ã‚¯ãƒªãƒƒã‚¯ã—ãŸè¦ç´ ã€ä¾‹ãˆã°ãƒªã‚¹ãƒˆãªã‚“ã‹ã§ã€ãã®ã‚¯ãƒªãƒƒã‚¯ã—ãŸè¦ç´ ãŒãƒªã‚¹ãƒˆä¸ã®ä½•ç•ªç›®ãªã®ã‹ã¨ã„ã†ã®ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã€ä»¥å‰ã¯æ™®é€šã«ä½¿ã£ã¦ã„ãŸã‚ˆã†ãªæ°—ãŒã™ã‚‹ã®ã§ã™ãŒã€ã“ã“æœ€è¿‘æ€ã„å‡ºã›ãªã„ã€‚æ¤œç´¢ã—ã¦ã‚‚ãªã‹ãªã‹ã§ã¦ã“ãªã‹ã£ãŸã‚Šã—ã¦æ‚©ã‚“ã ã®ã§ã™ãŒã€æ™®é€šã«ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã«æ›¸ã„ã¦ã‚ã‚‹ã˜ã‚ƒãƒ¼ã‚“ã£ã¦ã®ã«é…ã„ã§ã™ãŒæ°—ã¥ã„ãŸã®ã§ãƒ¡ãƒ¢ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€‚ ä½•ç•ªç›®ã®è¦ç´ ã‹ ä½•ç•ªç›®ã®è¦ç´ ãªã®ã‹ã‚’èª¿ã¹ã‚‹ã«ã¯ã€jQueryã®index()ã‚’ä½¿ã†ã€‚ â– ã‚µãƒ³ãƒ—ãƒ«HTML <div id="test0"> <ul> <li>ãƒªã‚¹ãƒˆï¼‘</li> <li>ãƒªã‚¹ãƒˆï¼’</li> <li>ãƒªã‚¹ãƒˆï¼“</li> <li>ãƒªã‚¹ãƒˆï¼”</li> <li>ãƒªã‚¹ãƒˆï¼•</li> <li>ãƒªã‚¹ãƒˆï¼–</li> </ul> <p>ã‚¯ãƒªãƒƒã‚¯ã—ãŸè¦ç´ ã¯<span>ï¼Ÿ</span>ç•ªç›®ã§ã™</p> </div> ãƒªã‚¹ãƒˆã‚’ã‚¯ãƒªãƒƒã‚¯ã—ãŸéš›ã«ã€Œï¼Ÿã€ã®éƒ¨åˆ†ãŒå¤‰ã‚ã‚‹ã€‚ã‚¯ãƒªãƒƒã‚¯ã—ãŸè¦ç´ ãŒä½•ç•ªç›®
kyouzont 2011/07/01
jQueryã®é–¢æ•°ã€Œindexã€ã®è©±ã€‚ã‚»ãƒ¬ã‚¯ã‚¿ã®æŒ‡å®šæ–¹æ³•ã¯æ…£ã‚Œã‚‹ã¾ã§æ³¨æ„ã€‚

jquery

javascript

tips
ãƒªãƒ³ã‚¯
jQueryã§formã‚’æ´»æ€§/ä¸æ´»æ€§ã«ã™ã‚‹
kyouzont 2011/06/30
javascript

jquery

remind
ãƒªãƒ³ã‚¯
ä»Šã•ã‚‰èžã‘ãªã„jQueryå®Ÿè¡Œãƒ‘ã‚¿ãƒ¼ãƒ³ã¾ã¨ã‚ :: 5509
ãªã‚“ã¨ãªãä½¿ã£ã¦ã„ã‚‹ã ã‚ã†.ready()ãƒ¡ã‚½ãƒƒãƒ‰ã«ã¤ã„ã¦è©³ç´°ã«è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ .ready()ãƒ¡ã‚½ãƒƒãƒ‰ .ready()ãƒ¡ã‚½ãƒƒãƒ‰ã¨ã„ã†å‘¼ã³æ–¹ãŒãƒ‘ãƒƒã¨ã—ãªã„äººã‚‚ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ã“ã†ã„ã†ã®ã§ã™â†“ $(function(){ // .ready()ãŒå‘¼ã³å‡ºã•ã‚ŒãŸã¨ãã«å®Ÿè¡Œã•ã‚Œã‚‹ãƒãƒ³ãƒ‰ãƒ© }); jQueryã‚’å®Ÿè¡Œã™ã‚‹éš›ã®ãŠã¾ã˜ãªã„ã¿ãŸã„ãªã‚‚ã®ã§ã™ãã€‚ã“ã‚Œã®ä¸ã«jQueryã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã„ãã¨ãƒšãƒ¼ã‚¸ãƒãƒ¼ãƒ‰æ™‚ï¼ˆDocumentã®èªã¿è¾¼ã¿ãŒå®Œäº†æ™‚ï¼‰ã«å®Ÿè¡Œã—ã¦ãã‚Œã¾ã™ã€‚ ä½•æ°—ãªãä½¿ã£ã¦ã‚‹äººã‚‚å¤šã„ã¨æ€ã„ã¾ã™ãŒã€å®Ÿéš›ã®ã¨ã“ã‚ã“ã‚Œã¯ä½•ï¼Ÿã¨ã„ã†ã“ã¨ã§ã€å°‘ã—æŽ˜ã‚Šä¸‹ã’ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ .ready()ã‚’ä½¿ã†éš›ã®å½¢å¼ jQuery APIã«ã‚ˆã‚Œã°ã€ä»¥ä¸‹ã®3ã¤ãŒ.ready()ã¨ã—ã¦åŒã˜ã‚ˆã†ã«ä½¿ãˆã‚‹ã‚ˆã†ã§ã™ã€‚ $(document).ready(handler) $().ready(handler) (æŽ¨å¥¨ã•ã‚Œã¦ã„ãª
kyouzont 2011/06/22
jquery

javascript

reference
ãƒªãƒ³ã‚¯
(function($) {})(jQuery);ã£ã¦ä½•ï¼Ÿã£ã¦æ€ã£ãŸã‹ã‚‰ã„ã‚ã„ã‚è©¦ã—ã¦ã¿ãŸè¨˜éŒ² - ãŠå‹‰å¼·orzæ—¥å’Œ
ã©ã†ã§ã‚‚ã„ã„è©±ãªã®ã§ã™ãŒã€inputã‚¿ã‚°ã®autocompleteå±žæ€§ã«ã¤ã„ã¦å…ˆæ—¥ã¯ã˜ã‚ã¦ã¡ã‚ƒã‚“ã¨çŸ¥ã£ãŸæ°—ãŒã—ã¾ã—ãŸï¼ˆä»Šæ›´ ãã‚Œã¨æ—¥è¨˜è¦‹è¿”ã™ã¨ã€æ˜”ã®æ–¹ãŒé›‘è¨˜çš„ã ãªãã¨æ€ã£ãŸã€‚ã€‚ ã†ãƒ¼ã‚“ã€ãã†è€ƒãˆã‚‹ã¨ãƒãƒ¼ã‚«ãƒ«ã®ã‚‚ã£ãŸã„ãªã„ãƒ¡ãƒ¢ã¯å¤šãã†ã ã€‚ ä»Šåº¦æ›¸ãå‡ºã›ãŸã‚‰ã„ã„ãªãã€‚ã€‚ ã§æœ¬é¡Œã§ã™ãŒã€å…ˆæ—¥jQueryã‚’ä½¿ã£ã¦ã„ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã‚³ãƒ¼ãƒ‰ã‚’è¦‹ã¦ã¦ã€Œ(function($) {})(jQuery);ã€ã£ã¦ã©ã†ã„ã†æ„å‘³ï¼Ÿã¦æ€ã£ãŸã®ã§ã€èª¿ã¹ãŸã‚Šã¨ã‹ã—ã¦ã¾ã—ãŸã€‚ è¬Žã£ã¦æ€ã£ãŸã®ã¯ãŠãŠã¾ã‹ã«ï¼“ã¤ã€‚ ä½•æ•…å…¨ä½“ã‚’æ‹¬å¼§ã§å›²ã‚€å¿…è¦ãŒã‚ã‚‹ã®ã‹ã€‚ function($)ã®ã€Œ$ã€ã£ã¦ä½•ï¼Ÿ ï¼’å€‹ç›®ã®æ‹¬å¼§ã®ä¸ã®ã€ŒjQueryã€ã£ã¦ä½•ï¼Ÿ ã“ã‚Œã€ã»ã¼ã€Œ(function($) {})(jQuery);ã€ã®å…¨ã¦ãŒè¬Žã£ã¦ã„ã£ã¦ã‚‹ã‚ˆã†ãªã‚‚ã®ã§ã™ãw http://q.hatena.ne.jp/1226297257 ä¸Šè¨˜ã®URLå…ˆã‚’å‚è€ƒã«ãª
kyouzont 2011/06/20
jquery

javascript

Read It Later

reference
ãƒªãƒ³ã‚¯
jQueryã§ulãƒªã‚¹ãƒˆã‚’ç°¡å˜ã«ç”Ÿæˆã™ã‚‹é–¢æ•°ã‚’æ›¸ã„ã¦ã¿ãŸ
åˆ¥ã«ulã˜ã‚ƒãªãã¦olã§ã‚‚ã„ã„ã‚“ã§ã™ãŒã€ã€Œã‚‚ã£ã¨ç°¡å˜ã«ãƒªã‚¹ãƒˆã‚’ç”Ÿæˆã—ãŸã„ã€ã¨ã‹æ€ã£ã¦ã—ã¾ã£ãŸã‚“ã§ã€æ›¸ã„ã¦ã¿ãŸã€‚ ã¾ãšæœ€åˆã«æ›¸ã„ãŸã®ãŒã“ã‚Œã€‚ Code$.toList1 = function(arr, callback){ return '<ul><li>' + $.map(arr, function(x, i){ return callback.call(this, x, i); }).join('</li><li>') + '</li></ul>'; } å®Ÿéš›ã®ãƒªã‚¹ãƒˆã®å†…å®¹ã¯å¼•æ•°ã¨ã—ã¦æ¸¡ã•ã‚Œã‚‹callback Functionã§è¡Œã†æ§‹é€ ãªã®ã§çµæ§‹å¿œç”¨ãŒåˆ©ãã¯ãšã€‚ å†…éƒ¨å‡¦ç†ã¯å¤‰æ•°ã®å®£è¨€ã‚’å¿…è¦ã¨ã—ãªã„ã€Œã„ã‹ã«ã‚‚jQueryçš„ã€ãªæ„Ÿã˜ãªã®ã ãŒã€ã‚„ã£ã±ã‚ŠjQueryã«é ¼ã‚Šã™ãŽã‚‹ã¨å‡¦ç†é€Ÿåº¦ãŒä¸å®‰ã«ãªã‚‹ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ã‚‚ã†ä¸€ã¤ã€mapã‚’ä½¿ã‚ãªã„ã®ã‚‚æ›¸ã„ã¦ã¿ãŸã€‚ $.toList2 = functi
kyouzont 2011/06/20
è¨˜äº‹ä¸ã«ã‚ã‚‹toList1ã®ãƒ‡ãƒ¢ã€€ï¼šã€€$( function() { var ary = ["A","B","C","D","E","F","G","H","I","J"]; var cbfunk = function(n, i){ return '<span>'+ n + i +'</span>'; } $('#foobar').append( $.toList1(ary, cbfunk) ); });

javascript

jquery
ãƒªãƒ³ã‚¯
Highcharts Demos and Examples | Highcharts
kyouzont 2011/06/20
ã‚°ãƒ©ãƒ•ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã¯ã€€http://www.highcharts.com/ref/ã€€ã‚’å‚ç…§ã€‚ãƒ‡ãƒ¢ã€ŒArea with missing pointsã€ã‚’ä½¿ã„ãŸã„

graph drawer

javascript

jquery
ãƒªãƒ³ã‚¯
jQueryã®Slidingã‚¨ãƒ•ã‚§ã‚¯ãƒˆ3 [Javascript] All About
kyouzont 2011/06/20
æ³¨æ„ï¼štableè¦ç´ ã«å¯¾ã—ã¦slideToggleã‚’é©ç”¨ã—ã¦ã‚‚ã‚¹ãƒ©ã‚¤ãƒ‰ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒç™ºç”Ÿã—ãªã„ãŸã‚divãªã©ã§å›²ã‚€ã“ã¨ã€‚ã¾ãŸã€è¦ç´ ã«style="display: none"ãŒè¨å®šã•ã‚Œã¦ã„ã‚‹ã¨ã‚„ã¯ã‚Šã†ã¾ãå‹•ä½œã—ãªã„ã€‚ãªã®ã§ã€http://p.tl/Ki9Mã®æ–¹æ³•ã§å®Ÿç¾ã™ã‚‹ã€‚

javascript

jquery
ãƒªãƒ³ã‚¯
ASCII.jpï¼šWebåˆ¶ä½œã®ç¾å ´ã§ä½¿ãˆã‚‹jQueryã€€UIãƒ‡ã‚¶ã‚¤ãƒ³å…¥é–€
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ï¼ˆXï¼‰HTMLï¼CSSã‚³ãƒ¼ãƒ€ãƒ¼ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒæ‰±ã„ã‚„ã™ã„JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã€ŒjQueryã€ã‚’åŸºç¤Žã‹ã‚‰è§£èª¬ã€‚ãƒ—ãƒã‚°ãƒ©ãƒ ã®åŸºæœ¬çš„ãªæ›¸ãæ–¹ã‹ã‚‰ã€å®Ÿå‹™ã§ä½¿ãˆã‚‹ã‚µãƒ³ãƒ—ãƒ«ã¾ã§ã€‚jQueryã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ã¦ä»•äº‹ã®å¹…ã‚’ãã£ã¨åºƒã’ã‚ˆã†ã€‚<cj:inc template="792" element_id="499288" />
kyouzont 2011/06/19
ã€€æœ‰åæ›¸ç±ã®å…ƒã¨ãªã£ãŸWebè¨˜äº‹

jquery

JavaScript

textbook
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
kyouzont 2011/06/19
ã€€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚«ã‚¹ã‚¿ãƒ ã—ã¦Downloadã‚’æŠ¼ã™ã€‚ã‚ã¨ã¯ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é©ç”¨ã™ã‚‹ã ã‘ã€‚æ¥½ã€‚æ³¨æ„ç‚¹ã¨ã—ã¦ã¯ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒšãƒ¼ã‚¸ã®ã€ŒComponentsã€ã«ãƒã‚§ãƒƒã‚¯ã‚’å…¥ã‚Œã¦ã„ãªã„ã‚‚ã®ã«å¯¾ã—ã¦ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ãŒé©ç”¨ã•ã‚Œãªã„ã“ã¨ã€‚

jquery

javascript

css
ãƒªãƒ³ã‚¯
Infinity Dimensions Now Rebooting.
Infinity Dimensions Now Rebooting.
kyouzont 2011/06/19
jqueryUI

jquery

javascript
ãƒªãƒ³ã‚¯
jQuery UI ã‚¿ãƒ–
kyouzont 2011/06/18
ã€€ï¼’ãƒšãƒ¼ã‚¸ç›®ä»¥é™ã®ã‚¿ãƒ–ï¼‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆé›†ãŒå¬‰ã—ã„

jquery

javascript

jqueryUI
ãƒªãƒ³ã‚¯
jQueryã§ã®é…åˆ—ã¨é€£æƒ³é…åˆ—ã®æ‰±ã„ã§ãƒãƒžã£ãŸ - jomalog
ã¾ãšçµè«–ã‹ã‚‰ã€é…åˆ—ã¨é€£æƒ³é…åˆ—ã¯åˆ†ã‘ã‚‹ã¹ãã¨ã„ã†ã“ã¨ãŒã‚ã‹ã‚Šã¾ã—ãŸã€‚æ‚”ã—ãã¦å†—é•·ã«æ›¸ãã¾ã—ãŸãŒã€ãã‚Œã ã‘ã§ã™orz jQueryã«ã¯ã€$.each ã¨ã„ã†é…åˆ—ã‚’èµ°æŸ»ã™ã‚‹foreachçš„ãªé–¢æ•°ãŒã‚ã‚Šã¾ã™ã€‚ä»–ã®è¨€èªžã§ã‚‚ã‚ã‚‹ã‚ˆã†ã«é…åˆ—ã¨é€£æƒ³é…åˆ—ã‚’è€ƒãˆãªãã¦ã‚‚ã„ã„ã¨æ€ã„ã“ã‚“ã§ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ã¦ã„ã¾ã—ãŸã€‚ var array = []; // ã“ã“ã§é…åˆ—ã‚’ä»£å…¥ array["hoge"] = "fuga"; $.each( array, function(i){ alert(i); } // -> ä½•ã‚‚è¡¨ç¤ºã•ã‚Œã¾ã›ã‚“ array["hoge"]ã‚’èµ°æŸ»ã—ã¦ãã‚Œã‚‹ã“ã¨ã‚’æœŸå¾…ã—ã¦ã„ãŸã®ã§ã™ãŒã€åå¿œãªã—ã€‚jQueryã®ã‚½ãƒ¼ã‚¹ã‚’è¦‹ã¦ã¿ã‚‹ã¨ã€jQueryã¯ã€lengthãƒ—ãƒãƒ‘ãƒ†ã‚£ã®æœ‰ç„¡ã§é…åˆ—ã¨é€£æƒ³é…åˆ—ã‚’åŒºåˆ¥ã—ã¦ã„ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã™ã€‚ // $.eachã®ã‚½ãƒ¼ã‚¹éƒ¨åˆ†ã‹ã‚‰å¼•ç”¨ if ( object.length =
kyouzont 2011/06/18
javascript

jquery

tips
ãƒªãƒ³ã‚¯
ç„¡è·ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€€jQueryã§DOMè¦ç´ ã‚’ä½œæˆã—ã€DOMãƒ„ãƒªãƒ¼ã‚’æ§‹ç¯‰ã™ã‚‹æ–¹æ³•
ã€ŒjQuery DOM ãƒ„ãƒªãƒ¼ æ§‹ç¯‰ or ç”Ÿæˆã€ãªã©ã§æ¤œç´¢ã—ã¦ã‚‚ã€jQueryã§DOMè¦ç´ ã‚’ä½œæˆï¼ç”Ÿæˆã—ã€DOMãƒ„ãƒªãƒ¼ã‚’ï¼‘ã‹ã‚‰ä½œã‚‹æ–¹æ³•ãŒå‡ºã¦ã“ãªã‹ã£ãŸã®ã§ã€ã›ã£ã‹ãã ã‹ã‚‰åŸºç¤Žã®åŸºç¤Žã‚’ã¾ã¨ã‚ã¦ã¿ã‚‹ã€‚ 1)jQueryã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œã‚‹ jQueryã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¨ã¯ã€jQueryã®é–¢æ•°(ãƒ¡ã‚½ãƒƒãƒ‰)ãŒä½¿ç”¨ã§ãã‚‹DOMè¦ç´ (ã¾ãŸã¯ãã®é…åˆ—)ã®ã“ã¨ã€‚DOMãƒ„ãƒªãƒ¼ã«å«ã¾ã‚Œã¦ãªã„è¦ç´ ã‚‚å«ã‚€ã€‚ jQueryã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¯ã€ã‚»ãƒ¬ã‚¯ã‚¿ã§æŠ½å‡ºã—ã¦å–å¾—ã™ã‚‹ã“ã¨ãŒå¤šã„ãŒã€ï¼‘ã‹ã‚‰ä½œã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã€‚ jQueryã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ä½œæˆã«ã¯ã€$()é–¢æ•°ã‚’ä½¿ç”¨ã™ã‚‹ã€‚ ï¼œä¾‹ï¼ž // <div></div>ã¨ã„ã†è¦ç´ ã®jQueryã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œæˆã—ã€$jqObjã«æ ¼ç´ã™ã‚‹ var $jqObj = $("<div/>"); å¤‰æ•°åã®å…ˆé ã« $ ã‚’ã¤ã‘ã‚‹å¿…è¦ã¯ç„¡ã„ãŒã€ã€ŒjQueryã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒæ ¼ç´ã•ã‚Œã¦ã„ã‚‹å¤‰æ•°ã§ã‚ã‚‹ã“ã¨ã€ã‚’æ˜Ž
kyouzont 2011/06/18
jquery

DOM

javascript
ãƒªãƒ³ã‚¯
Get URL parameters & values with jQuery
jQuery Howto Short and "to the point" jQuery & JavaScript related posts for your daily pleasure. In this post, I would like to share a little jQuery code snippet that makes getting URL parameters and their values more convenient. Recently, while working on one of my projects, I needed to read and get parameter values from URL string of the current page that was constructed and sent by PHP script.
kyouzont 2011/06/17
ã€€æœ¬ã‚µã‚¤ãƒˆã¯æ—¥æœ¬èªžã‚µã‚¤ãƒˆã§ã‚‚ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹

javascript

jquery

HTTP
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸