[B! JavaScript][sample] sometkã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sometk id:sometk

JavaScriptã¨sampleã«é–¢ã™ã‚‹sometkã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

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

Ajaxã‚’å‹‰å¼·ã—ã‚ˆã†
ã“ã®ãƒšãƒ¼ã‚¸ã¯Ajaxã‚’å‹‰å¼·ã—ã¦ã¿ãŸã„äººå‘ã‘ã®å¦ç¿’ç”¨ãƒšãƒ¼ã‚¸ã§ã™ã€‚ã‚µãƒ¼ãƒãƒ¼ã‚’å…¥ã‚Œæ›¿ãˆãŸãŸã‚ä¸€éƒ¨CGIã‚’ä½¿ç”¨ã—ãŸã‚‚ã®ãŒå‹•ä½œã—ã¦ã„ã¾ã›ã‚“ã€‚æ™‚é–“ã®ã‚ã‚‹æ™‚ã«ä¿®æ£ã—ã¾ã™ã€‚ã¾ãŸã€æ›¸ã„ã¦ã‹ã‚‰ã€ã‹ãªã‚Šæ™‚é–“ãŒçµŒéŽã—ã¦ã„ã‚‹ãŸã‚å†…å®¹çš„ã«å¤ã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ã”äº†æ‰¿ãã ã•ã„ã€‚ Ajaxã§åˆ©ç”¨ã•ã‚Œã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«é–¢ã—ã¦ã¯åˆ¥ãƒšãƒ¼ã‚¸(Ajax Effect)ã«ç§»å‹•ã—ã¾ã—ãŸã€‚ Ajaxé–¢é€£æ›¸ç±ã«é–¢ã—ã¦ã¯Ajaxé–¢é€£æ›¸ç±ä¸€è¦§ãƒšãƒ¼ã‚¸ã‚’ç”¨æ„ã—ã¾ã—ãŸã€‚ Prototypeç³»ãƒ©ã‚¤ãƒ–ãƒ©ãƒª ã‚µãƒ³ãƒ—ãƒ«ãƒ—ãƒã‚°ãƒ©ãƒ ã€New !!ã€‘ã®ãƒšãƒ¼ã‚¸ã‚’ç”¨æ„ã—ã¾ã—ãŸã®ã§ã€Prototypeç³»ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹æ–¹ã¯å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ãƒŸã‚¹ã‚„é–“é•ã„ãªã©ãŒã‚ã‚Šã¾ã—ãŸã‚‰openspc@po.shiojiri.ne.jpã¾ã§ãŠé¡˜ã„ã—ã¾ã™ã€‚ ç¬¬ä¸€ç« ã€€Ajaxã£ã¦ï¼Ÿ Ajaxã¨RIA Ajaxã¨DHTML Ajaxã¨Flash Ajaxã«å¿…è¦ãªçŸ¥è˜ã¨æŠ€è¡“ Aja
sometk 2009/10/27
web

ajax

javascript

library

sample
ãƒªãƒ³ã‚¯
ã‚¿ãƒ–åŒºåˆ‡ã‚Šå½¢å¼ã®ãƒ‡ãƒ¼ã‚¿ã‚’èªã¿è¾¼ã¿è¡¨ç¤ºã™ã‚‹
ã‚¿ãƒ–åŒºåˆ‡ã‚Šå½¢å¼ã®ãƒ†ã‚ã‚¹ãƒˆãƒ‡ãƒ¼ã‚¿ã‚’èªã¿è¾¼ã¾ã›è¡¨ç¤ºã™ã‚‹ã«ã¯prototype.jsãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’åˆ©ç”¨ã™ã‚‹ã¨ç°¡å˜ã§ã™ã€‚Ajax.Request()ã§èªã¿è¾¼ã‚€ã‚¿ãƒ–åŒºåˆ‡ã‚Šãƒ†ã‚ã‚¹ãƒˆã®URLã‚’æŒ‡å®šã—ã¾ã™ã€‚ãƒ‡ãƒ¼ã‚¿ãŒèªã¿è¾¼ã¾ã‚ŒãŸã‚‰ã€æ”¹è¡Œã‚³ãƒ¼ãƒ‰ã¨ã‚¿ãƒ–ã‚³ãƒ¼ãƒ‰ã§åˆ†å‰²ã—ã¾ã™ã€‚åˆ†å‰²ã•ã‚ŒãŸæ•°ã ã‘ç¹°ã‚Šè¿”ã—ãƒ†ãƒ¼ãƒ–ãƒ«ã¨ã—ã¦è¡¨ç¤ºã—ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ [å®Ÿè¡Œ] <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>JavaScript Sample</title> <link rel="stylesheet" type="text/css" href="main.css" medi
sometk 2009/10/27
javascript

sample

web

