Spookies Labs
ProtoCalendar 㯠prototype.js ベースã®æ—¥æ™‚é¸æŠžç”¨ã® javascript ライブラリã§ã™ã€‚ Ruby on Rails ã® date_select ã‚„ Cake PHP ã® $html->dateTimeOptionTag ã‚’ç½®ãæ›ãˆã€æ—¥ä»˜ãƒ»æ™‚間入力をより容易ã«ã™ã‚‹ã“ã¨ã‚’目的ã¨ã—ã¦é–‹ç™ºã•ã‚Œã¾ã—ãŸã€‚ 特徴ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ *prototype.js ベース（1.6 以é™ï¼‰ã€‚ *シンプルã§è»½é‡ã€‚ *MIT LICNESE *16ã®ãƒãƒ¼ã‚«ãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ã«å¯¾å¿œã€‚ *フォーカスã§ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼è¡¨ç¤ºã€‚ï¼ˆãƒˆãƒªã‚¬ãƒ¼ã‚’è¿½åŠ å¯èƒ½ï¼‰ *日付フォーマットを変更å¯èƒ½ã€‚ *日付ã®ãƒ©ãƒ™ãƒ«è¡¨ç¤ºãŒå¯èƒ½ã€‚（フォーマットも変更å¯èƒ½ï¼‰ *SelectTag ã‹ã‚‰ã®å…¥åŠ›ã«å¯¾å¿œã€‚ *時間入力ã«å¯¾å¿œã€‚ *年・月を直接変更å¯èƒ½ã€‚（年é¸æŠžæ™‚ã«å‰å¾ŒæŒ‡å®šå¹´æ•°ã‚’表示） *カレンダーã®é–‹å§‹æ›œæ—¥ã‚’変更å¯èƒ½ã€‚ *日本ã®ç¥æ—¥å¯¾
スプーã‚ーズラボブãƒã‚° | protocalendar.js
protocalendar.js v1.1.8.1 を公開ã—ã¾ã—ãŸã€‚ 今回ã®ãƒªãƒªãƒ¼ã‚¹ã¯ 1.1.8 ã®ä¸å…·åˆä¿®æ£1点ã®ã¿ã§ã™ã€‚ ã€ä¸å…·åˆä¿®æ£ã€‘ *日付é¸æŠžæ™‚ã«ãƒšãƒ¼ã‚¸ã®æœ€ä¸Šéƒ¨ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã‚Œã¦ã—ã¾ã†ä¸å…·åˆã‚’ä¿®æ£ã—ã¾ã—ãŸã€‚ ã€ä½¿ã„æ–¹ã¯ã“ã¡ã‚‰ã€‘ http://labs.spookies.jp/demo/protocalendar/sample/calendar_usage.html ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆæ¦‚è¦ã¨ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ã€‘ http://labs.spookies.jp/product/protocalendar ä¸å…·åˆã«é–¢ã—ã¦ã¯ãªã‚‹ã¹ãæ—©ãä¿®æ£ç‰ˆã‚’公開ã§ãるよã†ã«åŠªã‚ã¦ãŠã‚Šã¾ã™ã®ã§ã€å®‰å¿ƒã—ã¦ã”åˆ©ç”¨é ‚ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€Demo ã®ãƒšãƒ¼ã‚¸ã ã‘ã§ã¯åˆ©ç”¨æ–¹æ³•ãŒã‚ã‹ã‚Šã¥ã‚‰ã„ã¨ã„ã†å£°ã‚‚ã‚ã‚Šã€ä»Šå¾Œã¯åˆ©ç”¨ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã‚‚充実ã•ã›ã¦ã„ã“ã†ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ protocalendar.js v1.1.8
prototype.js逆引ãサンプル集 - JavaScriptist
ã¯ã˜ã‚ã« bookmark prototype.jsã®æ¦‚è¦ ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£é–¢æ•° bookmark 指定idã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’å–å¾— - $ 指定idã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®valueã‚’å–å¾— - $F エレメントã®ãƒªã‚¹ãƒˆå½¢å¼ã‚’é…列形å¼ã«å¤‰æ› - $A オブジェクトをHashå½¢å¼ã«å¤‰æ› - $H 指定ã—ãŸç¯„囲ã®ãƒªã‚¹ãƒˆã‚’返㙠- $R prototype.jsã§è¿½åŠ ã•ã‚ŒãŸæ©Ÿèƒ½ bookmark Ajax Ajaxリクエストを行ㆠ- Ajax.Request Ajaxã§æŒ‡å®šã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®å†…容を書ãæ›ãˆã‚‹ - Ajax.Updater Ajaxã§æŒ‡å®šã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®å†…容を定期的ã«æ›¸ãæ›ãˆã‚‹ - Ajax.PeriodicalUpdater 定期的ã«æŒ‡å®šã®å‡¦ç†ã‚’行ㆠ- PeriodicalExecuter Enumerable リストã«ç‰¹å®šã®é–¢æ•°ã§å‡¦ç†ã•ã›ã‚‹ - Enumerable.each リストã®å…¨ã¦ã®å€¤ã‚’調ã¹ã‚‹
prototype.js ã§ã‚¿ãƒ–切り替㈠- AUSGANG SOFT
ãŸã¤ã‚’ã•ã‚“ã®CSS 㨠JavaScript ã§ã‚¿ãƒ–切り替ãˆã‚’prototype.jsを使ã£ã¦æ›¸ãç›´ã—ã¾ã—ãŸã€‚ 極力ã€å†åˆ©ç”¨ãŒç°¡å˜ã«ãªã‚‹ã‚ˆã†ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ライセンスã¯æœ¬å®¶ã®ã€Œç„¡å„Ÿãƒ»ç„¡ä¿è¨¼ãƒ»è‘—作権放棄ã€ã«æº–ã˜ã¾ã™ã€‚ ã”自由ã«ãŠä½¿ã„ãã ã•ã„。 サンプルã¯ã“ã¡ã‚‰ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ 基本コードã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="tabMaker.js"></script> <link href="tabMaker.css" rel="stylesheet" type="text/css" /> <div id="tabContent"> <ul id="tabIndex"> <li class="tab
Lightbox 2
Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe
Maple: Ajax - hatotech::kumatch
DHTML ã»ã¨ã‚“ã©æ›¸ã‘ãªã„よ〜ã¨ã„ã†è²´æ–¹ã‚‚å°‘ã—背伸ã³ã‚’ã™ã‚Œã°ã¿ã‚“ãªæ†§ã‚Œ Ajaxï¼ã¨ã„ã†èƒ¡æ•£è‡ã„å½¢ã§ãªã‚“ã¨ã‹ã—ã¦ã¿ã‚ˆã†ã¨ã„ã†è©¦ã¿ã§ã™ã€‚ コードãšã‚‰ãšã‚‰ã§é•·ã£ãŸã‚‰ã—ã„ã®ã§ã”注æ„を。 ã¾ãšã¯ Ajax 抜ãã«è¶³ã—算プãƒã‚°ãƒ©ãƒ を用æ„。内容ã¨ã—ã¦ã¯ãªã‚“ã¦ã“ã¨ã¯ãªã„ã€äºŒã¤ã®æ•°å—を入力ã—ã¦ãれを足ã™ã ã‘ã®ãƒ—ãƒã‚°ãƒ©ãƒ 。 â— SumDefault_Form module <?php class SumDefault_Form { function execute() { return 'success'; } } ?> maple.ini [View] success = SumDefault/form.tpl template <html> <head></head> <body> <form method="POST" action="index.php"> <input type="hidden"
prototype.js v1.5.0 ã®ä½¿ã„æ–¹
ãã‚Œã¯ä½•ï¼Ÿ prototype.js 㯠Sam Stephenson ã«ã‚ˆã£ã¦æ›¸ã‹ã‚ŒãŸ JavaScript ライブラリã§ã™ã€‚ ã“ã®ç†Ÿè€ƒã®ä¸Šè¨˜è¿°ã•ã‚ŒãŸæ¨™æº–ã«æº–æ‹ ã—ãŸã‚³ãƒ¼ãƒ‰ã¯ã€Web 2.0 ã«ãŠã„ã¦ç‰¹å¾´ã¨ãªã‚‹ãƒªãƒƒãƒã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚¦ã‚§ãƒ–ページを制作ã™ã‚‹éš›ã®é‡è·ã‚’ã€ã‚ãªãŸã®è‚©ã‹ã‚‰å–り去ã£ã¦ãれるã§ã—ょã†ã€‚ ã‚‚ã—ã“ã®ãƒ©ã‚¤ãƒ–ラリを使ã£ãŸã“ã¨ãŒã‚ã‚‹ãªã‚‰ã€å……実ã—ãŸãƒ‰ã‚ュメントãŒã“ã®ãƒ©ã‚¤ãƒ–ラリã®å£²ã‚Šã§ã¯ãªã„ã“ã¨ã«æ°—ãŒã¤ã„ãŸã¯ãšã§ã™ã€‚ ç§ã¯ä»–ã®é–‹ç™ºè€…ã¨åŒæ§˜ã«ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã¿ã€è©¦è¡ŒéŒ¯èª¤ã—ãªãŒã‚‰ prototype.js ã‚’ç†è§£ã—ã¾ã—ãŸã€‚ 自分ãŒå¦ã‚“ã§ã„ã‚‹é–“ã«ãƒ¡ãƒ¢ã‚’å–ã‚Šã€ãれを他ã®äººãŸã¡ã¨å…±æœ‰ã™ã‚‹ã“ã¨ã¯ä¾¡å€¤ãŒã‚ã‚‹ã®ã§ã¯ã€ã¨è€ƒãˆãŸã®ã§ã™ã€‚ åŠ ãˆã¦ã€ã“ã®ãƒ©ã‚¤ãƒ–ラリã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã¦ã„るオブジェクトã€ã‚¯ãƒ©ã‚¹ã€é–¢æ•°ã€æ‹¡å¼µæ©Ÿèƒ½ã«ã¤ã„ã¦ã® éžå…¬å¼ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ã‚‚æä¾›ã—ã¦ã„ã¾ã™ã€‚ ã“ã“ã§æä¾›ã™ã‚‹ä¾‹ã¨ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
jQueryã¨prototype.jsã‚’å…±å˜ã•ã›ã‚‹æ–¹æ³• | CSS Lecture
Backstage of theater.js - prototype.js解èª
Prototype JavaScript Framework: Class-style OO, Ajax, and more
{{#tags}}- {{label}}
{{/tags}}