[B! Ajax] nao-tã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

nao-t id:nao-t

Ajaxã«é–¢ã™ã‚‹nao-tã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (15)

${{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ã§æ›¸ãæ›ãˆãŸã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã§ãƒãƒƒã‚¯ãƒœã‚¿ãƒ³ã‚’ä½¿ã† â€“ Naofumi Kagami
ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ ä¸‹è¨˜ã®ã‚³ãƒ¼ãƒ‰ä¾‹ã§ã¯çŠ¶æ…‹ã‚’ä¿å˜ã™ã‚‹ãŸã‚ã« input type=â€textâ€ ã‚’ä½¿ã„ã¾ã—ãŸã€‚ã“ã®å€¤ã‚’è¡¨ç¤ºã—ãŸããªã„å ´åˆã¯ã€input type=â€hiddenâ€ ã‚’ä½¿ã‚ãšã« style=â€display:noneâ€ ã¨ã—ãŸæ–¹ãŒè‰¯ã„ã‚ˆã†ã§ã™ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ã¯ï¼ˆä¾‹ãˆã°Safariã®5ä»¥é™ï¼‰ type=â€hiddenâ€ã®å€¤ãŒä¿å˜ã•ã‚Œã‚‹ã¨ã¯é™ã‚Šã¾ã›ã‚“(Webkit Bugzilla)ã€‚input type=â€textâ€ã¨style=â€display:noneâ€ã®çµ„ã¿åˆã‚ã›ã«æ–¹ãŒã€ç•°ãªã‚‹ãƒ–ãƒ©ã‚¦ã‚¶é–“ã§ç¢ºå®Ÿã«å‹•ä½œã—ã¦ãã‚Œãã†ã§ã™ã€‚ AJAXã‚’ãŸãã•ã‚“ä½¿ã£ãŸãƒšãƒ¼ã‚¸ã§ãƒãƒƒã‚¯ãƒœã‚¿ãƒ³ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ã—ãŸã„ã¨æ€ã£ã¦ã€ã‚¦ã‚§ãƒ–ã§ã„ã‚ã„ã‚æŽ¢ã—ã¾ã—ãŸã€‚è¦‹ã¤ã‹ã£ãŸã®ã¯ä¾‹ãˆã° Really Simple History (RSH)ã‚„YUI Historyãªã©ã§ã€ä»¥ä¸‹ã«è¿°ã¹ã‚‹ã‚ˆã†ã«ã‹ãªã‚Šæ€–ã„ãã‚‰ã„ã®ãƒãƒƒã‚¯ã‚’ã—ã¦ã„ã‚‹
nao-t 2014/04/10
Ajax

ãƒ–ãƒ©ã‚¦ã‚¶

ã‚³ãƒ¼ãƒ‰

Webåˆ¶ä½œ

Webé–‹ç™º

webã‚¢ãƒ—ãƒª

Webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
http://blog.caraldo.net/board/
nao-t 2013/01/22
Webé–‹ç™º

Ajax
ãƒªãƒ³ã‚¯
Selenium2.x ã§ Ajax ãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒ†ã‚¹ãƒˆã—ã‚ˆã† ã€œ Facebook ã®è‡ªå‹•ã‚ã„ã•ã¤è¿”ç”æ©Ÿèƒ½ã‚’å®Ÿè£… ã€œ - Yamashiro0217ã®æ—¥è¨˜
ã“ã®è¨˜äº‹ã§ã¯ã€Facebook ã®ã‚ã„ã•ã¤(Poke)æ©Ÿèƒ½ã¸ã®è¿”ä¿¡ã‚’é¡Œæã«ã€æ²¢å±±ãŸã¾ã‚‹ã¨ã‚¦ã‚¶ã„å¬‰ã—ã„ã‚ã„ã•ã¤ã‚’è‡ªå‹•ã§è¿”ã™ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’æ›¸ãã“ã¨ã§ã€Selenium2.x ã®ä½¿ã„æ–¹ã€ç‰¹ã« Ajax ã‚¢ãƒ—ãƒªã‚’ãƒ†ã‚¹ãƒˆã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦å¦ã¹ã‚‹ã‚ˆã†ã«ã™ã‚‹ã€‚ Ajax ãŒã‹ã‚‰ã‚“ã Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¨ãƒ³ãƒ‰ãƒ„ãƒ¼ã‚¨ãƒ³ãƒ‰ã®æœ€è¿‘ã®ãƒ†ã‚¹ãƒˆæ‰‹æ³•ã«ã¤ã„ã¦ã®ã¾ã¨ã‚ã«ã‚‚ãªã£ã¦ã„ã‚‹ã¨æ€ã†ã€‚ æœ€åˆã®3ç¯€ãã‚‰ã„ã¯ã€ŒSeleniumã¨ã¯ã€œã€ã¨ã‹ã€Œãƒ†ã‚¹ãƒˆã£ã¦ã®ã¯ã•ãƒ¼ã€ã¨ã‹ã‚´ã‚¿ã‚¯ã‚’ã”ãŸã”ãŸæ›¸ã„ã¦ã„ã‚‹ã®ã§ã€Seleniumã®å®Ÿéš›ã®ã‚³ãƒ¼ãƒ‰è¦‹ãŸæ–¹ãŒã¯ãˆã‡ã‚ˆã€‚ã£ã¦è¨€ã†äººã¯ã‚³ãƒ¼ãƒ‰ãŒå‡ºã¦ãã‚‹ã¾ã§è¨˜äº‹ã‚’é£›ã°ã™ã¨è‰¯ã„ã€‚ ã“ã‚“ãªè¨˜äº‹ã‚’æ°—åˆå…¥ã‚Œã¦æ›¸ã„ã¦å…¬é–‹ã—ãŸå½“æ—¥ã«â€¦Facebookã®UIãŒå¤‰ã‚ã£ã¦â€¦ä½œã£ã¦ãŸã‚¹ã‚¯ãƒªãƒ—ãƒˆå‹•ã‹ãªããªã£ã¦ã—ã¾ã£ãŸâ€¦orzã€‚ä¿ºãŒä½•ã‹ã‚„ã£ãŸã‚Šè²·ã†ã¨äº‹ä»¶ãŒèµ·ãã‚‹ã‚“ã‚„ãƒ»ãƒ»ã€Œãªã«ã‹è²·ã†ã¨ãã®ç›´å¾Œã«å®‰ããªã£ãŸã‚Šã€æ–°æ©Ÿç¨®ãŒã§ãŸã‚Šã™ã‚‹ã¨ã„
nao-t 2013/01/22
][facebook][Webé–‹ç™º][ãƒ†ã‚¹ãƒˆ]

Ajax

é€šä¿¡

ãƒ–ãƒ©ã‚¦ã‚¶

JavaScript
ãƒªãƒ³ã‚¯
JavaScript
JavaScript ã§æ•°å—ã‚’ 3 æ¡ãšã¤ã‚«ãƒ³ãƒžã§åŒºåˆ‡ã‚‹ (commify) 2012-07-12-1: [JavaScript] var commify = function(s) { return s.toString() .split('').reverse().join('') .replace(/(\d\d\d)(?=\d)(?!\d*\.)/g, '$1,') .split('').reverse().join(''); }; - refs.: Perl ã‚¯ãƒƒã‚¯ãƒ–ãƒƒã‚¯ (ãƒ¬ã‚·ãƒ” 2.16)
nao-t 2012/12/20
ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰

Webé–‹ç™º

JavaScript

Ajax
ãƒªãƒ³ã‚¯
XMLHttpRequest ã§ãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒã§ããªã„ã‹? - naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼
ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯çµŒç”±ã§ã¿ã‹ã‘ãŸCodeWeb: ç”»åƒã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹å‰ã«ã‚µãƒ ãƒã‚¤ãƒ«ã‚’è¡¨ç¤ºã•ã›ã‚‹ã€‚ ã§ã¯ã€JavaScript ã‚’ä½¿ã£ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹å‰ã«ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã™ã‚‹æ–¹æ³•ãŒç´¹ä»‹ã•ã‚Œã¦ã¾ã—ãŸã€‚input type="file" ãª input è¦ç´ ã® onchange ãƒãƒ³ãƒ‰ãƒ©ã§ã”ã«ã‚‡ã‚‹ã¨ã„ã†ã‚‚ã®ã€‚ ä¸€æ–¹ã§ã€ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã§ã¯ãªãã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’è¿½åŠ ã—ãŸç›´å¾Œã«ç‰¹ã«ãƒœã‚¿ãƒ³ãªã©ã‚’æŠ¼ã•ãšä¸”ã¤ç”»é¢é·ç§»ãªã—ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã§ããªã„ã‚‚ã®ã‹ã¨ã€ã¡ã‚‡ã£ã¨è©¦è¡ŒéŒ¯èª¤ã—ã¦ã¿ã¦ã„ã¾ã™ã€‚ä¾‹ã«ã‚ˆã£ã¦ XMLHttpRequest ã§ Ajax ã‚‹ã‚ã‘ã§ã™ãŒã€æ®‹å¿µãªãŒã‚‰ã„ã¾ã®ã¨ã“ã‚ã†ã¾ãã„ã£ã¦ã¾ã›ã‚“ã€‚ ã“ã‚Œã¾ã§ã«æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã§ã™ã€‚prototype.js ã‚’ä½¿ã£ã¦ã¾ã™ã€‚ <input type="file" name="image" onchange=" if (this.value) { new Aja
nao-t 2012/12/17
Ajax

JavaScript

form

Webé–‹ç™º

security

XMLHTTPRequest
ãƒªãƒ³ã‚¯
ã‚¨ãƒ•ã‚§ã‚¯ãƒˆæ“ä½œï¼šåŸºæœ¬ï½œjQuery APIãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ï½œAjaxï½œPHP & JavaScript Room
ãƒžãƒƒãƒã—ãŸè¦ç´ ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰è¡¨ç¤ºã—ã¾ã™ã€‚ ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã®ç¬¬2å¼•æ•°callbackã‚’æŒ‡å®šã—ãŸå ´åˆã¯ã€è¦ç´ ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å®Œäº†æ™‚ã«æŒ‡å®šã—ãŸã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã‚’å®Ÿè¡Œã—ã¾ã™ã€‚ ãƒžãƒƒãƒã—ãŸå„è¦ç´ ã®é«˜ã•ãƒ»å¹…ãƒ»é€æ˜Žåº¦ã¯ã€æŒ‡å®šã—ãŸé€Ÿåº¦ã«ã—ãŸãŒã£ã¦å‹•çš„ã«å¤‰æ›´ã•ã‚Œã¾ã™ã€‚ jQuery v1.3ã‹ã‚‰ã¯ã€paddingã¨marginãŒã‚ˆã‚Šæ»‘ã‚‰ã‹ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ç¬¬1å¼•æ•°speedã«ã¯ã€è¦ç´ ã‚’è¡¨ç¤ºæ™‚ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é€Ÿåº¦ã‚’æŒ‡å®šã—ã¾ã™ã€‚ æ•°å€¤ï¼ˆãƒŸãƒªç§’ï¼‰ã‚ã‚‹ã„ã¯æ–‡å—åˆ—ã‚’æŒ‡å®šå¯èƒ½ã§ã™ã€‚ æ•°å€¤ã®å ´åˆã€ä¾‹ãˆã°3ç§’ãªã‚‰ã€Œ3000ã€ã‚’æŒ‡å®šã—ã¾ã™ã€‚ æ–‡å—åˆ—ã®å ´åˆã€ã‚ã‚‰ã‹ã˜ã‚å®šç¾©ã•ã‚Œã¦ã„ã‚‹é€Ÿåº¦ï¼ˆã€Œslowã€ï¼ˆã‚†ã£ãã‚Šï¼‰ã€ã€Œnormalã€(é€šå¸¸ï¼‰ã€ã€Œfastã€ï¼ˆé€Ÿãï¼‰ï¼‰ã®ã„ãšã‚Œã‹ã‚’æŒ‡å®šã—ã¾ã™ã€‚ ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã®ç¬¬2å¼•æ•°callbackã«ã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå®Œäº†ã—ãŸæ™‚ã«å®Ÿè¡Œã™ã‚‹é–¢æ•°ã‚’æŒ‡å®šã—ã¾ã™ã€‚ é–¢æ•°ãŒå®Ÿè¡Œã•ã‚Œã‚‹
nao-t 2012/12/17
JavaScript

jQuery

css

Ajax
ãƒªãƒ³ã‚¯
Learn web development Â |Â web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
nao-t 2012/12/15
][html5][Webé–‹ç™º][form]

xhr2

Programming

Ajax

JavaScript
ãƒªãƒ³ã‚¯
XMLHttpRequest ã®ä½¿ç”¨ - Web API | MDN
This feature is well established and works across many devices and browser versions. Itâ€™s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback ã“ã®ã‚¬ã‚¤ãƒ‰ã§ã¯ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¨ã‚µãƒ¼ãƒãƒ¼ã®é–“ã§ãƒ‡ãƒ¼ã‚¿äº¤æ›ã‚’ã™ã‚‹ãŸã‚ã«ã€ XMLHttpRequest ã‚’ä½¿ç”¨ã—ã¦ HTTP ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’ç™ºè¡Œã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ XMLHttpRequest ã®ã‚ˆãã‚ã‚‹ä½¿ç”¨ä¾‹ã‚„ã‚‚ã£ã¨åˆ†ã‹ã‚Šã«ãã„ä½¿ç”¨ä¾‹ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ HTTP ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’é€ã‚‹ã«ã¯ã€ XMLHttpRequest ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œæˆã—ã€ URL ã‚’é–‹ãã€ ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’é€ä¿¡ã—ã¾ã™ã€‚ ãƒˆãƒ©ãƒ³ã‚¶ã‚¯ã‚·ãƒ§ãƒ³ãŒå®Œäº†ã™ã‚‹ã¨ã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ
nao-t 2012/12/15
Webé–‹ç™º

Ajax

form
ãƒªãƒ³ã‚¯
$.ajaxãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã§ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã‚’è¡¨ç¤ºã™ã‚‹ã€‚ - ãã‚Œãƒžã‚°ã§ï¼
é€Ÿåº¦åˆ¶é™ãŒæ¯Žæ—¥ç¶šãTakuyaã§ã™ã€‚ã“ã‚“ã«ã¡ã¯ï¼ã€‚ ãƒ‡ãƒ¼ã‚¿ã‚»ãƒ³ã‚¿ãƒ¼ã«mpegå‹•ç”»ã‚’é€ä¿¡ã—ã¦ã€ã‚µãƒ¼ãƒãƒ¼å´ã§ffmpeg æŽ›ã‘ã¦ã¾ã—ãŸã€‚ç¯€é›»ã®ç‚ºã«è‡ªå®…é¯–ã‚’åœæ¢ã—ã€Linuxãƒœãƒƒã‚¯ã‚¹ã ã‘èµ·å‹•ã—ã¦ã¾ã—ãŸã€‚é‡ã„å‡¦ç†ã¯ã‚µãƒ¼ãƒãƒ¼ã«ã‚„ã‚‰ã›ã¦ã¾ã—ãŸã€‚ãƒ•ã‚¡ã‚¤ãƒ«é€ä¿¡ãŒï¼“TBè¶…ãˆã¦ã¤ã„ã«é€Ÿåº¦åˆ¶é™ã‚’å–°ã‚‰ã„ã¾ã—ãŸã€‚æ€–ã„ã§ã™ãã€‚ï¼‘ï¼‘ï¼ï¼ï¼‘ã«ç„¡äº‹è§£é™¤ã•ã‚Œã¾ã—ãŸãŒã€‚ã€‚ã€‚ <input type=file /> ã®é€šä¿¡çŠ¶æ³ã‚’è¦‹ãŸã„ã€‚ UPé€Ÿåº¦åˆ¶é™ãŒ100kbpsã§ã—ãŸã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã«ä¸è‡ªç”±ã‚’æ„Ÿã˜ã¾ã—ãŸã€‚iphone4ã®å†™çœŸUPã«ï¼‘æžšã‚ãŸã‚Šï¼“ï¼ç§’ä½ã‹ã‹ã£ã¦ã¾ã—ãŸã€‚ã•ãã‚‰VPSã®WEBã‚¢ãƒ—ãƒªã«å†™çœŸã‚’ã‚¢ãƒƒãƒ—ã™ã‚‹ã ã‘ã§ã‚‚å¤§å¤‰ã§ã—ãŸã€‚ãƒ•ã‚¡ã‚¤ãƒ«é€ä¿¡çŠ¶æ³ãŒè¦‹ãˆãªã„ã¨ä¸å®‰ã—ã‹ãŸã‚ã‚Šã¾ã›ã‚“ã€‚< input type=file/> ã§ã‚¢ãƒƒãƒ—ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã®é€ä¿¡çŠ¶æ³ã‚’è¦‹ã‚Œã‚‹ã‚ˆã†ã«ãƒ•ã‚©ãƒ¼ãƒ ã‚’æ”¹é€ ã—ã¾ã—ãŸã€‚ $.ajax ã§HTMLãƒ•
nao-t 2012/12/15
ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰

Webé–‹ç™º

jQuery

Ajax

form
ãƒªãƒ³ã‚¯
File APIãã®å¾Œä½¿ã£ã¦ã¿ã¦ - ãã‚Œãƒžã‚°ã§ï¼
ãƒ•ã‚¡ã‚¤ãƒ«APIã‚’ãã®å¾Œã¡ã‚‡ã£ã¨ä½¿ã†æ©Ÿä¼šãŒã‚ã£ãŸã€‚ã„ãã¤ã‹æ°—ã¥ã„ãŸã“ã¨ãŒã‚ã£ãŸã®ã§ãƒ¡ãƒ¢ The File object provides information about -- and access to the contents of -- files. These are generally retrieved from a FileList object returned as a result of a user selecting files using the input element, or from a drag and drop operation's DataTransfer object. input type fileä»¥å¤–ã§ã‚‚ãƒ•ã‚¡ã‚¤ãƒ«ã¯å–ã‚Œã‚‹ãŒ ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã¯ DataTransfer ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆçµŒç”± XmlHttp ã¯ BlobBuilder çµŒç”± da
nao-t 2012/12/15
jQuery

form

Webé–‹ç™º

API

Ajax
ãƒªãƒ³ã‚¯
jQuery æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
jQueryã¨ã¯ã€JavaScriptã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’å¼·åŠ›ã«æ”¯æ´ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ $('.semooh a').hover( function(){ $(this).text('ãƒŒï¼Ÿ'); }, function(){ $(this).text('ãƒŒãƒ¼'); } );
nao-t 2012/12/04
JavaScript

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

jQuery

ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹

Ajax
ãƒªãƒ³ã‚¯
CSSã«é–¢ã™ã‚‹ãƒ¡ãƒ¢ã€ComboBoxã€‘ - ãŸã ã®å‚™å¿˜è¨˜éŒ²
ãã®ï¼‘ HTMLã®ãƒ•ã‚©ãƒ¼ãƒ ã§ã¯ã€SelectBoxã¨ListBoxã¨ã—ã¦ä½¿ãˆã‚‹<select>ã¨ã„ã†ã‚¿ã‚°ãŒã‚ã‚Šã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã®ã‚¿ã‚°ã§ã¯ã‚ã‚‰ã‹ã˜ã‚æº–å‚™ã•ã‚ŒãŸæ–‡å—åˆ—ã‹ã€JavaScriptã§è¿½åŠ ç”Ÿæˆã—ã¦ã—ã‹é¸æŠžã§ããªã„ã€‚ ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹ã«â–¼ãƒœã‚¿ãƒ³ã‚’ä»˜ã‘ã¦ã€ãƒ†ã‚ã‚¹ãƒˆã‚’åˆ‡ã‚Šæ›¿ãˆãŸã‚Šã€ç›´æŽ¥å…¥åŠ›ã§ãã‚‹ã‚‚ã®ã¯ComboBoxã¨å‘¼ã¶ãã†ã§ã€ãƒ•ã‚©ãƒ¼ãƒ ã§ã¯ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ãªã„ã€‚ Ajaxã‚’ä½¿ã£ãŸã‚µãƒ³ãƒ—ãƒ«ã‚‚ã‚ã£ãŸã‚‚ã®ã®ã‹ãªã‚Šæ§‹é€ ãŒè¤‡é›‘ã ã£ãŸã®ã§ã€ç„¡ç†çŸ¢ç†ãã‚Œã£ã½ãä½œã£ã¦ã¿ãŸã€‚ <input type="text"><select><option></select> ã¨ä¸¦ã¹ã¦ãŠã„ã¦ã€selectã‚¿ã‚°ã‚’CSSã§width:20pxã«è¨å®šã—ãŸã€‚ Firefoxã§ã¯ã€å·¦å´ã«å°‘ã—æž ãŒã§ãã¦ã€â–¼ãŒå³ã«ãšã‚Œã¦è¡¨ç¤ºã•ã‚Œã‚‹ã€‚â–¼ã‚’æŠ¼ã™ã¨é¸æŠžè‚¢ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€‚ IE8ã§ã¯ã€è¡¨ç¤ºã¯ç¶ºéº—ã«è¦‹ãˆã‚‹ãŒã€â–¼ã‚’æŠ¼ã™ã¨ãã®å¹…ã®ã¾ã¾é¸æŠžè‚¢ãŒè¡¨ç¤º
nao-t 2011/11/29
JavaScript

Ajax

iPad

css
ãƒªãƒ³ã‚¯
AJAXãªç”»åƒæ¤œç´¢ã‚’å®Ÿè£…ã—ã¦ã¿ãŸ - ã¨ã‚ã‚‹ã‚»ã‚¯ã‚·ãƒ¼ãªãƒ‡ãƒ¼ã‚¿åˆ†æžå®˜
yahoo APIã®ç”»åƒæ¤œç´¢ã‚’ä½¿ã„ã€ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã«å…¥åŠ›ã•ã‚ŒãŸèªžã«é–¢ã™ã‚‹ç”»åƒã‚’è¡¨ç¤ºã•ã›ã‚‹ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ å‰æã¨ã—ã¦yahoo APIã®IDãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ >| JS $("#search").keyup(function() { var searchword = $(this).attr("value"); //ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã«å…¥åŠ›ã•ã‚ŒãŸãƒ¯ãƒ¼ãƒ‰ã‚’å–å¾— $.get("/api/yahoo/", {word: searchword}, function(imgs){ var data = eval("(" + imgs + ")"); for (var i in data) { $("ul.imgs").append('<li><img src="'+data[i]+'" width=" 50" height="50" class="searchimg"/></li>'); } })
nao-t 2011/07/23
Ajax

JSON

API
ãƒªãƒ³ã‚¯
IBM Developer
IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.
nao-t 2011/01/14
Ajax

JSON
ãƒªãƒ³ã‚¯
é€£è¼‰ï¼šAjaxæ™‚ä»£ã®JavaScriptãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å†å…¥é–€ â€• ï¼ IT
nao-t 2010/12/25
Ajax
ãƒªãƒ³ã‚¯
1