split
ãƒªãƒ³ã‚¯
ç¬¬ä¸‰ç« ã€€ãƒ‡ãƒ¼ã‚¿ã‚’è§£æžã—è¡¨ç¤ºã—ã‚ˆã†ï¼šã‚¿ãƒ–åŒºåˆ‡ã‚Šãƒ†ã‚ã‚¹ãƒˆã‚’è¡¨ç¤ºã™ã‚‹
ç¬¬ä¸‰ç« ã§ã¯ãƒ‡ãƒ¼ã‚¿ã‚’è§£æžã—è¡¨ç¤ºã—ã¾ã™ã€‚ã¾ãšã€æ‰‹è»½ã«æ‰±ãˆã‚‹ã‚¿ãƒ–åŒºåˆ‡ã‚Šãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒšãƒ¼ã‚¸ã«è¡¨ç¤ºã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã‚¿ãƒ–åŒºåˆ‡ã‚Šãƒ†ã‚ã‚¹ãƒˆã¯ãƒ‡ãƒ¼ã‚¿ã¨ãƒ‡ãƒ¼ã‚¿ã®é–“ãŒã‚¿ãƒ–ã‚³ãƒ¼ãƒ‰ï¼ˆASCã‚³ãƒ¼ãƒ‰9ç•ªï¼‰ã§åŒºåˆ‡ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ã“ã®å½¢å¼ã®ãƒ‡ãƒ¼ã‚¿ã¯ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã§ã‚‚ä½œæˆã§ãã¾ã™ã—ã€Excelãªã©ã®ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã‚½ãƒ•ãƒˆã§ã‚‚å‡ºåŠ›ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã“ã“ã§ã¯Excelã§ä½œæˆã—ãŸãƒ‡ãƒ¼ã‚¿ (sample.xls) ã‚’UTF-8 (BOM [Byte Order Mark]ä»˜ã) ã«æ–‡å—ã‚³ãƒ¼ãƒ‰ã‚’å¤‰æ›ã—ãŸãƒ•ã‚¡ã‚¤ãƒ« (sample.txt) ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚æ”¹è¡Œã‚³ãƒ¼ãƒ‰ã¯LF (Line Feed : ASCã‚³ãƒ¼ãƒ‰10ç•ª)ã«ã—ã¦ã‚ã‚Šã¾ã™ã€‚ ã¾ãšã€å¾“æ¥é€šã‚Šãƒ‡ãƒ¼ã‚¿ã‚’ã‚µãƒ¼ãƒãƒ¼ã‹ã‚‰èªã¿è¾¼ã¿ã¾ã™ã€‚ãƒ†ã‚ã‚¹ãƒˆãƒ‡ãƒ¼ã‚¿ãªã®ã§responseTextã§ãƒ‡ãƒ¼ã‚¿ã‚’å—ã‘å–ã‚Šã¾ã™ã€‚ã“ã®èªã¿è¾¼ã‚“ã ãƒ‡ãƒ¼ã‚¿ã‚’æ”¹è¡Œã‚³ãƒ¼ãƒ‰ (LF) ã§è¡Œå˜ä½ã«åˆ†ã‘ã¾ã™ã€‚åˆ†ã‘ã‚‹å‰ã«æ”¹è¡Œã‚³ãƒ¼ãƒ‰
sometk 2009/10/27
web

sample

javascript
ãƒªãƒ³ã‚¯
[JS]ãƒãƒ§ãƒ¼ç°¡å˜ã«ã‚µã‚¤ãƒˆã‚’AJAXå¯¾å¿œã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -com.bydust.ajax | ã‚³ãƒªã‚¹
com.bydust.ajaxã¯ã€ã‚¹ã‚¿ãƒ†ã‚£ãƒƒã‚¯ãªã‚µã‚¤ãƒˆã§ã‚‚WordPressã®ã‚ˆã†ãªã‚µã‚¤ãƒˆã§ã‚‚ã€ãƒšãƒ¼ã‚¸å…¨ä½“ã®ãƒãƒ¼ãƒ‰ã‚’ã›ãšã«å¿…è¦ãªç®‡æ‰€ã®ã¿ãƒãƒ¼ãƒ‰ã—ã¦è¡¨ç¤ºã™ã‚‹AJAXå¯¾å¿œã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ com.bydust.ajax demo ãƒ‡ãƒ¢ã‚µã‚¤ãƒˆã§ã¯ã€å³ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚„å„è¨˜äº‹ã®ã‚¿ã‚¤ãƒˆãƒ«ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€é€šå¸¸ã®ãƒšãƒ¼ã‚¸é·ç§»ã¨ã¯ç•°ãªã‚Šå¿…è¦ãªç®‡æ‰€ã®ã¿éžåŒæœŸé€šä¿¡ã‚’è¡Œã„è¡¨ç¤ºã—ã¾ã™ã€‚ â€»å¤–éƒ¨ãƒªãƒ³ã‚¯ãªã©ã¯è‡ªå‹•èªè˜ã—ã¦ã€åˆ¥ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã§è¡¨ç¤ºã—ã¾ã™ã€‚ ã‚µã‚¤ãƒˆã‚’AJAXå¯¾å¿œã«ã™ã‚‹æ–¹æ³• ã‚µã‚¤ãƒˆã‚’AJAXå¯¾å¿œã«ã™ã‚‹åŸºæœ¬çš„ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆã®è¨ç½®æ–¹æ³•ã¯ã€ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ ä¸‹è¨˜ã¯ã€å¯¾è±¡ã¨ãªã‚‹å…¨ãƒšãƒ¼ã‚¸ã«é©ç”¨ã—ã¾ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸï¼’ã¤ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆï¼ˆcom.bydust.ajax.js, com.bydust.array.jsï¼‰ã‚’å¤–éƒ¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ HTMLã®åŸºæœ¬æ§‹é€ ã¯ã€ã€Œid="page"ã€ã‚’è¦ªè¦ç´ ã¨ã—ã¦ã€ã€Œid=
sometk 2009/10/27
ajax

