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

blogpants id:blogpants

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

${{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 DataTablesã§ã‚½ãƒ¼ãƒˆé †ã‚’åˆæœŸåŒ–ã—ãŸã„ - 327.587 kmã€‚
jQuery DataTables https://datatables.net/ Tableã‚’ã‚½ãƒ¼ãƒˆã—ãŸã‚Šæ¤œç´¢ã—ãŸã‚Šã—ã¦ãã‚Œã‚‹ã«ãã„ã‚„ã¤ thã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã‚½ãƒ¼ãƒˆã—ã¦ãã‚Œã‚‹ã‘ã© ASCã¨DESCã®åˆ‡ã‚Šæ›¿ãˆã ã‘ã§ã€åˆæœŸå€¤ã«æˆ»ã—ã¦ãã‚Œãªã„ã€‚ åˆæœŸè¡¨ç¤ºæ™‚ã®ã‚½ãƒ¼ãƒˆç„¡åŠ¹ã¯ã€ "order": [] ã§ã„ã‘ã‚‹ ã‚„ã‚ŠãŸã‹ã£ãŸã®ã¯ã€æ˜‡é †â†’é™é †â†’åˆæœŸå€¤ ã§ä¸‰å›žã‚¯ãƒªãƒƒã‚¯ã§ãƒªã‚»ãƒƒãƒˆã—ãŸã‹ã£ãŸ æŽ¢ã—ãŸã¨ã“ã‚ https://datatables.net/forums/discussion/17910/three-states-of-a-header-sort-decoration https://datatables.net/forums/discussion/14933/column-sorting-reset-on-third-click https://datatables.net/forums/dis
blogpants 2024/12/02
datatables

jquery
ãƒªãƒ³ã‚¯
URLã‚’ç°¡å˜ã«ãƒ‘ãƒ¼ã‚¹ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery-URL-Parserã€
URLã‚’ç°¡å˜ã«ãƒ‘ãƒ¼ã‚¹ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery-URL-Parserã€ ã€ŒjQuery-URL-Parserã€ã¯ç¾åœ¨ã®URLã‚„æŒ‡å®šã—ãŸURLã‚’ãƒ‘ãƒ¼ã‚¹ã—ã¦ç°¡å˜ã«ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã‚„ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªåãªã©ã‚’å–ã‚Šå‡ºã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ æŠ•ç¨¿æ—¥2011å¹´07æœˆ05æ—¥ æ›´æ–°æ—¥2011å¹´07æœˆ05æ—¥ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¨ã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ãƒ‰ ã€ŒjQuery-URL-Parserã€ã¯ä¸‹è¨˜URLã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ jQuery-URL-Parser â€“ GitHub jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã®ã§jQueryã‚‚å¿˜ã‚Œãšèªã¿è¾¼ã¿ã¾ã™ã€‚ html <script src="http://ajax.google apis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script> <script type
blogpants 2014/09/01
jquery
ãƒªãƒ³ã‚¯
ã•ãã£ã¨ç°¡å˜ï¼jQueryã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³• | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã©ã†ã‚‚ã§ã™ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã¯ã‚„ã¡ã§ã™âœŒ(Â´Ê˜â€¿Ê˜ï½€)âœŒ æ¢…é›¨æ˜Žã‘ã®æš‘ã•ã§ãƒãƒ†æ°—å‘³ã§ã™â€¦ã“ã®æš‘ã•å«Œã§ã™ãªã€€câŒ’ã£Â´Ê˜â€¿Ê˜ï½€)ã£ ã¯ã‚„ã¡ã¯é™ã‹ã«æš®ã‚‰ã—ãŸã„ã€€câŒ’ã£ â—žâ€¸â—Ÿ )ã£ ãã‚“ãªã“ã¨è¨€ã£ã¦ã‚‚ã“ã®æš‘ã•ã¯å’Œã‚‰ãŽã¾ã›ã‚“(â—žâ€¸â—Ÿ) ä»Šå›žã¯jQueryã§ç°¡å˜ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¦ã„ãã¾ã™(â—žâ€¸â—Ÿ) ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã¨ã¯ ãƒ©ã‚¤ãƒˆãƒœãƒƒã‚¯ã‚¹ã®ã‚ˆã†ã«è¦ç´ ã®ä¸Šã«è¦ç´ ã‚’é‡ãã¦è¡¨ç¤ºã•ã›ã‚‹æ–¹æ³•ã§ã™ ä¸Šã«é‡ãã‚‹æ–¹ã®è¦ç´ ã‚’åŠé€æ˜Žã«ã•ã›ã¦ä¸‹ã®è¦ç´ ãŒã†ã£ã™ã‚‰è¦‹ãˆã‚‹ã‚ˆã†ãªè¡¨ç¾ã«å¤šãä½¿ã‚ã‚Œã¾ã™( Ë˜Ï‰Ë˜)â˜ HTML </pre> <div id="overlay"> <p id="text">ï½²ï½ªï½°ï½°ï½²ã¿ã¦ã‚‹ã…âœŒ(Â´Ê˜â€¿Ê˜ï½€)âœŒ</p> <p id="close">close</p> </div> <div id="btn">click</div> <pre> IDåoverlayã¯ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã•ã‚Œ
blogpants 2013/07/12
jquery
ãƒªãƒ³ã‚¯
ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã¨ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹ç‚ºã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»iCheck.js - ã‹ã¡ã³ã¨.net
checkboxesã¨radioãƒœã‚¿ãƒ³ã‚’ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ã«å„ªã‚Œã¦ãŠã‚Šã€ä½¿ã„æ–¹ã‚‚æ‰‹è»½ãã†ã ã£ãŸã®ã§å‚™å¿˜éŒ²çš„ã«ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚ˆãã‚ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã‘ã©ã€ä½¿ã„ã‚„ã™ãã†ã ã£ãŸã®ã§ãƒ¡ãƒ¢ã€‚ checkboxesã¨radioãƒœã‚¿ãƒ³ã‚’ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚IE7ã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ã‹ã‚ã„ã„ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã¯æœ€åˆã‹ã‚‰ã„ã‚ã„ã‚ã¨ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã®å‚è€ƒã«ã‚‚ãªã‚Šã¾ã™ãã€‚ ã‚³ãƒ¼ãƒ‰ <script src="jquery.js"></script> <script src="jquery.icheck.js"></script> ã‚³ã‚¢ã¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ $('input').icheck(); åˆæœŸåŒ–ã—ã¾ã™ã€‚ $('input').icheck({ handle: '', // 'checkbox'ã‹'radio'ã¨ã™ã‚Œã°ã©ã¡ã‚‰ã‹ã«é™å®šã§ãã‚‹
blogpants 2013/04/16
jquery

ãƒã‚§ãƒƒã‚¯ãƒœã‚¿ãƒ³
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸ã‚’ç§»å‹•ï¼ˆé›¢è„±ï¼‰ã™ã‚‹ã¨ãã«jQueryã§è¦å‘Šã‚’å‡ºã™æ–¹æ³•
Facebookãªã©ã§ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›ä¸ã«ãƒšãƒ¼ã‚¸ã‚’ç§»å‹•ï¼ˆé›¢è„±ï¼‰ã—ã‚ˆã†ã¨ã™ã‚‹ã¨è¦å‘ŠãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã“ã®ä»•çµ„ã¿ã‚’jQueryã§å®Ÿè£…ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚jQueryã¯æŠ•ç¨¿æ™‚ç‚¹ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.9.1ã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ ï¼‘ï¼Žãƒšãƒ¼ã‚¸ã‚’ç§»å‹•ã™ã‚‹ã¨ãã«è¦å‘Šã‚’å‡ºã™ ãƒšãƒ¼ã‚¸ã‚’ç§»å‹•ã™ã‚‹ã¨ãã«è¦å‘Šã‚’å‡ºã™ã«ã¯ã€onã‚¤ãƒ™ãƒ³ãƒˆã«beforeunloadã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã—ã¾ã™ã€‚ <script src="//ajax.google apis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ $(window).on('beforeunload', function() { return 'æŠ•ç¨¿ãŒå®Œäº†ã—ã¦ã„ã¾ã›ã‚“ã€‚ã“ã®ã¾ã¾ç§»å‹•ã—ã¾ã™ã‹ï¼Ÿ'; }); }); </script> <form method="post" acti
blogpants 2013/03/11
jquery
ãƒªãƒ³ã‚¯
ã“ã‚Œã‹ã‚‰ã®Webåˆ¶ä½œã«ä½¿ãˆã‚‹ã€é¢ç™½ã„UIã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ»CSSé›†
Fancy Inputãƒ†ã‚ã‚¹ãƒˆå…¥åŠ›æ™‚ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·... / Hook.jsä¸‹ã«ã²ã£ã±ã‚‹ã¨ãƒªãƒãƒ¼ãƒ‰ã™ã‚‹jQue... / Kontext CSS3ã‚’ä½¿ã£ãŸ3Dãªãƒšãƒ¼ã‚¸åˆ‡ã‚Š...ä»–...å…¨17ä»¶
blogpants 2013/03/04
jquery

css
ãƒªãƒ³ã‚¯
jQuery ã® on() ã¨ off() ã‚’ç†è§£ã™ã‚‹ - tacamy--blog
åˆå¿ƒè€…å‘ã‘ã®æœ¬ã¨ã‹ã ã¨ã€ã‚¤ãƒ™ãƒ³ãƒˆã‚’ jQuery ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®å¾Œã«ç›´æŽ¥æŒ‡å®šã™ã‚‹ã€ $('.foo').click(); ã®ã‚ˆã†ãªæ›¸ãæ–¹ã§èª¬æ˜Žã•ã‚Œã¦ã„ã‚‹å ´åˆãŒå¤šã„ã‘ã©ã€å°‘ã—è¤‡é›‘ãªã“ã¨ã‚’ã—ã‚ˆã†ã¨ã™ã‚‹ã¨ãã‚Œã ã¨å›°ã‚‹ã“ã¨ãŒå‡ºã¦ãã¾ã™ã€‚ãã‚“ãªã¨ãã«ä¾¿åˆ©ãªã®ãŒ on() ã‚’ä½¿ã£ãŸã‚¤ãƒ™ãƒ³ãƒˆè¨å®šã§ã™ã€‚ on() ã²ã¨ã¤ã§ bind() live() delegate() ã‚’è¡¨ã›ã‚‹ jQuery 1.7 ã§ã€bind() live() delegate() ãŒã™ã¹ã¦ on() ã«çµ±åˆã•ã‚ŒãŸãã†ã§ã™ã€‚ ã¤ã¾ã‚Š on() ã®æ›¸ãæ–¹ã«ã‚ˆã£ã¦ã€3 ãƒ‘ã‚¿ãƒ¼ãƒ³ã®ä½¿ã„æ–¹ãŒã§ãã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚ .foo ã¨ã„ã†è¦ç´ ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ãŸã‚‰ä½•ã‹ã™ã‚‹ã¨ã„ã†ä¾‹ã§ã€ã‚¤ãƒ™ãƒ³ãƒˆã®è¨å®šã¨å‰Šé™¤ã®æ–¹æ³•ã‚’ãã‚Œãžã‚Œæ›¸ã„ã¦ã¿ã¾ã™ã€‚ bind() $('.foo').bind('click', function(){...}); ã¯ $('.foo')
blogpants 2013/03/04
jquery
ãƒªãƒ³ã‚¯
è‡ªä½œã®jQueryã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ãƒ—ãƒ©ã‚°ã‚¤ãƒ³åŒ–ã—ã‚ˆã†
Posted:Â 2011.06.13Â /Â Category:Â javascriptÂ /Â Tag:Â jQuery, Plugin è‡ªä½œã—ãŸjQueryã‚³ãƒ¼ãƒ‰ã¯ä½œæˆã—ãŸæœ¬äººãªã‚‰ç°¡å˜ã«ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ãƒ¼ã®èª¿æ•´ãªã©ã‚’è¡Œã„ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹ã¨æ€ã„ã¾ã™ãŒã€Webã«å…¬é–‹ã—ã¦ä»–ã®äººã«ä½¿ç”¨ã—ã¦ã‚‚ã‚‰ã†å ´åˆã¯ãªã‹ãªã‹ã‚€ãšã‹ã—ã‹ã£ãŸã‚Šã—ã¾ã™ã‚ˆãã€‚ ãã“ã§ãƒ—ãƒ©ã‚°ã‚¤ãƒ³åŒ–ã‚’ã™ã‚‹ã“ã¨ã§èª°ã§ã‚‚ç°¡å˜ã«æ‰±ãˆã‚‹ã‚ˆã†ã«ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«åŒ– ãŸã¨ãˆã°ã€Œ#hide-btnã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€Œ#viewã€ãŒãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã—ã¦æ¶ˆãˆã‚‹ã¨ã„ã†ç°¡å˜ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒã‚ã‚Šã¾ã™ã€‚ jQuery script $(function() { $('#hide-btn').click(function(){ $('#view').fadeOut(1000); }); }); ã¾ãšã¯å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«åŒ–ã—ã¾ã—ã‚‡ã†ã€‚ jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ã€Œjquery.ãƒ—ãƒ©
blogpants 2013/01/31
jquery
ãƒªãƒ³ã‚¯
remora.cx
This domain may be for sale!
blogpants 2012/12/19
ã‚¹ãƒžãƒ›

jquery
ãƒªãƒ³ã‚¯
jQueryã§Browseråˆ¤å®šã‚’ã™ã‚‹Pluginã€ŒjQuery Browser Pluginã€ | Webæ´»ãƒ¡ãƒ¢å¸³
ä»¥ä¸‹ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã§ç°¡å˜ã«æƒ…å ±ã‚’å–å¾—ã§ãã‚‹ã‚ˆã†ã§ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶åç§°ã®å–å¾—ã®ä»•æ–¹ alert($.browser.name); // this will alert 'firefox' ãƒ–ãƒ©ã‚¦ã‚¶ãƒãƒ¼ã‚¸ãƒ§ãƒ³å–å¾— alert($.browser.version); // this will alert '3.5.6' ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚¨ãƒ³ã‚¸ãƒ³åå–å¾— alert($.layout.name); // this will alert 'gecko' ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦è¡¨ç¤ºå‡¦ç†ã‚’å¤‰æ›´ã™ã‚‹å ´åˆãªã©ã«ä½¿ãˆã‚‹ã¨æ€ã„ã¾ã™ã€‚
blogpants 2012/12/11
ãƒ–ãƒ©ã‚¦ã‚¶åˆ¤å®šjquery

jquery

ãƒ–ãƒ©ã‚¦ã‚¶
ãƒªãƒ³ã‚¯
jQueryã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŸºæœ¬çš„ãªã“ã¨ã‹ã‚‰ãƒ—ãƒ©ã‚°ã‚¤ãƒ³åŒ–ã¾ã§ã®æ³¨æ„æ›¸ãï¼ˆWebãƒ‡ã‚¶ã‚¤ãƒ³ï¼‰
jQuery ã§ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®ã€åŸºæœ¬çš„ãªã“ã¨ã‹ã‚‰ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œã‚‹ã¨ã“ã‚ã¾ã§ã€åˆå¿ƒè€…ã®é ƒã«ã¤ã¾ãšã„ãŸéƒ¨åˆ†ã‚’ä¸å¿ƒã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãªã©ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã€å°‘ã—é›£ã—ã„å°è±¡ã®å°‚é–€ç”¨èªžã‚‚ç¹”ã‚Šäº¤ãœãªãŒã‚‰æ›¸ãã¾ã—ãŸã€‚jQuery ã§ Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ‘ãƒ¼ãƒ„ã‚’ä½œã‚‹ã¨ãã®æ³¨æ„æ›¸ãã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã€ç§çš„ã«ã¯ã¨ã£ã¦ã‚‚ã‚ˆãä½¿ã£ã¦ã„ã‚‹ jQueryã€‚jQuery ã‚’å‹‰å¼·ã—ã ã—ãŸã“ã‚ã¯ã€è‡ªåˆ†ã®æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ãŒå‹•ã„ãŸã‚Šã™ã‚‹ã®ãŒã€ã¨ã£ã¦ã‚‚æ¥½ã—ãã¦å¬‰ã—ã‹ã£ãŸè¦šãˆãŒã‚ã‚Šã¾ã™ã€‚ç§ã¯ã‚ã¾ã‚Š JavaScript ã§ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒå¾—æ„ã§ã¯ãªã„ã®ã§ã€ä»Šã§ã‚‚ã‚ˆã jQuery ã‚’ä½¿ã£ã¦ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã¾ã™ â€¦ã€‚ ä»¥å‰ï¼šCSSã¯åˆ†ã‹ã‚‹ã‘ã© jQuery ã¯è‹¦æ‰‹ â€¦ ã¨ã„ã†äººãŒ jQuery ã«è¦ªã—ã‚“ã§ãã‚Œã‚‹ã¨ã„ã„ãªãƒ¼ã¨æ€ã£ã¦æ›¸ãã¾ã—ãŸ ã¨ã„ã†è¨˜äº‹ã‚’æ›¸ã„ãŸã®ã§ã™ãŒã€ä»Šå›žã¯ãã®å¾©ç¿’ & jQuery
blogpants 2012/11/26
ã“ã‚Œã¯è‰¯è¨˜äº‹ jqueryã®åŸºç¤Žéƒ¨åˆ†ãŒã‚ã‹ã‚Šã‚„ã™ã‹ã£ãŸãƒ¼

jquery

javascript
ãƒªãƒ³ã‚¯
Masonry
What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. Youâ€™ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
blogpants 2012/10/16
ã‚°ãƒªãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³

jquery

ã‚°ãƒªãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
iPhoneã®ã‚ˆã†ã«å¤§ãã„ç”»åƒã®è¡¨ç¤ºé ˜åŸŸã‚’ãƒžã‚¦ã‚¹ã®ãƒ‰ãƒ©ãƒƒã‚°ã§ç§»å‹•ã—ã¦ã¿ã‚‹ - jQueryå…¥é–€ - ãƒãƒ³ã‚¯ã‚½ãƒ•ãƒˆ
ç›®æ¬¡ jQueryå…¥é–€ jQueryã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ãƒ»ç°¡å˜ãªä½¿ã„æ–¹ ã‚¯ã‚¤ã‚ºã‚²ãƒ¼ãƒ ã®ä½œã‚Šæ–¹ ç§˜å¯†ã®æš—å·ã‚’ä½œã£ã¦ã¿ã‚ˆã†ï¼ˆãŸã¬ãæš—å·ï¼‰ ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚²ãƒ¼ãƒ ã‚’ä½œã£ã¦ã¿ã‚ˆã†ï¼ˆã¬ã‚Šã‹ã¹ï¼‰ ç”»åƒã‚’ä½¿ã£ãŸã‚¸ã‚°ã‚½ãƒ¼ãƒ‘ã‚ºãƒ«ã‚’ä½œã£ã¦ã¿ã‚ˆã† ã‚‚ãã‚‰ãŸãŸãã£ã½ã„ã‚²ãƒ¼ãƒ ãƒ‰ãƒ©ãƒƒã‚°å¯èƒ½ãªãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚’ä½œã‚ã† jQuery UI Sorta bleã§ï¼‘ãƒ©ã‚¤ãƒ³ã‚ªã‚»ãƒã‚²ãƒ¼ãƒ ãƒ–ãƒ©ã‚¦ã‚¶å…¨ä½“ã‚’ãƒ–ãƒãƒƒã‚¯ã—ã¦ã¿ã‚‹ Geolocation APIã‚’ä½¿ã£ã¦éƒ½é“åºœçœŒã®ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã‚’ç¾åœ¨åœ°ã«è¿‘ã„é †ã«ã‚½ãƒ¼ãƒˆã™ã‚‹ ç™ºç”Ÿã—ãŸã‚¤ãƒ™ãƒ³ãƒˆã®çŠ¶æ…‹ã‚’ä¿æŒãƒ»ä¿å˜ã™ã‚‹6ã¤ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ Ajaxã‚’åˆ©ç”¨ã—ãŸã‚·ãƒ³ãƒ—ãƒ«ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’ä½œã£ã¦ã¿ã‚‹ ãƒ†ãƒ¼ãƒ–ãƒ«ã«ãƒšãƒ¼ã‚¸é€ã‚Šï¼ˆãƒšãƒ¼ã‚¸ãƒ³ã‚°ï¼‰ã‚’å®Ÿè£…ã—ã¦ã¿ã‚‹ jQuery UI Draggableã‚’ä½¿ã£ã¦ä»˜ç®‹(sticky)ã‚’ä½œã£ã¦ã¿ã‚‹ ã‚«ãƒ©ãƒ ã§ã‚½ãƒ¼ãƒˆã§ãã‚‹ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’è‡ªä½œã—ã¦ã¿ã‚‹ ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ä½¿ã£ãŸã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‰ãƒƒãƒˆçµµã‚¨ãƒ‡ã‚£
blogpants 2012/09/06
jquery
ãƒªãƒ³ã‚¯
jQuery UI Touch Punch - Touch Event Support for jQuery UI
Tested on iPad, iPhone, Android and other touch-enabled mobile devices. jQuery UI Touch Punch is a small hack that enables the use of touch events on sites using the jQuery UI user interface library. Currently, jQuery UI user interface library does not support the use of touch events in their widgets and interactions. This means that the slick UI you designed and tested in your desktop browser wil
blogpants 2012/05/30
jquery
ãƒªãƒ³ã‚¯
jQueryã§ãƒ•ã‚©ãƒ¼ãƒ ã®å€¤ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã‚’ã¾ã¨ã‚ã¦ãŠãã®ã§ã€ã‚³ãƒ”ãƒšã§ã”åˆ©ç”¨ãã ã•ã„ã€‚ | Ginpen.com
å¿…è¦ãªã‚‰ã©ã†ãžã€‚ ãƒ‡ãƒ¢ jQueryã§ãƒ•ã‚©ãƒ¼ãƒ ã®å€¤ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã‚’ã¾ã¨ã‚ â€“ jsdo.it â€“ Share JavaScript, HTML5 and CSS jQueryã§ãƒ•ã‚©ãƒ¼ãƒ ã®å€¤ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã‚’ã¾ã¨ã‚ â€“ jsdo.it â€“ share JavaScript, HTML5 and CSS å…±é€šï¼šè¦ç´ ã®æŽ¢ã—æ–¹ inputè¦ç´ ãªã‚“ã‹ã«idæŒ¯ã£ã¡ã‚ƒã†ã®ãŒä¸€ç•ªãªã‚“ã ã‘ã©ã€å±žæ€§ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚’ä½¿ã†ã¨æ¥½ãªå ´åˆãŒã‚ã‚Šã¾ã™ã€‚ã¤ã¾ã‚Š[name=xxx]ã§æ¤œç´¢ã™ã‚‹ã‚„ã‚Šæ–¹ã€‚ <form id="my-form"> <input type="text" name="my-text" value="This is text." /> </form>
blogpants 2012/05/22
jquery
ãƒªãƒ³ã‚¯
jQuery UI - Home
jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications. Rich effects and UI widgets jQuery UI features low-level effect and interaction API's as well as full-featured and highly configurable ready-to-use widgets. Suppor
blogpants 2012/04/26
jquery
ãƒªãƒ³ã‚¯
Facebook style photo tagging with jQuery, Ajax and Joomla | ProDevTips â€“ Web Development Tutorials
Ajax (18) Android (1) Back End (1) Blender (1) CMS (36) Joomla (14) MODx (12) TYPO3 (1) Wordpress (7) Database (18) Desktop (1) Dev Environment (5) Emacs (7) Flex, Flash and AMFPHP (30) Hardware (14) HTML + CSS (21) Java (3) Javascript (74) jQuery (59) Linux (56) Lisp (47) Clojure (18) Common Lisp (3) Pico Lisp (27) Management (1) Misc (39) PHP (106) Doctrine (13) h2o (1) Smarty (26) Zend Framewor
blogpants 2012/04/11
facebook

tag

jquery
ãƒªãƒ³ã‚¯
jQuery ã§ã‚µã‚¤ã‚ºã‚„ä½ç½®ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã‚’å›³ã«ã—ã¦ã¿ãŸ - Cyokodog :: Diary
æ›´æ–°å±¥æ´ 2010-01-21 æœ¬ã‚¨ãƒ³ãƒˆãƒªã®å†…å®¹ã‚‚å«ã‚ãŸæœ€æ–°ã®æƒ…å ±ã¯ä¸‹è¨˜ã‚¨ãƒ³ãƒˆãƒªã‚’ã”å‚ç…§ãã ã•ã„ã€‚ jQuery ã®ä½ç½®ãƒ»ã‚µã‚¤ã‚ºé–¢é€£ãƒ¡ã‚½ãƒƒãƒ‰ã¾ã¨ã‚ - Cyokodog::Diary ã‚µã‚¤ã‚ºã®å–å¾— ç…©é›‘ã«ãªã‚‹ã®ã§ height ã®è¨˜è¿°ã—ã‹ã‚ã‚Šã¾ã›ã‚“ãŒã€width ã«ç½®ãæ›ãˆã‚Œã°å¹…ã‚‚ã¨ã‚Œã¾ã™ã€‚ æ™®é€šã®ãƒœãƒƒã‚¯ã‚¹è¦ç´ height() ãƒ¡ã‚½ãƒƒãƒ‰ã§å–å¾—ã§ãã‚‹å€¤ã«ã¯ã€padding ã‚„ border ã®åˆ†ã®é«˜ã•ã‚’å«ã¿ã¾ã›ã‚“ã€‚ CSS ã® height ã¨åŒã˜ãªã®ã§ã€css('height')ãƒ¡ã‚½ãƒƒãƒ‰ã§å–å¾—ã—ã¦ã‚‚ã‚ˆã•ãã†ã§ã™ãŒã€ã“ã¡ã‚‰ã®å ´åˆãƒ–ãƒ©ã‚¦ã‚¶ã®ç¨®é¡žã‚„ CSS ã®å®šç¾©ã®ä»•æ–¹ã§å–å¾—ã•ã‚Œã‚‹å€¤ãŒç•°ãªã‚‹ï¼ˆã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã¨ã—ã¦ã®æ©Ÿèƒ½ãŒå®Œå…¨ã§ãªã„ï¼‰ã®ã§ã€ç´”ç²‹ã« px å˜ä½ã®é«˜ã•ã‚’å–å¾—ã—ãŸã„å ´åˆã¯ height() ãƒ¡ã‚½ãƒƒãƒ‰ã‚’ä½¿ç”¨ã—ãŸæ–¹ãŒç„¡é›£ã§ã™ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ä»˜ããƒœãƒƒã‚¯ã‚¹è¦ç´ clientHeight ã«ã¯
blogpants 2012/04/04
jquery

é«˜ã•
ãƒªãƒ³ã‚¯
PhotoSwipe
Whatâ€™s new in v5Code quality and rewrite in ES6The script is now distributed as an ES module and does not require a build step to use. The documentation is also updated and now includes more examples. Simpler initialization and dynamic import supportPhotoSwipe now supports dynamic import and does not block page rendering. <script type="module"> import Lightbox from './photoswipe-lightbox.esm.js';
blogpants 2012/03/02
jquery

ç”»åƒ

ã‚¹ãƒžãƒ›
ãƒªãƒ³ã‚¯
Fullscreen Slideshow with HTML5 Audio and jQuery | Codrops
In todayâ€™s tutorial weâ€™ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city. In todayâ€™s tutorial weâ€™ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in orde
blogpants 2012/03/02
jquery

ç”»åƒ
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