[B! jQuery] shigiryouã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

shigiryou id:shigiryou

jQueryã«é–¢ã™ã‚‹shigiryouã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (44)

${{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 Bootgrid - jQueryã§Bootstrapã®ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ãƒ‘ãƒ¯ãƒ¼ã‚¢ãƒƒãƒ—
MOONGIFTã¯ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’ç´¹ä»‹ã™ã‚‹ãƒ–ãƒã‚°ã§ã™ã€‚2021å¹´07æœˆ16æ—¥ã§æ›´æ–°åœæ¢ã—ã¾ã—ãŸ ãƒ†ãƒ¼ãƒ–ãƒ«ï¼ˆã‚°ãƒªãƒƒãƒ‰ï¼‰ã¯å¤šãã®ã‚·ã‚¹ãƒ†ãƒ ã®ä¸ã§ä½¿ã‚ã‚Œã¾ã™ã€‚ãã®ãŸã‚ã€åˆ©ç”¨è€…ã‹ã‚‰ã¯å¤šãã®è¦æœ›ãŒå¯„ã›ã‚‰ã‚Œã‚‹ãƒã‚¤ãƒ³ãƒˆã§ã‚‚ã‚ã‚Šã¾ã™ã€‚å ´åˆã«ã‚ˆã£ã¦ã¯Excelã®ã‚ˆã†ãªè¡¨è¨ˆç®—ä¸¦ã®æ©Ÿèƒ½ã‚’æ±‚ã‚ã‚‰ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ ãã‚“ãªæ©Ÿèƒ½ã‚’ä¸€ã¤ä¸€ã¤ä½œã‚Šè¾¼ã‚“ã§ã„ãŸã‚‰å¹¾ã‚‰æ™‚é–“ãŒã‚ã£ã¦ã‚‚è¶³ã‚Šã¾ã›ã‚“ã€‚ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒjQuery Bootgridã§ã™ã€‚ jQuery Bootgridã®ä½¿ã„æ–¹ jQueryã‚’å®Ÿè¡Œã™ã‚‹ã ã‘ã§æ™®é€šã®ãƒ†ãƒ¼ãƒ–ãƒ«ãŒã“ã“ã¾ã§å¤‰åŒ–ã—ã¾ã™ã€‚ æ¤œç´¢ã‚’ä½¿ã£ã¦ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°ã—ãŸã‚Šã€ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆä»¶æ•°ã¯å¤‰æ›´å¯èƒ½ï¼‰ãŒã‚ã‚Šã¾ã™ã€‚ ã‚«ãƒ©ãƒ ã¯è¡¨ç¤ºã€éžè¡¨ç¤ºãŒåˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œã¾ã™ã€‚ ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¡¨ç¤ºã—ã¦åˆ¥ãªæ©Ÿèƒ½ã¨é€£æºã•ã›ãŸã‚Šã€ãƒªãƒ³ã‚¯è¡¨ç¤ºã‚‚è¡Œãˆã¾ã™ã€‚ jQuery Bootgridã¯HTMLã§æ›¸ã‹ã‚ŒãŸãƒ†ãƒ¼
shigiryou 2016/09/11
jQuery

table
ãƒªãƒ³ã‚¯
jQuery Donut Chart Plugins | jQuery Script
shigiryou 2016/05/29
donuts

Chart

jQuery
ãƒªãƒ³ã‚¯
How can I build a double doughnut chart that spins when triggered
shigiryou 2016/05/29
donuts

Chart

jQuery
ãƒªãƒ³ã‚¯
64 Best Free CSS Graph Bar & Pie Chart Example - freshDesignweb
If you're looking for a way to make your data visualizations pop, then you need to check out HTML CSS graph bar and pie charts. These charts are easy to create a pie chart and add a touch of flair to your website or presentation. Free CSS Graph Bar Pie ChartHTML Graphs with Horizontal Bar ChartThis was the attempt of my hack day to try to make a meaningful graphical representation using only HTML
shigiryou 2016/05/29
donuts

Chart

jQuery

CSS
ãƒªãƒ³ã‚¯
10 Libraries to create circular charts | Learning jQuery
shigiryou 2016/05/29
donuts

Chart

jQuery

CSS
ãƒªãƒ³ã‚¯
ç°¡å˜å°Žå…¥ ã‚«ãƒ©ãƒ•ãƒ«ãªãƒ‰ãƒ¼ãƒŠãƒ„ã‚°ãƒ©ãƒ• [jsdo.it] | 9ineBB
ã“ã®å‰ã¯å††ã‚°ãƒ©ãƒ•ã‚’ç´¹ä»‹ã—ã¾ã—ãŸãŒ ä»Šå›žã¯ã€ãƒ‰ãƒ¼ãƒŠãƒ„åž‹ã®å††ã‚°ãƒ©ãƒ•ã§ã™ å‰å›žã®ã‚°ãƒ©ãƒ•ã¨æ¯”ã¹ã¦ã©ã¡ã‚‰ã®ã»ã†ãŒå¥½ãã‹ã¨ã„ã†ã¨ã“ã£ã¡ã®ã»ã†ãŒå¥½ãã‹ãªï¼Ÿ å®Ÿéš›ã®å‹•ä½œ ä½¿ã„æ–¹ ä¸€ç•ªç°¡å˜ãªä½¿ã„æ–¹ã¨ã—ã¦ã¯ã€HTMLã€JSã€CSSã‚’ã¾ã‚‹ã”ã¨ãã®ã¾ã¾å†åˆ©ç”¨ å®Ÿéš›ã«è¡¨ç¤ºã—ãŸã„ã¨ã“ã‚ã§ã€iframeã‚’ä½¿ã†ã¨æ¥½ã§ã™ http://jsdo.it/hirotweets/ybdA ä¸Šã®URLã‹ã‚‰jsdo.itã«è¡Œãã€ä¸‹ã®æ–¹ã«æœ‰ã‚‹Downloadã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹äº‹ãŒå‡ºæ¥ã¾ã™ ã‚°ãƒ©ãƒ•ã®é …ç›®ãƒ»æ•°å€¤ãƒ»è‰²ã¯ä»»æ„ã§ä»˜ã‘ã‚Œã¾ã™ æ•°ã‚‚å¥½ãã«å¢—ã‚„ã—ãŸã‚Šæ¸›ã‚‰ã—ãŸã‚Šå‡ºæ¥ã¾ã™ javascriptã®ã“ã®ç®‡æ‰€ã‚’ç·¨é›†ã—ã¦ãã ã•ã„ $(function(){ $("#doughnutChart").drawDoughnutChart([ { title: "Tokyo", value : 100, color: "#07CDF2"
shigiryou 2016/05/29
donuts

Chart

jQuery

CSS
ãƒªãƒ³ã‚¯
ã‚ã®ã‚µã‚¤ãƒˆã¨ã¯ã²ã¨å‘³é•ã†ï¼ã“ã ã‚ã‚Šãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼20é€£ç™º (1/2)
ã‚µã‚¤ãƒˆã‚’å½©ã‚‹å¤šå½©ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒ™ãƒ¼ã‚¹ã«ã€éšæ‰€ã«æ°—æŒã¡ã„ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å–ã‚Šå…¥ã‚Œã¦ã„ã‚‹ã€ŒOmnisenseã€ã€‚ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã”ã¨ã«ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€ã©ã‚Œã‚‚æ´—ç·´ã•ã‚ŒãŸå‹•ãã§ã€ã‚µã‚¤ãƒˆã®é…åŠ›ã‚’ãã£ã¨é«˜ã‚ã¦ã„ã‚‹ã€‚ ãƒšãƒ¼ã‚¸ãƒˆãƒƒãƒ—ã«ã‚ã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªãƒœã‚¿ãƒ³ã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã™ã‚‹ã¨ã€ä¸Šã‹ã‚‰çŸ¢å°ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ä¸‹ã‚Šã¦ãã‚‹ã€‚æ³¨ç›®ã—ãŸã„ã®ã¯ã€ãƒžã‚¦ã‚¹ãŒãƒœã‚¿ãƒ³ã‹ã‚‰é›¢ã‚ŒãŸã¨ãï¼ˆãƒžã‚¦ã‚¹ã‚¢ã‚¦ãƒˆæ™‚ï¼‰ã®å‹•ãã ã€‚ ã‚ˆãã‚ã‚‹:hoverã§å®Ÿè£…ã—ãŸãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼æ™‚ã¨ã‚¢ã‚¦ãƒˆæ™‚ã®å‹•ãã‚’åˆ¥ã€…ã«è¨å®šã§ããªã„ãŸã‚ã€å¿…ãšé€†ã®å‹•ãã«ãªã‚‹ã€‚ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼æ™‚ã«ä¸Šã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ããŸã‚‰ã€ãƒžã‚¦ã‚¹ã‚¢ã‚¦ãƒˆæ™‚ã«ã¯ä¸Šã¸æˆ»ã‚‹ã€ã¨ã„ã£ãŸå…·åˆã ã€‚ ã¨ã“ã‚ãŒã€Omisenseã®ãƒœã‚¿ãƒ³ã¯ã€ãƒžã‚¦ã‚¹ã‚¢ã‚¦ãƒˆæ™‚ã«ãã®ã¾ã¾ä¸‹ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ç¶šã‘ã‚‹ã€‚ç´°ã‹ãªé•ã„ã ãŒã€æœ€è¿‘ã§ã¯ã“ã†ã„ã£ãŸãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼
shigiryou 2016/05/29
donuts

Chart

jQuery

CSS
ãƒªãƒ³ã‚¯
[JS]ã¡ã‚‡ã£ã¨ã‹ã£ã“ã„ã„å††ã‚°ãƒ©ãƒ•ã‚’ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«ç°¡å˜ã«è¨ç½®ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -EASY PIE CHART
ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã§ã€ã•ã¾ã–ã¾ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®å††ã‚°ãƒ©ãƒ•ãŒç°¡å˜ã«ä½œæˆã§ãã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ EASY PIE CHART [ad#ad-2] EASY PIE CHARTã®ä½¿ã„æ–¹ å®Ÿè£…ã¯ã€3ã‚¹ãƒ†ãƒƒãƒ—ã§ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¯headå†…ã«è¨˜è¿°ã—ã¦ãã ã•ã„ã€‚ <script type="text/javascript" src="https://ajax.google apis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="/path/to/jquery.easy-pie-chart.js"></script> <link rel="styl
shigiryou 2016/05/29
coliss

donuts

Chart

jQuery

CSS
ãƒªãƒ³ã‚¯
You Don't Need jQuery - Qiita
æ³¨æ„ã¨ãŠé¡˜ã„ ã“ã®è¨˜äº‹ã®å†…å®¹ã¯ã‚‚ã¯ã‚„å¤ã„ã§ã™ã€‚ã“ã“ã«æ›¸ã„ã¦ã„ã‚‹æ–¹æ³•ã§ã¯å‹•ã‹ãªã„ã‚‚ã®ã‚’ã„ãã¤ã‹è¦‹ã¤ã‘ã¾ã—ãŸã€‚å‚è€ƒã«ã™ã‚‹éš›ã¯å‹•ä½œã‚’ã‚ˆãç¢ºèªã—ã¦ã‹ã‚‰ä½¿ã£ã¦ãã ã•ã„ã€‚ ã²ã¨ã¤ãŠé¡˜ã„ãŒã‚ã‚Šã¾ã™ã€‚ã€Œã‚ã‚Œã€å‹•ã‹ãªã„ãžã€ã¨ã„ã†ã‚³ãƒ¼ãƒ‰ã‚’è¦‹ã¤ã‘ãŸã‚‰æ˜¯éžã‚³ãƒ¡ãƒ³ãƒˆã‹ç·¨é›†ãƒªã‚¯ã‚¨ã‚¹ãƒˆã§æ•™ãˆã¦ãã ã•ã„ã€‚è§£æ±ºæ–¹æ³•ã¾ã§ãªãã¦ã‚‚çµæ§‹ã§ã™ã€‚ã€Œã“ã‚Œã¯ã‚‚ã†å‹•ã‹ãªã„ã‚ˆã€ã¨ã„ã†å°ã‚’ã¤ã‘ãŸã„ã®ã§ã™ã€‚ ã“ã®è¨˜äº‹ã¯You Don't Need jQueryã®æ—¥æœ¬èªžè¨³ã¨åŒã˜å†…å®¹ã§ã™ã€‚ å…ˆæ—¥ã²ã‚‡ã‚“ãªã“ã¨ã‹ã‚‰You Don't Need jQueryã®æ—¥æœ¬èªžè¨³ã‚’ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚è‘—è€…ã®Cam Songã•ã‚“ã‹ã‚‰ã‚‚å¿«è«¾ã‚’ã„ãŸã ã‘ãŸã®ã§1ã€Qiitaã§ã‚‚å…¬é–‹ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ãªãŠã€æœ¬å®¶ã®è‹±èªžã®èª¬æ˜Žã¯ç¶™ç¶šçš„ã«ãƒ¡ãƒ³ãƒ†ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ã“ã®è¨˜äº‹ã®æƒ…å ±ã¯å¤ããªã£ã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ è¿½è¨˜ ã“ã®è¨˜äº‹ã¯å½“åˆã¯ã€Œã‚‚ã†jQueryã¯å¿…è¦ãªã„ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§
shigiryou 2016/04/13
jQuery
ãƒªãƒ³ã‚¯
TypeScriptã§JQueryã‚’æ‰±ã†æ–¹æ³• - Qiita
TypeScriptã¯é™çš„åž‹ä»˜ã‘è¨€èªžã§ã™ã€‚TypeScriptã‚’æ‰±ã£ãŸãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®ä¸ã§JQueryã®åž‹ã‚„jqueryã®é–¢æ•°ã‚’ä½¿ç”¨ã—ãŸããªã‚‹ã¨æ€ã„ã¾ã™ã€‚ã—ã‹ã—ã€æ¨™æº–ã®TypeScirptã§ã¯JQueryåž‹ã¯å¯¾å¿œã—ã¦ãŠã‚Šã¾ã›ã‚“ã€‚ å¯¾å¿œæ–¹æ³• åž‹å®šç¾©ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½¿ç”¨ã—ã¦JQueryåž‹ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ ã¾ãšåž‹å®šç¾©ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ DefinitelyTypedã‹ã‚‰jqueryã‚’åž‹å®šç¾©ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ https://github.com/borisyankov/DefinitelyTyped æ§˜ã€…ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®åž‹å®šç¾©ãƒ•ã‚¡ã‚¤ãƒ«ãŒã‚ã‚Šã¾ã™ãŒjqueryã¨ã„ã†ãƒ•ã‚©ãƒ«ãƒ€ãƒ¼ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãã ã•ã„ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸãƒ•ã‚©ãƒ«ãƒ€ãƒ¼ã®ä¸ã®jquery.d.tsã¨ã„ã†ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä»»æ„ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã«ç§»å‹•ã—ã¦ãã ã•ã„ã€‚ ä»Šåº¦ã¯TypeScriptã®ã‚³ãƒ¼ãƒ‰ã®æ–¹ã§ä¸€ç•ªæœ€åˆã®è¡Œã«åž‹å®šç¾©ãƒ•ã‚¡ã‚¤ãƒ«ã‚’å®£
shigiryou 2015/04/17
TypeScript

jQuery
ãƒªãƒ³ã‚¯
jQueryã¯NGã¨è¨€ã‚ã‚ŒãŸæ™‚ã®ä¾¿åˆ©ãªãƒ¡ã‚½ãƒƒãƒ‰ - Qiita
ã¨ã‚ã‚‹ãŠä»•äº‹ã§ã€jQueryãªã©ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼åˆ©ç”¨ä¸å¯ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã—ãŸã€‚ãã®éš›åˆ©ç”¨ã—ãŸã€jQueryçš„ã«ä½¿ãˆã‚‹ä¾¿åˆ©ãªãƒ¡ã‚½ãƒƒãƒ‰ã‚’ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ï¼ˆâ€» æ˜”ä½¿ã£ã¦ã„ãŸã‚‚ã®ã‚’å¼•ã£å¼µã‚Šã ã—ã¦æ”¹å–„ã—ãŸã‚‚ã®ãªã®ã§ã€ã©ã“ã‹ã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ï¼‰ ##æ›´æ–° addClass,removeClassã‚’ä¿®æ£è‡´ã—ã¾ã—ãŸã€‚ ##å…ƒè¨˜äº‹ ä¸‹è¨˜ã‚¨ãƒ³ãƒˆãƒªã®è»¢è¼‰ã«ãªã‚Šã¾ã™ã€‚ jQueryãŒNGãªæ™‚ã«å‚™ãˆã¦ã€ç”¨æ„ã—ã¦ãŠããŸã„ä¾¿åˆ©ãªãƒ¡ã‚½ãƒƒãƒ‰ ##ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠ jQueryã§ã„ã†ã¨ã“ã‚ã®ã€.on() ã«è©²å½“ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ "addEventListener" ã‹ "attachEvent" ã‹ã‚’åˆ¤å®šã—ã€addEventãƒ¡ã‚½ãƒƒãƒ‰ã‚’å®šç¾©ã—ã¦ã„ã¾ã™ã€‚ var addEvent; if (window.addEventListener) { addEvent = function (target, name, fn
shigiryou 2015/03/25
jQuery
ãƒªãƒ³ã‚¯
keypress(fn) - jQuery æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
å„è¦ç´ ã®keypressã‚¤ãƒ™ãƒ³ãƒˆã«é–¢æ•°ã‚’bindã—ã¾ã™ã€‚ keypressã‚¤ãƒ™ãƒ³ãƒˆã¯é€šå¸¸ã€ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®ã‚ãƒ¼ãŒæŠ¼ã•ã‚ŒãŸéš›ã«å‘¼ã³å‡ºã•ã‚Œã¾ã™ã€‚ keydownã¨keyupã®çµ„ã¿åˆã‚ã›ãŒkeypressã«ãªã‚Šã¾ã™ã€‚ã‚ãƒ¼ãŒå©ã‹ã‚ŒãŸéš›ã®å„ã‚¤ãƒ™ãƒ³ãƒˆã¯ã€æ¬¡ã®é †ç•ªã§å‘¼ã°ã‚Œã¾ã™ã€‚ keydownkeyupkeypress jQueryã®ã‚¤ãƒ™ãƒ³ãƒˆã¯ã€ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã®æœ€åˆã®å¼•æ•°ã§jQuery.Eventã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’å—ã‘å–ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã“ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ä½¿ã£ã¦ã€è¦å®šã®ã‚¤ãƒ™ãƒ³ãƒˆå‹•ä½œã®ã‚ãƒ£ãƒ³ã‚»ãƒ«ã‚„ã€ãƒãƒ–ãƒªãƒ³ã‚°ã®æŠ‘åˆ¶ãªã©ã‚’è¡Œã„ã¾ã™ã€‚ <input type="text" /> <p>Add text - </p> <div></div> $("input").keypress(function (e) { if (e.which == 32 || (65 <= e.which && e.which <= 65 +
shigiryou 2014/08/10
jQuery
ãƒªãƒ³ã‚¯
bind(type, [data], fn) - jQuery API 1.4.4 æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ - StackTrace
è§£èª¬ ãƒžãƒƒãƒã—ãŸè¦ç´ ã«ã€ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã‚’ãƒã‚¤ãƒ³ãƒ‰ã—ã¾ã™ã€‚ ã‚«ã‚¹ã‚¿ãƒ ã‚¤ãƒ™ãƒ³ãƒˆã‚‚ãƒã‚¤ãƒ³ãƒ‰ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã‚¤ãƒ™ãƒ³ãƒˆã®æŒ¯ã‚‹èˆžã„ã®åˆ¶å¾¡ ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ãŒfalseã‚’è¿”ã™ã¨ã€ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ–ãƒªãƒ³ã‚°ã€åŠã³ã€ã‚¤ãƒ™ãƒ³ãƒˆã«å®šç¾©ã•ã‚Œã¦ã„ã‚‹æ¨™æº–ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ãŒåœæ¢ã•ã‚Œã¾ã™ã€‚ ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ–ãƒªãƒ³ã‚°ã®ã¿ã‚’åœæ¢ã™ã‚‹ã«ã¯ã€ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã«æ¸¡ã•ã‚Œã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®stopPropagation()ã‚’å‘¼ã³å‡ºã—ã¦ãã ã•ã„ã€‚ ã¾ãŸã€æ¨™æº–ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã®ã¿ã‚’åœæ¢ã™ã‚‹ã«ã¯ã€preventDefault()ã‚’å‘¼ã³å‡ºã—ã¦ãã ã•ã„ã€‚ ãƒã‚¤ãƒ³ãƒ‰æ™‚ã«ãƒ‡ãƒ¼ã‚¿ã‚’æ¸¡ã™ ãƒã‚¤ãƒ³ãƒ‰æ™‚ã«ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã«ãƒ‡ãƒ¼ã‚¿ã‚’æ¸¡ã™ã«ã¯ã€ç¬¬2å¼•æ•°ã«ãƒ‡ãƒ¼ã‚¿ã‚’æŒ‡å®šã—ã¾ã™ã€‚ãã®å ´åˆã€ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã¯ç¬¬3å¼•æ•°ã«æŒ‡å®šã—ã¾ã™ã€‚ ãƒ‡ãƒ¼ã‚¿ã¯ã€ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã«æ¸¡ã•ã‚Œã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®dataãƒ—ãƒãƒ‘ãƒ†ã‚£ã§å‚ç…§ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã‚¤ãƒ™ãƒ³ãƒˆå®Ÿè¡Œæ™‚ã«ãƒ‡ãƒ¼ã‚¿ã‚’æ¸¡ã™ ã‚¤ãƒ™ãƒ³ãƒˆå®Ÿè¡Œæ™‚ã«
shigiryou 2014/08/10
jQuery
ãƒªãƒ³ã‚¯
jQueryã‚’ä½¿ã£ã¦ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‹ã‚‰ã®æ“ä½œã§ã‚¤ãƒ™ãƒ³ãƒˆã‚’å®Ÿè¡Œã•ã›ã‚‹æ–¹æ³•ï½œBLACKFLAG
å…ˆæ—¥ã“ã“ã§ã‚‚ç´¹ä»‹ã—ãŸã€Webãƒšãƒ¼ã‚¸å†…ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‹ã‚‰æ“ä½œã•ã›ã‚‹ ã€ŒASCENSOR.jsã€jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨åŒã˜æ§˜ã«ã€ jQueryã‚’ä½¿ã£ã¦ã€ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‹ã‚‰ã®ã‚ãƒ¼æ“ä½œã§ãƒšãƒ¼ã‚¸ä¸Šã§ã‚¤ãƒ™ãƒ³ãƒˆã‚’å®Ÿè¡Œã•ã›ã‚‹ ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ã¦ã¿ãŸã®ã§ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ ã€ŒASCENSOR.jsã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã‚ˆã†ã«å¤§æŽ›ã‹ã‚Šãªã‚‚ã®ã§ã¯ãªã ä»Šå›žã®ã‚µãƒ³ãƒ—ãƒ«ã§ã¯ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®çŸ¢å°ã‚ãƒ¼ã€Œâ†ã€ã€Œâ†’ã€ã€Œâ†‘ã€ã€Œâ†“ã€ã‚’ ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãã‚Œãžã‚Œå€‹åˆ¥ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’å®Ÿè¡Œã•ã›ã‚‹ã€ã¨ã„ã†æ–¹æ³•ã§ã™ã€‚ ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®ã‚ãƒ¼ã«ã¯å€‹åˆ¥ã«ã‚ãƒ¼ã‚³ãƒ¼ãƒ‰ã¨ã„ã†ã‚‚ã®ãŒå‰²ã‚Šå½“ã¦ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ çŸ¢å°ã‚ãƒ¼ã®ãã‚Œãžã‚Œã‚ãƒ¼ã‚³ãƒ¼ãƒ‰ã¯ â€”â€”â€”â€”â€”â€”â€”â€”â€”â€” ã€Œâ†’ã€ãƒ»ãƒ»ãƒ»39 ã€Œâ†ã€ãƒ»ãƒ»ãƒ»37 ã€Œâ†‘ã€ãƒ»ãƒ»ãƒ»38 ã€Œâ†“ã€ãƒ»ãƒ»ãƒ»40 â€”â€”â€”â€”â€”â€”â€”â€”â€”â€” ã¨ãªã£ã¦ã„ã‚‹ã®ã§ã“ã‚Œã‚‰ã®å€¤ã‚’å…ƒã«ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’å®Ÿè¡Œã•ã›ã¾ã™ã€‚ jQueryã§ã®ã‚ãƒ¼ãƒœãƒ¼ãƒ‰æ“ä½œã®ã‚¤ãƒ™ãƒ³ãƒˆã¯ã€Œkeyu
shigiryou 2014/08/10
jQuery
ãƒªãƒ³ã‚¯
jQueryã®animateã§background-colorã‚’å¤‰æ›´ã™ã‚‹ - Qiita
(function(d){d.each(["backgroundColor","borderBottomColor","borderLeftColor","borderRightColor","borderTopColor","color","outlineColor"],function(f,e){d.fx.step[e]=function(g){if(!g.colorInit){g.start=c(g.elem,e);g.end=b(g.end);g.colorInit=true}g.elem.style[e]="rgb("+[Math.max(Math.min(parseInt((g.pos*(g.end[0]-g.start[0]))+g.start[0]),255),0),Math.max(Math.min(parseInt((g.pos*(g.end[1]-g.start[1]
shigiryou 2014/08/09
jQuery
ãƒªãƒ³ã‚¯
[JQuery]checkboxã®checkedãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’å¤‰æ›´ã—ã¦ã‚‚changeã‚¤ãƒ™ãƒ³ãƒˆã¯ç™ºç«ã—ãªã„ - Code Life
è¦‹ãŸã‚‰åˆ†ã‹ã‚‹ã‚“ã ã‘ã©ã€æœŸå¾…ã™ã‚‹å‹•ä½œã¯ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã«ã€Œcheckbox change!!ã€ã¨å‡ºåŠ›ã•ã‚Œã‚‹ã“ã¨ã€‚ ã—ã‹ã—ã€ã©ã†ã‚‚checkedãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’å¤‰æ›´ã—ã¦ã‚‚changeã‚¤ãƒ™ãƒ³ãƒˆã¯ç™ºç«ã—ãªã„ã‚ˆã†ã€‚ <!DOCTYPE html> <html> <head> <script src="http://ajax.google apis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> </head> <body> <form> <input id="checkbox1" type="checkbox" name="example" value="hoge"> <label for="checkbox1">Sample CheckBox</label> </form> <script type="text/javascript"> (functio
shigiryou 2013/12/10
jQuery
ãƒªãƒ³ã‚¯
jQuery MapaelÂ·jQuery x RaphaÃ«lãªåœ°å›³æç”»ãƒ©ã‚¤ãƒ–ãƒ©ãƒª MOONGIFT
JavaScriptã¨é€£æºã§ãã‚‹åœ°å›³ãŒæ¬²ã—ã‹ã£ãŸæ–¹ã¯è¦ãƒã‚§ãƒƒã‚¯ï¼ Webä¸Šã§SVGã‚’æ‰±ã†éš›ã«ä½¿ã‚ã‚Œã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§æœ‰åãªã®ãŒRaphaÃ«lã§ã™ã€‚ãã‚“ãªRaphaÃ«lã‚’jQueryãƒ™ãƒ¼ã‚¹ã§ä½¿ãˆã‚‹ã‚ˆã†ã«ã—ãŸãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒjQuery Mapaelã«ãªã‚Šã¾ã™ã€‚åœ°å›³ã«é™å®šã•ã‚Œã¾ã™ãŒã€SVGã§æã‹ã‚ŒãŸåœ°å›³ã«æ§˜ã€…ãªæƒ…å ±ã‚’ä»˜ä¸Žã—ãŸã‚ŠJavaScriptã¨é€£æºã•ã›ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ å®Ÿéš›ã®ä¾‹ã¨ã—ã¦ã¯ãƒ•ãƒ©ãƒ³ã‚¹ã®åœ°å›³ã‚’æ‰±ã£ãŸã‚‚ã®ãŒå¤šããªã£ã¦ã„ã¾ã™ã€‚ ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§ãƒã‚¤ãƒ©ã‚¤ãƒˆã•ã‚Œã¾ã™ã€‚ ã•ã‚‰ã«ã‚ºãƒ¼ãƒ ã‚‚ã§ãã‚‹ã‚¿ã‚¤ãƒ—ã‚‚ã‚ã‚Šã¾ã™ã€‚ã“ã®è¾ºã‚Šã¯SVGãªã‚‰ã§ã¯ã¨è¨€ãˆã‚‹ã§ã—ã‚‡ã†ã€‚ JavaScriptã¨é€£æºã•ã›ã‚‹ã“ã¨ã§ã‚¯ãƒªãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆã‚’ã‚ãƒ£ãƒƒãƒã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ äººå£ã®å¤šã„ç”ºã‚„éƒ½å¸‚ã‚’æã„ã¦ã„ã¾ã™ã€‚ã“ã†ã„ã£ãŸå¤–éƒ¨ãƒ‡ãƒ¼ã‚¿ã¨ã®é€£æºã‚‚å®¹æ˜“ã§ã™ã€‚ æœ€å¾Œã¯ãƒ•ãƒ©ãƒ³ã‚¹ã§ã¯ãªãä¸–ç•Œåœ°å›³ã®ãƒ‡ãƒ¢ã§ã™ã€‚ å›½ã”ã¨ã«ãƒ‡ãƒ¼ã‚¿ã‚’è‰²åˆ†ã‘
shigiryou 2013/11/09
jQuery

map
ãƒªãƒ³ã‚¯
1216å½©ç¥¨-å®˜ç½‘å¹³å°
æ‚¨ä¸å…·å¤‡ä½¿ç”¨æ‰€æä¾›çš„å‡æ®æŸ¥çœ‹è¯¥ç›®å½•æˆ–é¡µçš„æƒé™ã€‚ è¯·å°è¯•ä»¥ä¸‹æ“ä½œï¼š å¦‚æžœæ‚¨è®¤ä¸ºè‡ªå·±åº”è¯¥èƒ½å¤ŸæŸ¥çœ‹è¯¥ç›®å½•æˆ–é¡µé¢ï¼Œè¯·ä¸Žç½‘ç«™ç®¡ç†å‘˜è”ç³»ã€‚ å•å‡»åˆ·æ–° æŒ‰é’®ï¼Œå¹¶ä½¿ç”¨å…¶ä»–å‡æ®é‡è¯•ã€‚ HTTP é”™è¯¯ 401.1 - æœªç»æŽˆæƒï¼šè®¿é—®ç”±äºŽå‡æ®æ— æ•ˆè¢«æ‹’ç»ã€‚ Internet ä¿¡æ¯æœåŠ¡ (IIS) æŠ€æœ¯ä¿¡æ¯ï¼ˆä¸ºæŠ€æœ¯æ”¯æŒäººå‘˜æä¾›ï¼‰ è½¬åˆ° Microsoft äº§å“æ”¯æŒæœåŠ¡ å¹¶æœç´¢åŒ…æ‹¬â€œHTTP â€å’Œâ€œ401 â€çš„æ ‡é¢˜ã€‚ æ‰“å¼€â€œIIS å¸®åŠ©â€ï¼ˆå¯åœ¨ IIS ç®¡ç†å™¨ (inetmgr) ä¸è®¿é—®ï¼‰ï¼Œç„¶åŽæœç´¢æ ‡é¢˜ä¸ºâ€œèº«ä»½éªŒè¯â€ã€â€œè®¿é—®æŽ§åˆ¶â€å’Œâ€œå…³äºŽè‡ªå®šä¹‰é”™è¯¯æ¶ˆæ¯â€çš„ä¸»é¢˜ã€‚
shigiryou 2013/09/07
HTML5

JavaScript

jQuery
ãƒªãƒ³ã‚¯
StackTrace
StackTraceã¨ã¯ ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã„ã‘ã¾ã•ã®ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚„ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºã«é–¢ã™ã‚‹é›‘å¤šãªStackã®å½¢è·¡ã§ã™ã€‚ æ—¥ã€…ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚„ã€ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºã§å¾—ãŸã“ã¨ã‚’ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ ã‚‚ã£ã¨é›‘å¤šãªå†…å®¹ã¯ãƒ–ãƒã‚°ã«ã€‚ æ›´æ–°æƒ…å ± 2011/ 7/ 5 Sorta ble ã®revertã®èª¬æ˜Žã‚’ä¿®æ£ã—ã¾ã—ãŸã€‚ 2010/11/14 jQuery API 1.4.4 æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã«ã€jQuery.type(obj) ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ jQuery API 1.4.4 æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã«ã€jQuery.isWindow(obj) ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ 2010/11/13 jQuery API 1.4.4 æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã«ã€jQuery.fx.interval ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ jQuery API 1.4.4 æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã«ã€fadeToggle([duration], [ea
shigiryou 2013/09/07
Programming

jQuery

ãŠå½¹ç«‹ã¡

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
jQuery UI API Documentation
jQuery UI 1.14 API Documentation jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. If you're new to jQuery UI, you might want to check out our main site for more information and full demos. If you're new to jQuery, you might also be interested in the jQuery Learning Center tutorials. This site provides API documen
shigiryou 2013/09/05
jQuery

API

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