[B! JavaScript][webé–‹ç™º] se_tsu_naã®ãƒ

se_tsu_na id:se_tsu_na

JavaScriptã¨webé–‹ç™ºã«é–¢ã™ã‚‹se_tsu_naã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

ç«¹å– JS
ç”»é¢ã‚’ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã§ç¸¦æ›¸ãã¨æ¨ªæ›¸ãã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚è¦ç´ ã‚’æŒ‡å®šã—ã¦ç¸¦æ›¸ãã«ã—ã¦ã„ã‚‹å ´åˆã¯ã€æ¬¡å›žã‚¢ã‚¯ã‚»ã‚¹æ™‚ã«åŒã˜è¡¨ç¤ºãŒå¼•ãç¶™ãŒã‚Œã¾ã™ã€‚ ã©ã‚“ãªã‚µã‚¤ãƒˆã§ã‚‚ç¸¦æ›¸ãã«ã™ã‚‹ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆã€‚ â†“å³ã‚¯ãƒªãƒƒã‚¯ã§ã€ŒãŠæ°—ã«å…¥ã‚Šã€ã«ä¿å˜ã™ã‚‹ã‹ã€ãƒªãƒ³ã‚¯ã‚’ãƒ‰ãƒ©ãƒƒã‚°ã—ã¦ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒãƒ¼ã«ãƒ‰ãƒãƒƒãƒ—ã—ã¾ã™ã€‚ ã€Œç¸¦æ›¸ãã«ã™ã‚‹ãƒ»iPhone ç”¨ãƒªãƒ³ã‚¯ã€ ã€Œç¸¦æ›¸ãå¯èƒ½ã«ã™ã‚‹ãƒ»iPhone ç”¨ãƒªãƒ³ã‚¯ã€ ã€Œæ®µçµ„ã¿ç¸¦æ›¸ãå¯èƒ½ã«ã™ã‚‹ãƒ»iPhone ç”¨ãƒªãƒ³ã‚¯ã€ iPhone ã«ç™»éŒ²ã™ã‚‹ã«ã¯ï¼Ÿ ã¨ã‚Šã‚ãˆãšã“ã®ãƒšãƒ¼ã‚¸ã‚’å…±æœ‰ãƒœã‚¿ãƒ³ã‹ã‚‰ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã€‚ iPhone ç”¨ãƒªãƒ³ã‚¯ ã‚’é•·æŠ¼ã—ã—ã¦ã‚³ãƒ”ãƒ¼ã€‚ ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã‚’é–‹ã„ã¦ã€è¿½åŠ ã—ãŸãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã‚’ã€Œç·¨é›†ã€ã€‚ åå‰ã‚’ã€Œç¸¦æ›¸ãå¯èƒ½ã«ã™ã‚‹ã€ãªã©ã«å¤‰æ›´ã—ã€URL æ¬„ã«ä¸Šè¨˜ã‚³ãƒ¼ãƒ‰ã‚’ãƒšãƒ¼ã‚¹ãƒˆã€‚ æœ€åˆã®ã€Œhttp://ã€ã‚’å‰Šé™¤ã€‚ æ³¨æ„ï¼ ã‚„ã‚„å‹•ä½œãŒé‡ã„ã§ã™ï¼ ã†ã¾ãå¤‰æ›ã§ããªã‹ã£ãŸã¨ãã¯ã€ç”»é¢ã‚’ãƒ€ãƒ–
se_tsu_na 2010/07/06
javascript

ç¸¦æ›¸ã

webé–‹ç™º

webè£½ä½œ

webåˆ¶ä½œ