web

javascript

tips

sample
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
sometk 2009/10/27
jQuery

sample

javascript

web

design
ãƒªãƒ³ã‚¯
http://101lab.net/javascript/2007/07/jquery.html
sometk 2009/10/27
jQuery

sample

javascript
ãƒªãƒ³ã‚¯
jQuery é–‹ç™ºè€…å‘ã‘ãƒ¡ãƒ¢ - åŸºæœ¬ãƒ»ã‚µãƒ³ãƒ—ãƒ«
åŸºæœ¬ jQueryã¨ã¯ jQuery ã¯æ§˜ã€…ãªå‡¦ç†ã‚’çŸãç°¡å˜ã«æ›¸ã‘ã‚‹ JavaScript ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ï¼Ž ç‹¬è‡ªã®XPATH/CSSã‚»ãƒ¬ã‚¯ã‚¿ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ï¼Œå¤šãã®DOMæ“ä½œã‚’éžå¸¸ã«ç°¡å˜ã«æ›¸ãã“ã¨ãŒå‡ºæ¥ã¾ã™ï¼Ž JavaScriptã®DOMæ“ä½œã‚„ï¼ŒXMLHTTPRequestï¼ŒXMLã®æ“ä½œãªã©ã‚’è¦šãˆãªãã¨ã‚‚ï¼Œ Ajaxã‚’åˆ©ç”¨ã—ãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ï¼Ž ä»¥ä¸‹ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’è¦‹ã‚Œã°ï¼ŒJavaScriptã‚‰ã—ã„è¡¨è¨˜ã‚’ã»ã¨ã‚“ã©ã™ã‚‹å¿…è¦ãŒãªã„ã“ã¨ãŒã‚ã‹ã‚‹ã¨æ€ã„ã¾ã™ï¼Ž toggleã‚µãƒ³ãƒ—ãƒ« ç‰¹å®šã®ãƒ–ãƒãƒƒã‚¯ã®è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã®ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã«ãªã‚Šã¾ã™ï¼Ž $("#target_toggle").toggle("slow"); ã“ã®ãƒ–ãƒãƒƒã‚¯ã¯ï¼Œ<p id="target_toggle"> ã§ã™ï¼Ž Ajaxã‚µãƒ³ãƒ—ãƒ« Ajaxã§hello.htmlã‚’ãƒãƒ¼ãƒ‰ã™ã‚‹ã®ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªã‚³
sometk 2009/10/27
javascript

jQuery

sample
ãƒªãƒ³ã‚¯
ä¸€æ™©ã§è¦šãˆã‚‹jQueryã®é€†å¼•ãåŸºç¤Žã‚µãƒ³ãƒ—ãƒ«7ã¤*ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹äººã®ãƒã‚¿å¸³
sometk 2009/10/27
jQuery

sample

javascript
ãƒªãƒ³ã‚¯
jQuery ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å…¥é–€ã€€ã‚µãƒ³ãƒ—ãƒ«
â‰ªã‚µãƒ³ãƒ—ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«â‰« æ›¸ç±ã€ŒjQuery ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å…¥é–€ã€ã§ç´¹ä»‹ã—ãŸã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ ã€ŒjQueryã€ã®å¦ç¿’ã‚’é€²ã‚ã‚‹éš›ã®å‚è€ƒã¨ã—ã¦ãã ã•ã„ã€‚ ISBNï¼š978-4-87783-225-4 ç¬¬ï¼‘ç« ã€€jQueryã®å°Žå…¥ sample_1_01
sometk 2009/10/27
jQuery

javascript

sample
ãƒªãƒ³ã‚¯
1