YUIを使ã£ãŸãƒ¡ãƒƒã‚»ãƒ¼ã‚¸é€ä¿¡ãƒ©ã‚¤ãƒ–ラリ·SliderWindow MOONGIFTAjaxを使ã†ã“ã¨ã§ã€ã‚µãƒ¼ãƒã¨éžåŒæœŸçš„ã«ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã®é€å—ä¿¡ãŒå¯èƒ½ã«ãªã‚‹ã€‚ãƒãƒ£ãƒƒãƒˆã‚’ã¯ã˜ã‚ã€ã‚µãƒ¼ãƒã‹ã‚‰ã®é€šçŸ¥ã‚’é€ä¿¡ã™ã‚‹ã“ã¨ãŒã§ãる。ã ãŒãã®è¡¨ç¤ºã®ã•ã›æ–¹ã¯ãªã‹ãªã‹é›£ã—ã„。アラートã¯å•é¡Œå¤–ã¨ã—ã¦ã€é‚ªé”ã«ãªã‚‰ãªã„表示ã®ã•ã›æ–¹ãŒã‚ã‚‹ã ã‚ã†ã‹ã€‚ アコーディオンå¼ã«è¡¨ç¤ºã•ã‚Œã‚‹ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ ãã®è§£æ±ºæ‰‹æ®µã«ã‚‚ãªã‚Šãã†ãªã®ãŒã“ã®ãƒ©ã‚¤ãƒ–ラリã 。ä¸è¦ãªæ™‚ã¯éžè¡¨ç¤ºã«ã•ã›ã¤ã¤ã€åŠ¹æžœçš„ã«ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’表示ã§ãる。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯SliderWindowã€ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸è¡¨ç¤ºãƒ©ã‚¤ãƒ–ラリã 。 SliderWindowã¯ç”»é¢ã®éš…ã«ç¸¦é•·ã®ãƒ©ã‚¤ãƒ³ã ã‘ã¨è¨€ã†ãƒ©ã‚¤ãƒ–ラリã 。ãã—ã¦ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒé€ã‚‰ã‚Œã¦ãã‚‹ã¨ã€ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³èª¿ã«è¡¨ç¤ºéƒ¨åˆ†ã‚’拡大ã—ã¦ãれる。文å—ãŒå¤šã„ã¨ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’使ã£ã¦è¡¨ç¤ºã•ã‚Œã‚‹ã€‚ é•·ã„æ–‡ç« ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§å¯¾å¿œ 表示ã•ã‚Œã¦ã™ãã«å¼•ã£è¾¼ã‚€ã‚‚ã®ã‚„ã€é–‰ã˜ã‚‹ãƒœã‚¿ãƒ³ã‚’押ã—ã¦å¼•ã£è¾¼ã‚€ã‚‚ã®ã¨ã‚’指定ã§ãるよã†ã«ãªã£ã¦ã„
JavaScriptã«ã‚ˆã‚‹æ°´å¹³ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³UI「Horizontal JavaScript Accordionã€:phpspot開発日誌
{{#tags}}- {{label}}
{{/tags}}