ãŠå½¹ç«‹ã¡

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã‚’ãƒ¬ãƒ³ã‚¬çŠ¶ã«ç¶ºéº—ã«æ•´åˆ—ã•ã›ã‚‹ã€ŒjQuery Masonryã€ãŒå‡„ã„:phpspoté–‹ç™ºæ—¥èªŒ
ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã‚’ãƒ¬ãƒ³ã‚¬çŠ¶ã«ç¶ºéº—ã«æ•´åˆ—ã•ã›ã‚‹ã€ŒjQuery Masonryã€ãŒå‡„ã„ã§ã™ã€‚ æ™®é€šã€é«˜ã•ã®é•ã†ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã‚’ float ã¨ã‹ã§ä¸¦ã¹ã‚‹ã¨æ¬¡ã®ã‚ˆã†ãªã€ã©ã†è¦‹ã¦ã‚‚è¦‹ã‚Œãªã„å´©ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹jQuery Masonry ã‚’ä½¿ã†ã¨ã€æ¬¡ã®ã‚ˆã†ã«ã€ç¶ºéº—ã«ãƒ†ãƒˆãƒªã‚¹ã£ã½ãæ•´åˆ—ã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ â†“â†“â†“â†“â†“â†“â†“â†“â†“â†“ ã“ã‚Œã‚’å®Ÿç¾ã™ã‚‹ã®ã«å¿…è¦ãªJavaScript ã‚³ãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«æ•°è¡Œã€‚ã“ã‚Œã§å®Ÿç¾å¯èƒ½ã§ã™ã€‚ $('#primary').masonry({ columnWidth: 100, it emSelector: '.box' }); ã“ã®ä»•çµ„ã¿ã‚’ä½¿ã£ã¦ãƒ–ãƒã‚°ç‰ã‚’è¡¨ç¤ºã™ã‚‹ã¨ã‚‚ã£ã¨é¢ç™½ã„ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ æ–°èžã£ã½ããªã‚Šã¾ã—ãŸãã€‚ ãƒ–ãƒ©ã‚¦ã‚¶å¹…ã‚’å¤‰ãˆã‚‹äº‹ã§ã„ã‚ã„ã‚ãªè¦‹ãˆæ–¹ã«ãªã‚‹ã®ã‚‚é¢ç™½ã„ã§ã™ã€‚ ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ jQuery Masonry ? B
se_tsu_na 2009/12/10
javascript

webåˆ¶ä½œ

webè£½ä½œ

webé–‹ç™º

è³‡æ–™
ãƒªãƒ³ã‚¯
[JS]ã‚½ãƒ¼ãƒˆã ã‘ã§ãªãã€æ¤œç´¢ã‚‚å¯èƒ½ãªå¤šæ©Ÿèƒ½ãªãƒ‡ãƒ¼ã‚¿ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ
ã‚»ãƒ«ã®ãƒã‚¤ãƒ©ã‚¤ãƒˆè¡¨ç¤ºã€ãƒ‡ãƒ¼ã‚¿ã®ã‚½ãƒ¼ãƒˆã€ç‰¹å®šæ–‡å—åˆ—ã®æ¤œç´¢ãªã©ã«å¯¾å¿œã—ãŸãƒ‡ãƒ¼ã‚¿ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
se_tsu_na 2009/02/28
ãƒ‡ã‚¶ã‚¤ãƒ³

javascript

webé–‹ç™º

webåˆ¶ä½œ

