AJAXベースã§ã‚µã‚¯ã‚µã‚¯å‹•ãã®ãƒ•ãƒªãƒ¼ã®æŽ²ç¤ºæ¿ã‚¯ãƒªãƒ—ト「JibberBook 2ã€:phpspot開発日誌
JibberBook 2 - Free AJAX Guestbook A Free AJAX GuestbookAJAXベースã§ã‚µã‚¯ã‚µã‚¯å‹•ãã®ãƒ•ãƒªãƒ¼ã®æŽ²ç¤ºæ¿ã‚¯ãƒªãƒ—ト「JibberBook 2ã€ã€‚ JibberBook 2 ã®ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ 書ã込むã¨ã€ç”»é¢é·ç§»ãªã—ã«ã€ãã®ã¾ã¾ç”»é¢ã«è¿½åŠ ã•ã‚Œã¾ã™ã€‚ 書ã込んã 内容ã«ã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãªãŒã‚‰ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ãŒç§»ã‚Šã¾ã™ã€‚ JavaScript ライブラリã«ã¯ã€mootoolsを使用ã—ã€ã‚µãƒ¼ãƒå´ã§ã¯PHPãŒå‹•ä½œã¨ã„ã†æ§‹æˆã€‚ 掲示æ¿ã®Read/Writeã®éƒ¨åˆ†ã¯PHPã§å‡ºæ¥ã¦ã„ã¾ã™ã€‚ デザインや動作ãŒã‚¯ãƒ¼ãƒ«ãªã®ã§ã€ä¸€é¢¨å¤‰ã‚ã£ãŸæŽ²ç¤ºæ¿ã‚¹ã‚¯ãƒªãƒ—トã¨ã—ã¦è¦šãˆã¦ãŠãã¨ã‚ˆã„ã§ã—ょã†ã€‚
jQuery 開発者å‘ã‘メモ
jQuery 開発者å‘ã‘ã®ãƒ¡ãƒ¢ã§ã™ï¼Ž ãšã£ã¨ä»¥å‰ã«ï¼ŒjQuery ã«é–¢ã™ã‚‹æ—¥æœ¬èªžã®æƒ…å ±ãŒã¾ã å°‘ãªã„é ƒã«ä½œã£ãŸãƒšãƒ¼ã‚¸ã§ã™ãŒï¼Œ ãã®å¾Œ jQuery ã‚’å†ã³åˆ©ç”¨ã™ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ï¼Œæœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³å‘ã‘ã«è¨˜è¿°ã‚’æ›´æ–°ã—ã¾ã—ãŸï¼Ž ä½å®…ãƒãƒ¼ãƒ³ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ï¼Ž jQueryを利用ã—ãŸãƒ•ã‚©ãƒ¼ãƒ ã®å‹•çš„ãªè¿½åŠ や，flotプラグインã«ã‚ˆã‚‹ã‚°ãƒ©ãƒ•æç”»ãªã©ã‚’è¡Œã£ã¦ã„ã¾ã™ï¼Ž 本ページã®è¨˜è¼‰ã«é–“é•ã„ç‰è¦‹ã¤ã‘ãŸæ–¹ã¯ãƒ–ãƒã‚°ã®ã‚¨ãƒ³ãƒˆãƒªã¾ã§é€£çµ¡ã„ãŸã ã‘ã‚‹ã¨ã†ã‚Œã—ã„ã§ã™ï¼Ž 最終更新：2009/1/10 jQueryã¨ã¯ jQuery ã¯æ§˜ã€…ãªå‡¦ç†ã‚’çŸãç°¡å˜ã«æ›¸ã‘ã‚‹ JavaScript ライブラリã§ã™ï¼Ž 独自ã®XPATH/CSSセレクタを利用ã™ã‚‹ã“ã¨ã§ï¼Œå¤šãã®DOMæ“作をéžå¸¸ã«ç°¡å˜ã«æ›¸ãã“ã¨ãŒå‡ºæ¥ã¾ã™ï¼Ž JavaScriptã®DOMæ“作や，XMLHTTPRequest，XMLã®æ“作ãªã©ã‚’覚ãˆãªãã¨ã‚‚， Ajaxを利用ã—ãŸã‚¤
日本語å‘ã‘fonts.cssç™»å ´ï¼Ÿ ç„¡æ–™ã§ä½¿ãˆã‚‹JSライブラリYUIã®åŸºç¤Ž | Web担当者Forum
ã€æ¥ç•Œåˆ¥ã€‘27å’就活生ã®ã€Œäººæ°—ä¼æ¥ãƒ©ãƒ³ã‚ングã€ç™ºè¡¨ï¼ ITç³»ã§ã¯ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆãŒæ€¥æµ®ä¸Šã€å¦æƒ…調ã¹ã€‘ 12月15æ—¥ 6:00
å°ç²‹ç©ºé–“: Highslide JS ã§ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã‚’拡大表示ã™ã‚‹
サムãƒã‚¤ãƒ«ç”»åƒã‚’クールã«æ‹¡å¤§è¡¨ç¤ºã™ã‚‹ Highslide JS を利用ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚内容㯠Movable Type をサンプルã«ã—ã¦ã„ã¾ã™ãŒã€ä»–ã®ãƒ–ãƒã‚°ç‰ã§ã‚‚応用ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ WordPress ã§ã¯ãƒ—ラグイン WPJ-Highslide 0.2 ãŒåˆ©ç”¨ã§ãã‚‹ã¿ãŸã„ã§ã™ã€‚ ã¨ã‚Šã‚ãˆãšä¸‹è¨˜ã®ã‚µãƒ³ãƒ—ル画åƒã‚’クリックã—ã¦ãã ã•ã„。拡大表示ã•ã‚ŒãŸç”»åƒã®ä¸Šã§ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨å…ƒã«æˆ»ã‚Šã¾ã™ã€‚ 拡大ツールã§ã¯ã€å½“サイトã§ã‚‚紹介ã—ã¦ã„ã‚‹ Lightbox JS ãŒæœ‰åã§ã™ãŒã€ã“ã® Highslide JS ã¯ä¸‹è¨˜ã®ç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚ 拡大画åƒã®ä¸‹ã«ã‚ャプション（タイトル）ã®æŒ¿å…¥ãŒå¯èƒ½ ウィンドウサイズã«åŽã¾ã‚‹ã‚ˆã†ã«æ‹¡å¤§ï¼ˆå³ä¸‹ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’クリックã™ã‚‹ã¨ 100% 表示） 拡大画åƒã®ãƒ‰ãƒ©ãƒƒã‚°ãŒå¯èƒ½ 以下ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ–¹æ³•ã§ã™ã€‚ã“ã“ã§ã¯ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰æ™‚ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ 2.2.74.0.6 ã§è©±ã‚’進ã‚ã¾ã™ã€‚
WEB制作者ãŒä¸€åº¦ã¯è§¦ã£ã¦ã¿ã¦ãŠãã¹ãオープンソース『Extã€*ホームページを作る人ã®ãƒã‚¿å¸³
（2007.7.20 記事更新） 誰ã‹ãŒãã‚ãã‚Extã«ã¤ã„ã¦è©³ã—ã„事を書ã„ã¦ãれるã®ã§ã¯ã¨ã‹ã€ç”˜ã„期待をã—ã¦ã„ãŸã‘ã©ã€ãœã‚“ãœã‚“出ã¦ã“ãªã„ã£ã¦äº‹ã¯äººæ°—ãŒãªã„ã£ã¦äº‹ãªã‚“ã§ã—ょã†ã‹ã€‚ ã§ã‚‚ã“ã‚Œã€ç›¸å½“ã™ã”ã„ã‚‚ã®ã ã¨æ€ã†ã‚“ã§ã™ã€‚ 例ãˆã°ã€ã“ã®ãƒšãƒ¼ã‚¸ï¼ˆhello worldをクリック）ã ã‘ã‚’ã¨ã£ã¦ã‚‚良ã„å‹•ãã‚’ã—ã¦ãれるã®ãŒç¢ºèªã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãªã®ã§ä»Šå›žã¯Javaスプリクト＋Ajaxãªã‚ªãƒ¼ãƒ—ンソース『Extã€ã‚’ã”紹介ã—ã¦ãŠãã¾ã™ã€‚ æ¦‚è¦ éžå¸¸ã«ç°¡å˜ãªã‚³ãƒ¼ãƒ‰ã§ã€é«˜åº¦ãªå‹•ä½œã‚’è¦æ±‚ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã€‚ ãã‚ŒãŒJavaScriptフレームワーク『Extã€ã§ã™ã€‚ フレームワークã«ã¤ã„ã¦ã¯ã‚¦ã‚£ã‚ç‰ã§è¦‹ã¦ã‚‚らãˆã‚Œã°ã‚ã‹ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ç§ã®çµµå¿ƒã®ãªã„簡略図ã§ã‚ˆã‘ã‚Œã°ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã‚¤ãƒ¡ãƒ¼ã‚¸ãŒãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã。 基本的ã«å•†ç”¨ã¯æœ‰æ–™ã€‚ 個人利用やã€ä¼æ¥å†…ã§ã‚‚ã€é–‰éŽ–ã•ã‚ŒãŸãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã§ã®ä½¿ç”¨ã¯OKã ãã†ã§ã™ã€‚ ライセン
超簡å˜ã«ã‚½ãƒ¼ãƒˆã‚„リサイズã€ãã®å ´ç·¨é›†ãŒå¯èƒ½ãªãƒ†ãƒ¼ãƒ–ルを作æˆã§ãã‚‹JavaScriptライブラリ「TableKitã€:phpspot開発日誌
超簡å˜ã«ã‚½ãƒ¼ãƒˆã‚„リサイズã€ãã®å ´ç·¨é›†ãŒå¯èƒ½ãªãƒ†ãƒ¼ãƒ–ルを作æˆã§ãã‚‹JavaScriptライブラリ「TableKit〠2007å¹´05月31æ—¥- TableKit TableKit is a collection of HTML table enhancements using the Prototype framework. 超簡å˜ã«ã‚½ãƒ¼ãƒˆã‚„リサイズã€ãã®å ´ç·¨é›†ãŒå¯èƒ½ãªãƒ†ãƒ¼ãƒ–ルを作æˆã§ãã‚‹JavaScriptライブラリ「TableKitã€ã€‚ 次ã®ã‚ˆã†ãªExcel風テーブルãŒç°¡å˜ã«ä½œã‚Œã¾ã™ã€‚ ã©ã‚Œãらã„ç°¡å˜ã‹ã€ã¨ã„ã†ã¨ã€å¿…è¦ãªJavaScriptã‚’èªã¿è¾¼ã‚“ã ã‚ã¨ã€table ã® class ã«æ¬¡ã®ã‚ˆã†ã«å€¤ã‚’指定ã™ã‚‹ã ã‘。 <table class="sortable resizable editable"> 最低幅ã®æŒ‡å®šãªã©ã€å‹•ä½œã«é–¢ã™ã‚‹ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚豊富ãªã‚ªãƒ—ションã«ã‚ˆã£ã¦æŒ‡å®šå¯èƒ½ã§ã™ã€‚ ã“
知ã£ã¦ãŠã„ã¦æã¯ãªã„AJAXã‚„CSSを駆使ã—ãŸã‚¿ãƒ–インターフェース18種類 - GIGAZINE
技術的知è˜ãŒç„¡ãã¦ã‚‚タブを作れるフリーソフトã‹ã‚‰ã‹ãªã‚Šæ´¾æ‰‹ãªåŠ¹æžœã‚’ä¼´ã†ã‚¿ãƒ–作æˆãƒ©ã‚¤ãƒ–ラリã€Yahooï¼ã‚„Googleã€Adobeã®ä½œã£ãŸã‚¿ãƒ–ã¾ã§ã€ã„ã‚ã„ã‚ã¨å¿œç”¨ãŒåˆ©ã„ã¦ç‹¬è‡ªã®ç‰¹å¾´ãŒã‚ã‚‹ã‚‚ã®ã‚’ã–ã£ãã‚Šã¨18種類ã»ã©ãƒ”ックアップã—ã¦ã¿ã¾ã—ãŸã€‚ ã„ã‚ã„ã‚ãªãƒšãƒ¼ã‚¸ã‚„ブãƒã‚°ã§é »ç¹ã«è¦‹ã‹ã‘るタブ方å¼ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã™ãŒã€ã“ã†ã‚„ã£ã¦ä¸¦ã¹ã¦ã¿ã‚‹ã¨å®Ÿã¯è¦‹ã›æ–¹ã‚‚使ã„方も種々様々ã§ã‚ã‚‹ã“ã¨ãŒã‚ˆãã‚ã‹ã‚Šã¾ã™ã€‚ ã¾ãšã¯çŸ¥è˜ä¸è¦ã§ã‚¿ãƒ–ãŒç°¡å˜ã«ä½œæˆã§ãる「CSS Tab Designerã€ã€‚Windows用ã®ãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆã§ã€ç´„60種類もã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ãã®ä¸ã«ã‚¿ãƒ–æ–¹å¼ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚‚ãŸãã•ã‚“用æ„ã•ã‚Œã¦ãŠã‚Šã€ã»ã‹ã«ã‚‚縦型ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚„ZDNet風メニューãªã©ã‚‚用æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ OverZone Software - CSS Tab Designer ç´°ã‹ã„カスタマイズãŒå¯èƒ½ãªã‚¿ãƒ–メニュー。画åƒã‚’使ã£ãŸã‚µãƒ³ãƒ—ルも用æ„
JavaScriptã§ã‚µãƒ ãƒã‚¤ãƒ«ã‚’クリック→元画åƒã‚’別窓ã§è¡¨ç¤ºã•ã›ãŸã„ã¨æ€ã„ã¾ã™ã€‚…
JavaScriptã§ã‚µãƒ ãƒã‚¤ãƒ«ã‚’クリック→元画åƒã‚’別窓ã§è¡¨ç¤ºã•ã›ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ç”»åƒã¨åŒã˜ã‚µã‚¤ã‚ºã®çª“ã‚’é–‹ããŸã„ã®ã§ã™ãŒã€ç”»åƒã‚µã‚¤ã‚ºãŒä¸å®šãªã®ã§Script内ã§ã‚µã‚¤ã‚ºæŒ‡å®šã¯ã§ãã¾ã›ã‚“。 æžšæ•°ãŒå¤šã„ã®ã§HTML内ã«é–¢æ•°ã®å¼•æ•°ã¨ã—ã¦è¨˜è¿°ã™ã‚‹ã®ã‚‚é¿ã‘ãŸã„ã§ã™ã€‚ ãã“ã§ã€Œç”»åƒã®ç¸¦æ¨ªã‚’å–得→窓を開ã→窓をリサイズã€ã¨ã„ã†æ–¹æ³•ã‚’考ãˆã¾ã—ãŸãŒ ç”»åƒã‚’èªã¿è¾¼ã‚“ã§ã‹ã‚‰ç¸¦æ¨ªã‚’å–å¾—ã™ã‚‹ã‚ˆã†ã«æ›¸ãæ›ãˆãŸã„ã§ã™ã€‚ function popup(url){ newPic = new Image(); newPic.src = url; var w = newPic.width; var h = newPic.height; var Size = â€width=†+ w + â€,height=†+ h; var newWin=window.open(url,â€nWinâ€,Size); newWin.resizeT
Ajax機能をオブジェクト化ã—ã¦Ajax機能ã®ã¿å˜ä½“ã§ä½¿ãˆã‚‹ã€ŒAjax Objectã€:phpspot開発日誌
The Ultimate Ajax Object Ajax 機能をオブジェクト化ã—ã¦Ajax機能ã®ã¿å˜ä½“ã§ä½¿ãˆã‚‹ã€ŒAjax Objectã€ã€‚ prototype.jsãªã©ã‚’使ãˆã°ã€Ajaxã¯ç°¡å˜ã«ä½¿ãˆã‚‹ã‘ã©ã€Ajaxã®ã¿ã®æ©Ÿèƒ½ã‚’使ã„ãŸã„ã®ã«ã€è¦ã‚‰ãªã„機能ã¾ã§ã‚‚ブラウザã«èªã¿è¾¼ã¾ã›ã‚‹ã®ã¯ç„¡é§„ãªå ´åˆã‚‚多ã„ã“ã¨ã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªéš›ã«ä½¿ãˆã‚‹ã€ajaxObjectã®ç´¹ä»‹ã€‚ã»ã‚“ã®ï¼”５行程度ã®ãƒ©ã‚¤ãƒ–ラリã§ã™ãŒã€ã‚¯ãƒ©ã‚¹åŒ–ã•ã‚Œã¦ã„ã¦å†åˆ©ç”¨ãŒå®¹æ˜“ã§ã™ã€‚ 使ã„æ–¹ã¯æ¬¡ã®ã‚ˆã†ã«ç°¡å˜ã§ã™ã€‚ myRequest = new ajaxObject('http://somedomain.com/ad.html'); // オブジェクトåˆæœŸåŒ– myRequest.callback = function(responseText) { // ajaxæˆåŠŸæ™‚ã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ document.getElementById('so
JavaScriptã§ãƒ•ã‚©ãƒ¼ãƒ ã®å€¤ã‚’リアルタイムã«ãƒãƒªãƒ‡ãƒ¼ãƒˆã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã¾ã¨ã‚:phpspot開発日誌
JavaScriptã§ãƒ•ã‚©ãƒ¼ãƒ ã®å€¤ã‚’リアルタイムã«ãƒãƒªãƒ‡ãƒ¼ãƒˆã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã¾ã¨ã‚。 ãƒãƒªãƒ‡ãƒ¼ãƒˆã™ã‚‹ãƒ©ã‚¤ãƒ–ラリも沢山ã§ã¦ãã¾ã—ãŸã€‚ã¨ã“ã“ら辺ã§ä¸€åº¦ã¾ã¨ã‚ã¦ãŠãã¾ã—ãŸã€‚ Really easy field validation (デモ) - 入力値ãŒãŠã‹ã—ã„ã¨ã€ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’フェードインã•ã›ãªãŒã‚‰è¶…クールã«è¡¨ç¤ºã§ãã¾ã™ã€‚ ※ ページã®æœ€å¾Œã§ä½¿ã„方紹介（ã“ã‚Œã¯è‰¯ã„ã§ã™ï¼‰ Remember the milk風ã®ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ も作れãㆠprototype.jsä¾å˜ã€‚ Realtime validation using Ajax (デモ) - Ajaxãªã©ã‚’駆使ã—ã¦ã€å…¥åŠ›å€¤ã‚’å‹•çš„ã«ãƒã‚§ãƒƒã‚¯ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリ Validate.js (デモ) - リアルタイムã§ã¯ãªã„ã‘ã©ã€å…¥åŠ›å€¤ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリ Tooltip for forms - 入力ãƒã‚§ãƒƒã‚¯ã§ã¯ãªã„ã‘ã©ã€ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›ãƒ’ントを出ã—ã¦
1
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://sprymedia.co.uk/article/DataTables
Flexigrid
TinyMCE Javascript Content Editor by Moxiecode Systems AB
{{#tags}}- {{label}}
{{/tags}}