Simple AJAX Commenting System
This time, we are making a Simple AJAX Commenting System. It will feature a gravatar integration and demonstrate how to achieve effective communication between jQuery and PHP/MySQL with the help of JSON. Note: This tutorial is quite old and doesn't work in PHP7 and above. We are keeping it online only as a reference. Step 1 - XHTML First, lets take a look at the markup of the comments. This code i
超カッコã„ã„Apple風スライドショーギャラリー作æˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspot開発日誌
超カッコã„ã„Apple風スライドショーギャラリー作æˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ 次ã®ã‚ˆã†ãªã‚«ãƒƒã‚³ã„ã„スライドショーãŒä½œã‚Œã¾ã™ã€‚ デモページ コーãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆã®ãƒšãƒ¼ã‚¸ã®ãƒ˜ãƒƒãƒ€ãƒ¼ãªã‚“ã‹ã«å…¥ã‚Œè¾¼ã‚€ã¨ã„ã„æ„Ÿã˜ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。 以下ã®ã‚¨ãƒ³ãƒˆãƒªã‚’å‚ç…§ã—ã¦ãã ã•ã„。 A Beautiful Apple-style Slideshow Gallery With CSS & jQuery ? Tutorialzine 関連エントリ スライドショー付ãLightBox風イメージアルãƒãƒ ã®ã‚µãƒ³ãƒ—ル jQueryã§Ajaxを使ã£ãŸæ»‘らã‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ç”»åƒã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ スライドショーãŒå¯èƒ½ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ä½œæˆãƒ©ã‚¤ãƒ–ラリã¾ã¨ã‚ 超クールãªç”»åƒã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’実ç¾ã™ã‚‹ãŸã‚ã®JavaScriptライブラリ「FrogJSã€
Xlune::Blog
å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆjQueryプラグイン(jquery.vgrid.js) ãªã‚“ã ã‹å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒã¾ãŸæµè¡Œã£ã¦ã‚‹ï¼ˆï¼Ÿï¼‰ã‚ˆã†ãªã®ã§ã€jQueryプラグイン書ã„ã¦ã¿ãŸã€‚ 一通りブラウザã§è¡¨ç¤ºç¢ºèªãらã„ã¯ã—ãŸã‘ã©ã€ãƒ†ã‚¹ãƒˆã¯å分ã˜ã‚ƒã‚ã‚Šã¾ã›ã‚“。 Demo Demo Index 利用方法ã¯ãƒ‡ãƒ¢ã®ã‚½ãƒ¼ã‚¹ã‚’確èªã—ã¦ãã ã•ã„。(ウィンドウリサイズã—ã¦å‹•ãも確èªã—ã¦ã) Download github zip file 利用ã«ã¯ã€jQuery本体ã¨jquery.easingプラグインãŒå¿…è¦ã§ã™ã€‚別途èªã¿è¾¼ã‚“ã§ãã ã•ã„。 æ›´æ–°æƒ…å ± v0.1.8 (20120421) display属性ã§ã€ã‚°ãƒªãƒƒãƒ‰è¦ç´ ã®è¡¨ç¤º/éžè¡¨ç¤ºã‚’切り替ãˆã‚Œã‚‹ã‚ˆã†ã«ä¿®æ£ã—ã¾ã—ãŸã€‚ demo009ã‚’è¿½åŠ v0.1.7 (20111110) 複数ã®å¯å¤‰ãƒœãƒƒã‚¯ã‚¹ã‚’指定ã™ã‚‹ã¨ã€é–‹å§‹ä½ç½®ãŒãŠã‹ã—ããªã‚‹ãƒã‚°ã‚’ä¿®æ£ã—ã¾ã—ãŸã€‚ demo008
jQuery plugin: Tablesorter 2.0
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
超簡å˜ã«ã‚½ãƒ¼ãƒˆã‚„リサイズã€ãã®å ´ç·¨é›†ãŒå¯èƒ½ãªãƒ†ãƒ¼ãƒ–ルを作æˆã§ãã‚‹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"> 最低幅ã®æŒ‡å®šãªã©ã€å‹•ä½œã«é–¢ã™ã‚‹ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚豊富ãªã‚ªãƒ—ションã«ã‚ˆã£ã¦æŒ‡å®šå¯èƒ½ã§ã™ã€‚ ã“
PHPã‹ã‚‰ExtJSã‚’ç°¡å˜ã«ä½¿ãˆã‚‹ãƒ©ãƒƒãƒ‘ー「PHP-Extã€:phpspot開発日誌
The PHP-Ext Open Source Project PHP-Ext is an open source widget library written for PHP 4 and 5 to empower the UI Layer. PHPã‹ã‚‰ExtJSã‚’ç°¡å˜ã«ä½¿ãˆã‚‹ãƒ©ãƒƒãƒ‘ー「PHP-Extã€ã€‚ JavaScriptã¯é¢å€’ã ã‘ã©Extを使ã„ãŸã„ã€ã¨ã„ã†æ–¹ã¯æ³¨ç›®ã®ã‚ªãƒ¼ãƒ—ンソースプãƒã‚¸ã‚§ã‚¯ãƒˆã§ã™ã。 ライセンスã¯ï¼¬ï¼§ï¼°ï¼¬ã ãã†ã€‚
忘れã¦ã¯ã„ã‘ãªã„超絶JavaScriptライブラリ「BlueShoes:JavaScript Collectionã€:phpspot開発日誌
BlueShoes: JavaScript Collection Get all the above components in one package. There is an example that uses most of the components.忘れã¦ã¯ã„ã‘ãªã„超絶JavaScriptライブラリ「BlueShoes:JavaScript Collectionã€ã€‚ æ—¢ã«ç´¹ä»‹ã—ãŸã¨æ€ã£ã¦ã„ãŸJavaScriptライブラリã§ã‚ã‚‹BlueShoesã®ç´¹ä»‹ã€‚ ã”å˜çŸ¥ã®æ–¹ã‚‚多ã„ã¨æ€ã„ã¾ã™ãŒã€çŸ¥ã‚‰ãªã„人も多ã„よã†ã§ã™ã。 ライブラリã€ã¨ã„ã†ã‚ˆã‚Šã€ãƒªãƒƒãƒãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé›†ã¨ã„ã£ãŸã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã€æ¬¡ã®ã‚ˆã†ãªæ§˜ã€…ãªã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãŒä½¿ãˆã¾ã™ã€‚ WYSIWYGエディタ Excel風スプレッドシート ツリービュー スライダーコントãƒãƒ¼ãƒ« ä»–ã«ã‚‚下記ã®æ§˜ã€…ãªãƒªãƒƒãƒã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒä½¿ãˆã¾ã™ã€‚ 入力系コンãƒãƒ¼ãƒ
MOONGIFT: » æ–‡å¥ãªã—ã®Wiki「MindTouch Deki Wikiã€:オープンソースを毎日紹介
完æˆå½¢ã‚’見ã¦ã—ã¾ã£ãŸæ°—ãŒã™ã‚‹ã€‚ãã‚Œãらã„ã§ããŒè‰¯ã„。 ã“ã‚Œã¾ã§Wikiエンジンを幾ã¤ã‚‚紹介ã—ã¦ããŸã€‚ã‚‚ã¡ã‚ã‚“ã€æ©Ÿèƒ½é¢ã§ã¯ã‚‚ã®å‡„ã充実ã—ã¦ã„ã‚‹ã‚‚ã®ã‚‚数多ã„。ã ãŒã€ä½¿ã„å‹æ‰‹ã‚„åˆæœŸçŠ¶æ…‹ã§ã®æ©Ÿèƒ½ç‰ã‚’考ãˆã‚‹ã¨ã€ã“ã‚ŒãŒã¾ã•ã«å®Œæˆç³»ã¨è¨€ãˆã‚‹ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯MindTouch Deki Wikiã€ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ライズå‘ã‘ã®Wikiエンジンã 。 æ¬ ç‚¹ãŒãªã•ã™ãŽã‚‹ã€‚日本語ã¯ã‚‚ã¡ã‚ã‚“OKã€Ajaxを使ã£ã¦é·ç§»ã®å°‘ãªã„作りã€å±¥æ´ç®¡ç†ï¼‹å·®åˆ†è¡¨ç¤ºã«ã‚‚ã‚‚ã¡ã‚ん対応ã—ã¦ã„る。編集ã¯WYSIWYGãªãƒ†ã‚ストエリアã§ã§ãる。 ヘッダを作れã°ã€ãã®ä¸ã ã‘ã§ç·¨é›†ã§ãる。画åƒã‚’アップãƒãƒ¼ãƒ‰ã—ã¦ã€åŸ‹ã‚込むã®ã‚‚ç°¡å˜ã€‚ページã®éšŽå±¤ç®¡ç†ã‚‚ã§ãã¦ã€ã‚¿ã‚°ã‚‚使ãˆã‚‹ã€‚ウォッãƒãƒªã‚¹ãƒˆã«ç™»éŒ²ã€ã‚³ãƒ¡ãƒ³ãƒˆã‚’ã™ã‚‹ã€RSSé…ä¿¡ãªã©ä½•ã§ã‚‚ã”ã–ã‚Œã 。 ã•ã‚‰ã«å¤šè¨€èªžå¯¾å¿œã€Google Analyticsを埋ã‚è¾¼ã‚ã‚‹ãªã©ãª
Prototype.jsã§iGoogleã£ã½ã„ãƒãƒ¼ã‚¿ãƒ«ãªä»•çµ„ã¿ã‚’作れるJSライブラリ「Xilinusã€:phpspot開発日誌
Prototype.jsã§iGoogleã£ã½ã„ãƒãƒ¼ã‚¿ãƒ«ãªä»•çµ„ã¿ã‚’作れるJSライブラリ「Xilinus〠2007å¹´08月31æ—¥- var portal = new Xilinus.Portal("#page div")Xilinus : Prototype Portal Class I have always wanted to create a Class to handle in a easy way portal page like netvibes. After having tried to used Sortable of script.aculo.us, I decided to write my own Class. Prototype.jsã§iGoogleã£ã½ã„ãƒãƒ¼ã‚¿ãƒ«ãªä»•çµ„ã¿ã‚’作れるJSライブラリ「Xilinusã€ã€‚ Xilinus を使ã£ã¦ã€æ¬¡ã®ã‚ˆã†ãªã€ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒ
超クールJavaScriptライブラリ「Ext v1.1ã€æ£å¼ç‰ˆãƒªãƒªãƒ¼ã‚¹:phpspot開発日誌
Ext JS Blog - Ext v1.1 Released The Ext team is proud to announce the immediate availability of Ext v1.1 for download. 超クールJavaScriptライブラリ「Ext v1.1ã€æ£å¼ç‰ˆãƒªãƒªãƒ¼ã‚¹ã€‚ 次ã®ç‚¹ãŒæ›´æ–°ã•ã‚Œã€ã¾ã™ã¾ã™å¼·åŠ›ã•ã‚’増ã—ã¦ã„るよã†ã§ã™ã€‚ YUIã‚„prototype.jsã‚’å¿…è¦ã¨ã›ãšã€ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ³ã§ExtãŒå‹•ä½œã™ã‚‹ã‚ˆã†ã«ãªã£ãŸ WYSIWYGãªHTMLエディタ カレンダー Ext.Ajax ã¨ã„ã†AJAXã®æ©Ÿèƒ½ã‚’è¿½åŠ ç‰¹å®šã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«å¯¾ã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã®ä»˜ä¸Žã‚’ç°¡å˜ã«ã§ãã‚‹ã€Behaviors 関連エントリ JavaScriptライブラリExtを使ã£ãŸä¼¸ç¸®ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ライブラリ「Ext.Accordionã€
prototype.js v1.5.0 ã®ä½¿ã„æ–¹
ãã‚Œã¯ä½•ï¼Ÿ prototype.js 㯠Sam Stephenson ã«ã‚ˆã£ã¦æ›¸ã‹ã‚ŒãŸ JavaScript ライブラリã§ã™ã€‚ ã“ã®ç†Ÿè€ƒã®ä¸Šè¨˜è¿°ã•ã‚ŒãŸæ¨™æº–ã«æº–æ‹ ã—ãŸã‚³ãƒ¼ãƒ‰ã¯ã€Web 2.0 ã«ãŠã„ã¦ç‰¹å¾´ã¨ãªã‚‹ãƒªãƒƒãƒã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚¦ã‚§ãƒ–ページを制作ã™ã‚‹éš›ã®é‡è·ã‚’ã€ã‚ãªãŸã®è‚©ã‹ã‚‰å–り去ã£ã¦ãれるã§ã—ょã†ã€‚ ã‚‚ã—ã“ã®ãƒ©ã‚¤ãƒ–ラリを使ã£ãŸã“ã¨ãŒã‚ã‚‹ãªã‚‰ã€å……実ã—ãŸãƒ‰ã‚ュメントãŒã“ã®ãƒ©ã‚¤ãƒ–ラリã®å£²ã‚Šã§ã¯ãªã„ã“ã¨ã«æ°—ãŒã¤ã„ãŸã¯ãšã§ã™ã€‚ ç§ã¯ä»–ã®é–‹ç™ºè€…ã¨åŒæ§˜ã«ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã¿ã€è©¦è¡ŒéŒ¯èª¤ã—ãªãŒã‚‰ prototype.js ã‚’ç†è§£ã—ã¾ã—ãŸã€‚ 自分ãŒå¦ã‚“ã§ã„ã‚‹é–“ã«ãƒ¡ãƒ¢ã‚’å–ã‚Šã€ãれを他ã®äººãŸã¡ã¨å…±æœ‰ã™ã‚‹ã“ã¨ã¯ä¾¡å€¤ãŒã‚ã‚‹ã®ã§ã¯ã€ã¨è€ƒãˆãŸã®ã§ã™ã€‚ åŠ ãˆã¦ã€ã“ã®ãƒ©ã‚¤ãƒ–ラリã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã¦ã„るオブジェクトã€ã‚¯ãƒ©ã‚¹ã€é–¢æ•°ã€æ‹¡å¼µæ©Ÿèƒ½ã«ã¤ã„ã¦ã® éžå…¬å¼ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ã‚‚æä¾›ã—ã¦ã„ã¾ã™ã€‚ ã“ã“ã§æä¾›ã™ã‚‹ä¾‹ã¨ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
ã‚るＳＥã®ã¤ã¶ã‚„ã: Ajaxライブラリã¾ã¨ã‚
Ajax/JavaScriptライブラリをã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ï¼ˆé †ä¸åŒï¼‰ | 基本 | çµ±åˆ | 表示系 | GUIéƒ¨å“ | イメージ | PGMé€£æº | ブラウザ | Flash | ãã®ä»– | | 部å“集 | リンク | ç·¨é›†å±¥æ´ | ・基本ライブラリ ・・・Ajax開発ã®ãƒ™ãƒ¼ã‚¹ã«ãªã‚‹ã‚‚㮠↑TOP prototype.js 超メジャーãªAjaxライブラリ prototype.js ã®é–‹ç™ºè€…å‘ã‘メモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引ãサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF ï¼ API/サンプル/解説 Prototype.js Documentation ï¼ ã¾ã¨ã‚サイト Prototype 1.6.0ã¸ã®ã‚¢ãƒƒãƒ—グレード実例紹
Ajax 逆引ãクイックリファレンス
ã“ã®ãƒšãƒ¼ã‚¸ã¯æ¯Žæ—¥ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚ºã‹ã‚‰ç™ºå£²ä¸ã®æ›¸ç±ã€ŒAjax逆引ãクイックリファレンスã€ã®ã‚µãƒ³ãƒ—ルを掲載ã—ã¦ã„ã¾ã™ã€‚ ã“ã®æ›¸ç±ã®å…ƒã«ãªã£ã¦ã„るサイト（Ajaxを勉強ã—よã†ï¼‰ã‚‚å‚ç…§ã—ã¦ã¿ã¦ãã ã•ã„。 ミスや間é•ã„ã€ãƒªãƒ³ã‚¯ã‚¨ãƒ©ãƒ¼ãªã©ãŒã‚ã‚Šã¾ã—ãŸã‚‰openspc@alpha.ocn.ne.jpã¾ã§ãŠé¡˜ã„ã—ã¾ã™ã€‚ ç¬¬ä¸€ç« ã€€Ajaxã¨ã¯ Ajaxã¨ã¯ DHTMLã¨Flash Ajaxã«å¿…è¦ãªçŸ¥è˜ã¨æŠ€è¡“ Ajaxã®å¼±ç‚¹ï¼é›£ç‚¹ 通信上ã®åˆ¶ç´„ XMLã®å‡¦ç† スタイルシートã®æ³¨æ„点 ç¬¬äºŒç« ã€€éžåŒæœŸé€šä¿¡å‡¦ç† サーãƒãƒ¼ã¨é€šä¿¡ã‚’行ㆠサーãƒãƒ¼ã‹ã‚‰ãƒ†ã‚ストデータをèªã¿è¾¼ã‚€ サーãƒãƒ¼ã‹ã‚‰XMLデータをèªã¿è¾¼ã‚€ サーãƒãƒ¼ã«getメソッドã§ãƒ‡ãƒ¼ã‚¿ã‚’é€ä¿¡ã™ã‚‹ サーãƒãƒ¼ã«postメソッドã§ãƒ‡ãƒ¼ã‚¿ã‚’é€ä¿¡ã™ã‚‹ èªã¿è¾¼ã¿ã‚’ä¸æ–ã™ã‚‹ タイムアウト処ç†ã‚’行ㆠサーãƒãƒ¼ã‹ã‚‰ã®å¿œç”を調ã¹ã‚‹ ファイルãŒèªã¿è¾¼ã‚ãªã„ã€å˜åœ¨ã—ãªã„å ´åˆã®å‡¦ç†ã‚’
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}