webè£½ä½œ
ãƒªãƒ³ã‚¯
ãƒ†ãƒ¼ãƒ–ãƒ«ã®åˆ—ã‚’æŠ˜ã‚ŠãŸãŸã‚€ - shortcut
webã®ã„ã‚ã‚“ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç”Ÿæ¥ã«ã—ã¦ã„ã‚‹äººé–“ã®ã¡ã‚‡ã£ã¨ã—ãŸTipsã ã£ãŸã‚Šãƒ¡ãƒ¢ã ã£ãŸã‚Šã€‚ webã®ãƒ•ãƒãƒ³ãƒˆæŠ€è¡“ã«ã¤ã„ã¦æ›¸ãäº‹ãŒå¤šã„ã§ã™ã€‚ æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒå‡ºã‚‹ã‚ˆã†ãªå¹…ã®åºƒã„ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ä½¿ã‚ãªã‘ã‚Œã°ã„ã‘ãªã„æ™‚ã«ä½¿ã†ã¨ã„ã„ã‹ã‚‚ã—ã‚Œãªã„DHTMLã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚’è¦‹ã‚‹ã€‚ WinIE6ã¨firefox1ã§ç¢ºèªæ¸ˆã¿ã€‚Safariã¯æŠ˜ã‚Šç•³ã‚€ã¨ãã«ã‚´ãƒŸãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã€ã¡ã‚‡ã£ã¨ä½¿ãˆãªã„ã‹ã‚‚ã€‚ ã‚½ãƒ¼ã‚¹ã¯ã“ã‚“ãªæ„Ÿã˜ã€‚ã¨ã‚Šã‚ãˆãšè¡¨ç¤ºã§ãã¦ã„ã¾ã™ã¨ã„ã†ãƒ¬ãƒ™ãƒ«ãªã®ã§ã€å…¨ç„¶ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆã§ã‚‚ã‚¹ãƒžãƒ¼ãƒˆã§ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ã‚‚ã£ã¨ç´ æ•µãªå‡¦ç†æ–¹æ³•ã‚’çŸ¥ã£ã¦ã„ã‚‹äººãŒã„ãŸã‚‰æ•™ãˆã¦ãã ã•ã„ã€‚ javaScript /* ãƒ†ãƒ¼ãƒ–ãƒ«ã®ã‚»ãƒ«ã®è¡¨ç¤ºï¼éžè¡¨ç¤ºã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ */ function hideCell(className,idName) { obj=document.getElementById(idName); if(obj.classNam
se_tsu_na 2009/02/18
javascript

webåˆ¶ä½œ

webè£½ä½œ

webé–‹ç™º

è³‡æ–™
ãƒªãƒ³ã‚¯
ã€ã‚¤ãƒ³ãƒ•ã‚©ã‚·ãƒ¼ã‚¯ã€‘Infoseek ï¼š æ¥½å¤©ãŒé‹å–¶ã™ã‚‹ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆ
æ—¥é ƒã‚ˆã‚Šæ¥½å¤©ã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”åˆ©ç”¨ã„ãŸã ãã¾ã—ã¦ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”åˆ©ç”¨ã„ãŸã ã„ã¦ãŠã‚Šã¾ã™ã¨ã“ã‚å¤§å¤‰ç”³ã—è¨³ã”ã–ã„ã¾ã›ã‚“ãŒã€ç¾åœ¨ã€ç·Šæ€¥ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚’è¡Œã‚ã›ã¦ã„ãŸã ã„ã¦ãŠã‚Šã¾ã™ã€‚ ãŠå®¢æ§˜ã«ã¯ã€ç·Šæ€¥ã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã«ã‚ˆã‚Šã€ã”è¿·æƒ‘ã‚’ãŠã‹ã‘ã—ã¦ãŠã‚Šã€èª ã«ç”³ã—è¨³ã”ã–ã„ã¾ã›ã‚“ã€‚ ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãŒçµ‚äº†æ¬¡ç¬¬ã€ã‚µãƒ¼ãƒ“ã‚¹ã‚’å¾©æ—§ã„ãŸã—ã¾ã™ã®ã§ã€ ä»Šã—ã°ã‚‰ããŠå¾…ã¡ã„ãŸã ã‘ã¾ã™ã‚ˆã†ã€ãŠé¡˜ã„ç”³ã—ä¸Šã’ã¾ã™ã€‚
se_tsu_na 2009/01/23
webåˆ¶ä½œ

webè£½ä½œ

webé–‹ç™º

javascript
ãƒªãƒ³ã‚¯
for æ–‡ã¨ç„¡åé–¢æ•°ã®ã‚¤ãƒ‡ã‚£ã‚ªãƒ - ITæˆ¦è¨˜
id:cho45 ãŒãƒãƒ§ãƒã£ã¨æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ãŒè©±é¡Œã«ãªã£ã¦ã„ã‚‹ å†¬é€šã‚Šã«æ¶ˆãˆè¡Œãåˆ¶æœã‚¬ãƒ¼ãƒ«ã¯âœ–å¤¢ç‰©èªžã«ãƒªã‚¢ãƒ«ã‚’æ±‚ã‚ãªã„ã€‚ - subtech ã“ã®ã‚ˆã†ãªæ›¸ãæ–¹ã¯ã€è‡ªåˆ†ã‚‚ãŸã¾ã«ã™ã‚‹ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ã“ã®æ›¸ãæ–¹ã‚’ã™ã‚‹åˆ©ç‚¹ã‚’ä»¥ä¸‹ã®é †ã«è§£èª¬ã—ã¦è¦‹ã‚‹ã€‚ å˜ç´”ãª for æ–‡ã®å•é¡Œç‚¹ with æ–‡ã‚’ä½¿ã£ãŸè§£æ±ºæ–¹æ³•ã¨ã€ãã®å¾®å¦™ãªå•é¡Œç‚¹ ç„¡åé–¢æ•°ã‚’ä½¿ã£ãŸè§£æ±ºæ–¹æ³• å˜ç´”ãª for æ–‡ã®å•é¡Œç‚¹ ã¾ãšã¯ã€ä»¥ä¸‹ã® HTML ã«å¯¾ã—ã¦ <ul> <li>hoge</li> <li>fuga</li> <li>piyo</li> </ul> ä»¥ä¸‹ã® JavaScript ã‚’å®Ÿè¡Œã—ã¦ var list = document.querySelectorAll('ul > li'); for (var i = 0, len = list.length; i < len; i++) { var node = list[i]; v
se_tsu_na 2009/01/19
ã‚ã¨ã§èªã‚€

javascript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

webåˆ¶ä½œ

webé–‹ç™º

è³‡æ–™
ãƒªãƒ³ã‚¯
1