10. ∼ 2004 å¹´ • JS ã¯ã€Œ Web ã«ã¡ã‚‡ã£ã¨å‹•ãã‚’åŠ ãˆã‚‹ã‚‚ã®ã€ • 「JSãŒå‹•ã‹ãªã„環境ã®ã“ã¨ã‚‚ 考ãˆãªãゃダメã§ã—ょï¼ï¼ï¼ã€ • リッãƒãªã“ã¨ã¯ Flash ã§ã‚„ã‚Œ
ã¾ãŸã‚™ DOM æ“作ã¦ã‚™æ¶ˆè€—ã—ã¦ã‚‹ã®ï¼Ÿ
10. ∼ 2004 å¹´ • JS ã¯ã€Œ Web ã«ã¡ã‚‡ã£ã¨å‹•ãã‚’åŠ ãˆã‚‹ã‚‚ã®ã€ • 「JSãŒå‹•ã‹ãªã„環境ã®ã“ã¨ã‚‚ 考ãˆãªãゃダメã§ã—ょï¼ï¼ï¼ã€ • リッãƒãªã“ã¨ã¯ Flash ã§ã‚„ã‚Œ
JavaScriptã«ã‚ˆã‚‹è‡ªå‹•æŒ¯ä»®å入力·autokana MOONGIFT
autokanaã¯jQuery/JavaScript製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア（MIT License）ã§ã™ã€‚ フォーム入力ã¨ã„ã†ã®ã¯ãƒ¦ãƒ¼ã‚¶ã«ã¨ã£ã¦ç›¸å½“ãªã‚¹ãƒˆãƒ¬ã‚¹ã«ãªã‚Šã¾ã™ã€‚ã¡ã‚‡ã£ã¨ã§ã‚‚é¢å€’ã ã¨æ€ã†ã¨è«¦ã‚ã¦ã—ã¾ã„ã¾ã™ã€‚ãã“ã§ãªã‚‹ã¹ãユーザã®ã‚¹ãƒˆãƒ¬ã‚¹ã‚’減らã—ã¦å…¥åŠ›ã§ãるライブラリを用æ„ã™ã¹ãã§ã™ã€‚今回ã¯ãƒ•ãƒªã‚¬ãƒŠå…¥åŠ›è£œåŠ©ãƒ©ã‚¤ãƒ–ラリautokanaを紹介ã—ã¾ã™ã€‚ “ãªâ€ã¨å…¥åŠ›ã™ã‚‹ã¨ã€ãµã‚ŠãŒãªã®æ¬„ã«â€œãƒŠâ€ã¨è‡ªå‹•å…¥åŠ›ã•ã‚Œã¾ã™ã€‚ 続ã‘ã¦å…¥åŠ›ã—ã¦å¤‰æ›ã€‚ナカツガワã¨ãã¡ã‚“ã¨å…¥åŠ›ã•ã‚Œã¾ã—ãŸã€‚ 例ãˆã°ãƒŸã‚¹ã—ã¦ãƒãƒƒã‚¯ã‚¹ãƒšãƒ¼ã‚¹ã‚’押ã›ã°ã€ãƒ•ãƒªã‚¬ãƒŠã‚‚ãã®éƒ¨åˆ†ãŒå‰Šé™¤ã•ã‚Œã¾ã™ã€‚ 振仮åã§ã¯ã²ã‚‰ãŒãªã€ç‰‡ä»®åã®ä¸¡æ–¹ãŒåˆ©ç”¨ã§ãã¾ã™ã€‚KeyDownã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’使ã£ã¦ã„ã¾ã™ã®ã§ã€ã‚³ãƒ”ー&ペーストã•ã‚ŒãŸæ–‡å—列ã«å¯¾ã—ã¦ã¯å‹•ä½œã—ã¾ã›ã‚“。ã¾ãŸã€ç¾æ™‚点ã§ã¯ãƒãƒ¼ãƒžå—ã«ã¯éžå¯¾å¿œã¨ã®ã“ã¨ã§ã™ã€‚ MOONGIFTã¯ã“ã†è¦‹ã‚‹ 入力フォームã¯ç·ã˜
[JS]スムーズãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§åœ°å›³ï¼ˆå¤§ãã„ç”»åƒï¼‰ã‚’ダイナミックã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -CraftMap
地図ã®ã‚ˆã†ãªå¤§ãã„ç”»åƒã‚’指定サイズã«ã‚¯ãƒªãƒƒãƒ—ã—ã€ã‚¯ãƒªãƒƒã‚¯ã‚„ドラッグæ“作ã§ã‚¹ãƒ ーズã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ CraftMap [ad#ad-2] CraftMapã®ãƒ‡ãƒ¢ CraftMapã®å®Ÿè£… CraftMapã®ãƒ‡ãƒ¢ デモã¯äºŒã¤ã‚ã‚Šã€ãƒšãƒ¼ã‚¸å†…ã®ä¸€éƒ¨ã«é…ç½®ã—ãŸã‚‚ã®ã¨ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã„ã£ã±ã„ã«é…ç½®ã—ãŸã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ 地図ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ–¹æ³•ã¯3種類ã®æ“作ãŒå¯èƒ½ã§ã™ã€‚ ナビゲーション（左ã®ãƒ‘ãƒãƒ«ï¼‰ã®å„ラベルをクリック 地図上ã®ãƒžãƒ¼ã‚«ãƒ¼ã‚’クリック 地図をドラッグ å„ラベル・マーカーをクリックã™ã‚‹ã¨ã€ãã‚Œã«å¯¾å¿œã—ãŸä»˜åŠ æƒ…å ±ã‚’ãƒ‘ãƒãƒ«ã§è¡¨ç¤ºã—ã¾ã™ã€‚ Demo 2: ウインドウã„ã£ã±ã„ã«é…ç½® [ad#ad-2] CraftMapã®å®Ÿè£… 外部ファイル 「jquery.jsã€ã¨å½“スクリプトを外部ファイルã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script src="js/jquery.js" type="
[JS]aè¦ç´ を内包ã™ã‚‹divè¦ç´ 全体をクリッカブルã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Div Linker
テã‚ストリンクãªã©ã®aè¦ç´ を内包ã™ã‚‹divè¦ç´ ã®å…¨éƒ¨ã‚’クリックå¯èƒ½ã«ã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ Div Linker デモページ [ad#ad-2] Div Linkerã®å®Ÿè£… 実装ã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã§ã™ã€‚ 外部ファイル 「jquery.jsã€ã¨å½“スクリプトを外部ファイルã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="jquery.divlinker1.0.js"></script> HTML デモã®ã‚ˆã†ã«ãƒ†ã‚ストリンク（aè¦ç´ ）をdivè¦ç´ ã§å†…包ã—ã¾ã™ã€‚ <div class="divlinker"> <img src="image.jpg" width="151" height="130" /> <
Web制作をã¡ã‚‡ã£ã¨ã ã‘楽ã«ã™ã‚‹jQueryプラグイン 「laquu.js〠| webox blog
知りåˆã„ãŒä¾¿åˆ©ãã†ãªã‚‚ã®ã‚’作ã£ã¦ã„ãŸã®ã§ã”紹介ã—ã¾ã™ã€‚ Web制作時ã«ã‚ˆã使ã†æ©Ÿèƒ½ã‚’ã²ã¨ã¾ã¨ã‚ã«ã—ãŸjQueryプラグインã§ã™ã€‚ èªã¿è¾¼ã‚€jsã®ãƒ•ã‚¡ã‚¤ãƒ«ãŒå¢—ãˆã¦ããŸã‚Šã€ãã®éƒ½åº¦è¿½åŠ ã—ã¦ã„ãã®ãŒé¢å€’ã ãªã¨æ„Ÿã˜ã¦ãã¦ã„ãŸã®ã§ã“ã†ã„ã†ã®ã¯éžå¸¸ã«åŠ©ã‹ã‚Šã¾ã™ã。 Laquu.js 個人的ã«ã‚ˆã使ã†æ©Ÿèƒ½ アコーディオン ドãƒãƒƒãƒ—ダウン ブランク XHTMLã§éžæŽ¨å¥¨ã¨ã•ã‚Œã¦ã„ã‚‹target属性ã®ä»£æ›¿ã¨ãªã‚‹æ©Ÿèƒ½ã§ã™ã€‚ 個人的ã«ã¯JSã§å®Ÿè£…ã™ã‚‹ãªã‚‰éžæŽ¨å¥¨ã§ã‚‚入れã¦ã—ã¾ã„ã¾ã™ãŒâ€¦ ã¡ãªã¿ã«HTML5ã§ã¯target属性ã¯å¾©æ´»ã—ã¦ã„ã¾ã™ã€‚ スクãƒãƒ¼ãƒ©ãƒ¼ ページ内リンクã®ã‚¹ãƒ ーススクãƒãƒ¼ãƒ«ã‚’実装ã™ã‚‹æ©Ÿèƒ½ã§ã™ã€‚ スクãƒãƒ¼ãƒ«2ビュー スクãƒãƒ¼ãƒ«ã‚’検知ã—ã¦æŒ‡å®šè¦ç´ を表示/éžè¡¨ç¤ºã—ã¦ãれる機能ã§ã™ã€‚ イメージオーãƒãƒ¼ ãã®ã†ã¡ãƒ—リãƒãƒ¼ãƒ‰ã—ã¦ãれるよã†ã«ã™ã‚‹ãã†ã§ã™ã€‚ ツールãƒãƒƒãƒ— コナミコマンド ãƒã‚¿æ©Ÿ
タブやスクãƒãƒ¼ãƒ«ã€ãƒ„ールãƒãƒƒãƒ—ãªã©ã€Webサイトã§è‰¯ã見ã‹ã‘る機能を1ã¤ã®ãƒ•ã‚¡ã‚¤ãƒ«ã§å®Ÿè£…å¯èƒ½ã«ã™ã‚‹å›½ç”£jQueryプラグイン・Laquu.JS - ã‹ã¡ã³ã¨.net
ãŸã¾ãŸã¾è¦‹ã‹ã‘ã¦ä¾¿åˆ©ãã†ã ã£ãŸã®ã§ シェア。良ã使ã‚れるドãƒãƒƒãƒ—ダウン メニューやページスクãƒãƒ¼ãƒ«ã€ã‚¿ãƒ–ã‚„ ツールãƒãƒƒãƒ—ãªã©ã‚’1ã¤ã®jsファイル㧠実装å¯èƒ½ã«ã™ã‚‹å›½ç”£ã®jQueryプラグイン ã§ã™ã€‚制作ãŒæ¥½ã«ãªã‚‹ã®ã§Laquuã€ã¨ ã„ã†åã¿ãŸã„ã§ã™ã€‚ 国産ã®ãƒ—ラグインãªã®ã§ãƒ‰ã‚ュメントも日本語ã§ã™ã€‚英語ãŒè‹¦æ‰‹ãªæ–¹ã§ã‚‚手軽ã«ä½¿ãˆã‚‹ã®ã§ã¯ãªã„ã‹ãªã¨ã€‚ã¾ãŸã€ç„¡é§„ãªè£…飾も無ã„ã®ã§æ—¢å˜ã‚µã‚¤ãƒˆã«è½ã¨ã—込んã ã‚Šã€ã‚·ãƒ³ãƒ—ルãªãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ã—ã¦ã‚‚良ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 以å‰ã”紹介ã—ãŸsimplelibã¨åŒæ§˜ã«ãƒ‘ッケージ化ã•ã‚Œã¦ã„ã‚‹ã®ã§é¸æŠžè‚¢ãŒå¢—ãˆãŸå°è±¡ã§ã™ã€‚ シンプルã§è£…飾も自由ã«å‡ºæ¥ã‚‹ã®ã§ãªã‹ãªã‹æ±Žç”¨çš„ã§ã¯ãªã„ã‹ãªã¨æ€ã„ã¾ã™ã€‚ライセンスもMITãªã®ã¯ã‚ã‚ŠãŒãŸã„ã§ã™ã。 å‚™ã‚ã£ã¦ã„る機能 機能ã¯ã“ã‚“ãªæ„Ÿã˜ã€‚ã©ã‚Œã‚‚良ã探ã—ã¦ã„る機能ã˜ã‚ƒãªã„ã‹ãªã¨æ€ã„ã¾ã™ãŒã€ã“れらã®æ©Ÿèƒ½ã‚’1ã¤ã®jsファイルã§ä½¿ã†ã“ã¨ãŒå‡ºæ¥ã‚‹ã€
Googleマップライクã«åœ°å›³æ“作ãŒã§ãã‚‹JavaScriptライブラリ·Leaflet MOONGIFT
Leafletã¯è»½é‡ã§åœ°å›³æ“作ã«æœ€é©ãªJavaScriptライブラリ。 Leafletã¯JavaScript製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。ã‹ã¤ã¦Webベースã®åœ°å›³ã¨è¨€ãˆã°ã€ç”»åƒã®ä¸Šä¸‹å·¦å³ã«çŸ¢å°ãŒã¤ã„ãŸã‚‚ã®ã°ã‹ã‚Šã ã£ãŸã€‚ãれを一変ã•ã›ãŸã®ãŒGoogleマップã§ã€Ajaxã«ã‚ˆã‚‹ã‚¹ãƒ ーズãªæ“作をå¯èƒ½ã«ã—ãŸã€‚ ãƒãƒƒãƒ—アップ 今やã‚ã®UIãŒå½“ãŸã‚Šå‰ã«ãªã£ã¦ã„る。ãã—ã¦åœ°å›³ä»¥å¤–ã§ã‚‚使ãˆã‚‹å ´é¢ã‚‚増ãˆã¦ã„る。ã‚ã®ã‚ˆã†ãªUIをオープンソースã§æ‰‹ã«å…¥ã‚ŒãŸã„ãªã‚‰ã°Leafletを使ã£ã¦ã¿ã‚ˆã†ã€‚ Leafletã¯CloudMadeãŒæä¾›ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã§ã€åœ°å›³æ“作ã«ç”¨ã„ã‚‹ã“ã¨ã‚’想定ã—ã¦ã„る。マーカー表示やマーカーã‹ã‚‰ã®ãƒãƒƒãƒ—アップã€ã‚¤ãƒ¡ãƒ¼ã‚¸ã®ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã«ã‚‚対応ã™ã‚‹ã€‚拡大ã€ç¸®å°ã™ã‚‹æ™‚ã«ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãŸã‚Šã€ãƒ›ã‚¤ãƒ¼ãƒ«ã‚„ダブルクリックã§ã‚ºãƒ¼ãƒ æ“作もã§ãる。 クリックã—ãŸå ´æ‰€ã§è¡¨ç¤º マーカーã®ä»–ã«ã‚‚円や三角形をæã
スマートフォン最é©åŒ–サイトã®æœ¬å‘½ã‹Â·jQuery Mobile MOONGIFT
jQuery Mobileã¯jQueryå…¬å¼ãŒé–‹ç™ºã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘サイト開発用ライブラリ。 MOONGIFTã¯ã“ã†è¦‹ã‚‹ jQuery Mobileã¯æ•°ãƒ¶æœˆå‰ã«é–‹ç™ºãŒç™ºè¡¨ã•ã‚Œã€ã¤ã„ã«1.0α版ãŒç™»å ´ã—ãŸå¾…ã¡ã«å¾…ãŸã‚ŒãŸãƒ©ã‚¤ãƒ–ラリ。既ã«å¹¾ã¤ã‹ã“ã®æ‰‹ã®ãƒ©ã‚¤ãƒ–ラリã¯ã‚ã‚‹ãŒã€æœ¬å®¶ãŒæ‰“ã¡å‡ºã—ã¦ãる以上ã€äººæ°—ã¯é›†ã¾ã‚‹ã ã‚ã†ã€‚æ—¢ã«æ©Ÿèƒ½ã‚‚多ã„ã®ã§ã€å¤§æŠµã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆãªã‚‰ã“ãªã›ãã†ã 。 jQTouchã¯ä¸å…·åˆã¨ã¯è¨€ã‚ãªã„ã¾ã§ã‚‚ã€åˆ©ç”¨ã«éš›ã—ã¦ã¯ã‚³ãƒ„を掴む必è¦ãŒã‚ã£ãŸã€‚jQuery Mobileã¯ãœã²ãã®ãƒ†ãƒ„ã¯è¸ã¾ãšã€PCå‘ã‘ライブラリåŒæ§˜ã®ä½¿ã„å‹æ‰‹ã‚’ç¶æŒã—ã¦ã»ã—ã„ã¨é¡˜ã£ã¦ã—ã¾ã†ã€‚ jQuery Mobileã¯JavaScript/jQuery製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。iOSã€ç‰¹ã«iPhone/iPad用ã®Webサイトを作るãŸã‚ã®å°‚用ライブラリã¯æ•°å¤šã„。最é©åŒ–ã•ã‚Œã€iPhoneãªã©ã§è¦‹ã‚„ã™ã„ç”»
ajaxã§ç°¡å˜ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒå¯èƒ½ãªjQueryプラグイン「jQuery.uploadã€:phpspot開発日誌
jQuery.upload: A simple ajax file upload plugin ajaxã§ç°¡å˜ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒå¯èƒ½ãªjQueryプラグイン「jQuery.upload〠åŒã˜ãƒšãƒ¼ã‚¸å†…ã«ç”Ÿæˆã—ãŸiframeã¸ãƒ‡ãƒ¼ã‚¿ã‚’POSTã™ã‚‹ã“ã¨ã§ã€éžåŒæœŸã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’アップãƒãƒ¼ãƒ‰ãŒå¯èƒ½ã«ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ ファイルをé¸æŠžã™ã‚‹ã¨å³æ™‚ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒé–‹å§‹ã™ã‚‹ã®ãŒç‰¹å¾´ アップãƒãƒ¼ãƒ‰ã‚’完了ã™ã‚‹ã¨æ¬¡ã®ã‚ˆã†ã«ã€ãƒ•ã‚¡ã‚¤ãƒ«å・サイズã¨ã„ã£ãŸãƒ•ã‚¡ã‚¤ãƒ«æƒ…å ±ãŒè¡¨ç¤ºã•ã‚Œã‚‹ãƒ‡ãƒ¢ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ファイルアップãƒãƒ¼ãƒ‰ã‚’é »ç¹ã«è¡Œã†ã‚ˆã†ãªã‚±ãƒ¼ã‚¹ã«ãŠã„ã¦ã€ä¾¿åˆ©ã«ä½¿ãˆã‚‹ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒçµ„ã¿è¾¼ã‚ãã†ã§ã™ã。 関連エントリ ajaxファイルアップãƒãƒ¼ãƒ‰ã«ä½¿ãˆã‚‹jQueryプラグインã„ã‚ã„ã‚ PHPã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã®å‡¦ç†ã‚’超簡å˜ã«ã™ã‚‹ã‚¯ãƒ©ã‚¹ä¾‹ã€ŒEasyUp〠ファイルアップãƒãƒ¼ãƒ‰ã®éš›ã«ä¾¿åˆ©ãªFlash/JavaScri
ã€ãƒ¬ãƒ“ュー】モãƒã‚¤ãƒ«å‘ã‘Webアプリã«ç‰¹åŒ–ã—ãŸè»½é‡JSライブラリ「baseJS〠| エンタープライズ | マイコミジャーナル
iPhoneã‚„Androidã¨ã„ã£ãŸã€ãƒ•ãƒ«ãƒ–ラウザをæ載ã™ã‚‹ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ãŒæ™®åŠã—ã¤ã¤ã‚る。Webアプリケーションã®é–‹ç™ºç¾å ´ã‚‚ã€ãã‚ãã‚ã“れらモãƒã‚¤ãƒ«ç«¯æœ«ã‚’無視ã§ããªããªã£ã¦ãã‚‹ã ã‚ã†ã€‚モãƒã‚¤ãƒ«ç«¯æœ«å‘ã‘Webアプリケーションã®æ§‹ç¯‰ã«ã¯ã€ã‚¤ãƒ³ãƒ•ãƒ©ã‚’ã¯ã˜ã‚ã¨ã—ã¦ã•ã¾ã–ã¾ãªåˆ¶ç´„ãŒã¤ãã¾ã¨ã†ã€‚ 本稿ã§ã¯ãƒ¢ãƒã‚¤ãƒ«å‘ã‘Webアプリã«ç‰¹åŒ–ã—ãŸè»½é‡JSライブラリ「baseJSã€ã‚’紹介ã—ãŸã„。 baseJSã¨ã¯ baseJSã¯Paul Armstrongæ°ãŒé–‹ç™ºãƒ»ãƒªãƒªãƒ¼ã‚¹ã—ã¦ã„る軽é‡JavaScriptフレームワークã®ã²ã¨ã¤ã€‚iPhone/iPod touch上ã§å‹•ä½œã™ã‚‹Webアプリケーションã®é–‹ç™ºã«ç‰¹åŒ–ã—ãŸãƒ©ã‚¤ãƒ–ラリã 。Webアプリケーションを作æˆã™ã‚‹ã«ã‚ãŸã‚Šã€å¿…è¦æœ€ä½Žé™ã®æ©Ÿèƒ½ã®ã¿ã‚’サãƒãƒ¼ãƒˆã—ã¦ã„る。 åŒãƒ©ã‚¤ãƒ–ラリã®æœ€çµ‚æ›´æ–°æ—¥ã¯2009å¹´5月9æ—¥(米国時間)。公開当åˆã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯Creative Comm
IE6ã€7ã§ã‚‚å‹•ã„ã¦ãれる&実用性ã®é«˜ãã†ãªjQueryプラグイン30個ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
使ã„ã‚„ã™ãã†ãªjqueryプラグイン ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚最低ã§ã‚‚IE6,7ã§ã‚‚ å‹•ã„ã¦ãれる事をå‰æã«ã—ã¦ã„ã¾ã™ã€‚ 他サイトã§ã‚ˆã見ã‹ã‘るプラグインã§ã€ 個人的ã«å®Ÿç”¨æ€§ã®ã‚るプラグイン㨠æ€ã£ãŸã‚‚ã®ã‚’ã¾ã¨ã‚ã¾ã™ã€‚ IE6ã€7ã§ã‚‚å‹•ã„ã¦ãã‚Œã¦ã€å®Ÿç”¨æ€§ã®ã‚ã‚‹jQueryã„ã‚ã„ã‚。確èªã—ãŸãƒ–ラウザã¯IE6,7ã¨Chromeã§ã™ã€‚ä»–ã¯å¤§æŠµå‹•ãã‚“ã˜ã‚ƒãªã„ã‹ãªï¼ˆé©å½“）。 デモã§ç”»åƒãŒé€éŽã•ã‚Œã¦ã„ãªã„ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä»–ã®jsライブラリã§IE6ã§ã‚‚é€éŽå¯èƒ½ï¼ˆDD_belatedPNG.jsã¨ã‹ï¼‰ãªã®ã§ãã“ã¯æŠœãã«ã—ã¦å‹•ä½œã™ã‚‹äº‹ã‚’æ¡ä»¶ã«æŒ™ã’ã¦ã„ã¾ã™ã€‚主観入ã£ã¦ã‚‹ã®ã§å‚考程度ã«ãƒ»ãƒ» Horizontal Subnav マウスオーãƒãƒ¼ã§ã‚µãƒ–メニューãŒãƒ—ルダウンã™ã‚‹cssメニューã§ã™ã€‚サブメニューã¯æ¨ªã«åºƒãŒã£ã¦ãã‚Œã¾ã™ã€‚ Horizontal Subnav Simple jQuery tabs コンテンツをタブã§åˆ‡
ajaxファイルアップãƒãƒ¼ãƒ‰ã«ä½¿ãˆã‚‹jQueryプラグインã„ã‚ã„ã‚:phpspot開発日誌
7 trusted ajax file upload plugins using jquery | Web Developer Juice ajaxファイルアップãƒãƒ¼ãƒ‰ã«ä½¿ãˆã‚‹jQueryプラグインãŒã„ã‚ã„ã‚ã¨ã¾ã¨ã¾ã£ã¦ã„ã¾ã—ãŸã®ã§ã”紹介。 AJAX Upload カスタムボタンを押ã™ã¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é¸æŠžã—ã¦é¸æŠžã—ãŸã‚‰å³åº§ã«ã‚¢ãƒƒãƒ—ã™ã‚‹ã‚‚ã® Ajax file Upload ç”»é¢é·ç§»ãªã—ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒå‡ºæ¥ã‚‹ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼å®Ÿè£… jQuery Multiple File Upload Plugin ãªã©ã€‚ç”»é¢é·ç§»ãªã—ã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’アップãƒãƒ¼ãƒ‰ã—ãŸã„éš›ã®ç°¡å˜ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã¦è¦šãˆã¦ãŠã„ã¦ã‚‚よã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。
今ã ã‹ã¤ã¦ãªã„使ã„ã‚„ã™ã•ã§UIもクールãªãƒžãƒ«ãƒã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼å®Ÿè£…ライブラリ「Pluploadã€:phpspot開発日誌
Plupload - A tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus 今ã ã‹ã¤ã¦ãªã„使ã„ã‚„ã™ã•ã§UIもクールãªãƒžãƒ«ãƒã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼å®Ÿè£…ライブラリ「Pluploadã€ã€‚ Flash, Silverlight, Google gears, HTML5, Yahoo Browserplus ãªã©ã®æŠ€è¡“を駆使ã™ã‚‹ã“ã¨ã§å¤šãã®ãƒ–ラウザã«å¯¾å¿œã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®å„ªã‚ŒãŸã‚‚ã®ã«ãªã£ã¦ã„るよã†ã§ã™ã€‚ 作者ã¯æœ‰åãªWYSIWYGエディタã®TinyMCEã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーã¨ã„ã†ç‚¹ã‚‚æ°—ã«ãªã‚Šã¾ã™ã€‚ アップãƒãƒ¼ãƒ€ãƒ¼ç”»é¢ã€‚CMSãªã©ã«çµ„ã¿è¾¼ã‚€å ´åˆã«ã‚‚é•å’Œæ„Ÿãªã使ãˆãã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã¨UIã§ã™ã€‚ ↑Add Files ã§é¸æŠžã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’é¸ã¶ã¨ã™ãã«ãƒ•ã‚¡ã‚¤ãƒ«åãŒè¡¨ç¤ºã•ã‚Œã€ã©ã‚“ã©ã‚“ãƒ•ã‚¡ã‚¤ãƒ«ã‚’è¿½åŠ ã—ã¦ã„ã£
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IE5ã§å‹•ãjQueryã£ã½ã„ライブラリãŒã§ãã¦ã„ã¾ã—㟠- ?D of K
åŠåˆ†ãらã„jQueryã‹ã‚‰ã‚³ãƒ¼ãƒ‰ã‚’æŒã£ã¦æ¥ãŸã‚ˆã†ãªæ°—ãŒã—ã¾ã™ãŒã€IE5ã§ã‚‚jQueryã£ã½ã書ã‘るライブラリãŒã§ãã¦ã„ã¾ã—ãŸã€‚æ£ç›´ã€ã‚ã‚“ã¾ã‚Šãƒ–ラウザã®ãƒã‚§ãƒƒã‚¯ã¨ã‹ã—ã¦ã„ãªã„ã®ã§ã€å®Ÿéš›ã«ä½¿ã†ã®ã¯çµæ§‹å±é™ºã§ã™ã€‚ http://code.0fk.org/$/ ã¨ã‚Šã‚ãˆãšã€ã‚¤ãƒ™ãƒ³ãƒˆã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã ã‘è¨å®šã—ãŸä¾‹ã§ã™ã€‚ é‡è¦ãªã“㨠jQueryã‹ã‚‰ä¹—ã‚Šæ›ãˆã¦ã‚‚ã„ã„ã§ã™ã‹ï¼Ÿ ä¹—ã‚Šæ›ãˆãªã„æ–¹ãŒè‰¯ã„ã¨æ€ã„ã¾ã™ã€‚ IE5ã®ã‚µãƒãƒ¼ãƒˆã‚’ã—ãŸã„ã®ã§ä½¿ã£ã¦ã‚‚良ã„ã§ã™ã‹ï¼Ÿ 商æ¥ã‚µã‚¤ãƒˆãªã‚‰IE6ã‹ã‚‰ã®ã‚µãƒãƒ¼ãƒˆã«ã—ã¦ã€jQuery使ã£ãŸæ–¹ãŒè‰¯ã„ã¨æ€ã„ã¾ã™ã€‚ ソース見るã¨é–¢æ•°å‘¼ã³å‡ºã—減ã£ã¦ã€é€Ÿãã†ãªã®ã§ä½¿ã£ã¦ã‚‚良ã„ã§ã™ã‹ï¼Ÿ 速ã•ã‚’目的ã¨ã™ã‚‹ãªã‚‰ã€uupaa.jsをオススメã—ã¾ã™ã€‚ 使ã£ã¦ã‚‚良ã„ã§ã™ã‹ï¼Ÿ 使ã‚ãªã„æ–¹ãŒè‰¯ã„ã¨æ€ã„ã¾ã™ã€‚ Twitterã§é‡è¦ãªã“ã¨ãŒè¬™è™šã™ãŽã‚‹ã€ã¤ã¾ã‚Šã€ç›®ç«‹ã£ã¦ã„ãªã„ã¨ã‚ã£ãŸã®ã§ã€ç›®ç«‹ã¤ã‚ˆã†ã«ã—ã¾
Excelã£ã½ã„機能も付ã„ãŸæ¤œç´¢ï¼†ã‚½ãƒ¼ãƒˆï¼†ãƒšãƒ¼ã‚¸ãƒ³ã‚°æ©Ÿèƒ½ä»˜ãテーブル実装JSライブラリ「TinyTable V3ã€:phpspot開発日誌
Excelã£ã½ã„機能も付ã„ãŸæ¤œç´¢ï¼†ã‚½ãƒ¼ãƒˆï¼†ãƒšãƒ¼ã‚¸ãƒ³ã‚°æ©Ÿèƒ½ä»˜ãテーブル実装JSライブラリ「TinyTable V3〠2009å¹´11月18æ—¥- Excelã£ã½ã„機能も付ã„ãŸæ¤œç´¢ï¼†ã‚½ãƒ¼ãƒˆï¼†ãƒšãƒ¼ã‚¸ãƒ³ã‚°æ©Ÿèƒ½ä»˜ãテーブル実装JSライブラリ「TinyTable V3ã€ã€‚ 次ã®ã‚ˆã†ãªã€ï¼µï¼©ã‚‚美ã—ã„高機能ãªãƒ†ãƒ¼ãƒ–ルã®å®Ÿè£…ãŒå‡ºæ¥ã¾ã™ã€‚ 普通ã®ãƒ†ãƒ¼ãƒ–ルをリッãƒã« スタイルを切るã¨ã€æ¬¡ã®ã‚ˆã†ãªå˜ãªã‚‹<table>ã‚¿ã‚°ã§å®šç¾©ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ãªã®ã§ã™ãŒã€JavaScript ã¨CSSã®åŠ›ã«ã‚ˆã£ã¦å¤§ãã形を変ãˆã¦ã„ã¾ã™ã€‚ 機能紹介 検索機能。大é‡ã«ãƒ‡ãƒ¼ã‚¿ãŒã‚ã£ãŸå ´åˆã«ã“ã®æ©Ÿèƒ½ã¯ã‹ãªã‚Šé‡å®ã—ã¾ã™ã€‚ ソート機能。データãŒä¸€æ¯ã§ã‚‚分ã‹ã‚Šã‚„ã™ã„。全カラムã«ãŠã„ã¦ã‚½ãƒ¼ãƒˆæ©Ÿèƒ½ãŒä»˜ã„ã¦ã¾ã™ ページング機能ã«ã‚ˆã£ã¦ç¸¦å¹…ãŒå¤§ããå–られるã“ã¨ã‚’防ãŽã¾ã™ã€‚view all ボタンã§å…¨éƒ¨ã‚’表示ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã€‚ 縦方å‘ã®åˆè¨ˆã‚’Excelã®sumã£
テーブルæ“作ã«ä½¿ãˆãã†ãªjQueryプラグイン色々:phpspot開発日誌
テーブルæ“作ã«ä½¿ãˆãã†ãªjQueryプラグイン色々ãªã‚¨ãƒ³ãƒˆãƒªã®ã”紹介。 é¢å€’ãªãƒ†ãƒ¼ãƒ–ル表示・ソート・検索ãªã‚“ã‹ã®æ©Ÿèƒ½ã‚’jQueryプラグインã§ç°¡å˜ã«ä»˜ã‘られるã®ã¯ä¾¿åˆ©ã§ã™ãŒç¨®é¡žã‚‚ã„ã‚ã„ã‚ã‚ã‚Šã¾ã™ã€‚ ストックã¨ã—ã¦è¦šãˆã¦ãŠã‘ã°ã€ã„ã¤ã‹ä½¿ãˆãã†ã§ã™ã€‚ DataTables Tablesorter Flexigrid jQuery treeTable ã“ã†ã„ã†ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆãŒæœ€ä½Žï¼‘è¡Œã§å®Ÿè£…ã§ãã¦ã—ã¾ã†ã®ã§ã™ã‹ã‚‰ã€ã™ã”ã„時代ã§ã™ã。 リンク先ã¯ä»¥ä¸‹ã‚ˆã‚Šå‚ç…§ã—ã¦ãã ã•ã„。 15 Great jQuery Plugins For Better Table Manipulation
é…力的ãªUIã«ã™ã‚‹ãŸã‚ã®jQueryプラグイン20 – creamu
Six Revisionsã§ã€é…力的ãªUIã«ã™ã‚‹ãŸã‚ã®jQueryプラグインãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã–ã£ã¨ã„ãã¤ã‹ã”紹介。 » SimpleModal シンプルãªãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ » Panel Gallery ユニークãªãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ã‚’æŒã¤ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ » Easy Image Gallery サムãƒã‚¤ãƒ«è¡¨ç¤ºåž‹ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ » PikaChoose Belvedere Incã«è¦‹ã‚‰ã‚Œã‚‹ã‚¯ãƒ¼ãƒ«ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ » SlideBox ãŸãã•ã‚“ã®ãƒªãƒ³ã‚¯ã‚’表示ã§ãるスライドボックス » Single Drop Down Menu シンプルãªãƒ‰ãƒãƒƒãƒ—ダウンメニュー » Mouse Over Animation for Text テã‚ストã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã™ã‚‹ã¨ã€æ˜Žåº¦ã‚’変ãˆã¦ãã‚ŒãŸã‚Šã†ã«ã‚‡ã€œã£ã¨æ‹¡å¤§ã—ã¦ãれるエフェクト ã‚ã¾ã‚Šè¦‹ãŸã“ã¨ã®ãªã„ã‚‚ã®ã‚„シンプルã§ä½¿ã„ã‚„ã™ãã†ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ãªã©ãŒæƒã£ã¦ã„ã¾
jQueryã§ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›å†…容を自動ãƒã‚§ãƒƒã‚¯ã™ã‚‹JavaScript「vanadiumã€
フォームã®å…¥åŠ›å†…容をé€ä¿¡å‰ã«ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã¨æœ‰ç›Šãªæƒ…å ±ã‚’å¾—ã‚‹å¯èƒ½æ€§ãŒé«˜ããªã‚Šã¾ã™ã€‚ ã¾ãŸã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®å‘上ã«ã‚‚役立ã¤ã“ã¨ãŒã§ãã‚‹ã§ã—ょã†ã€‚ 今回ã¯jQueryプラグイン「vanadiumã€ã‚’利用ã—ã¾ã™ã€‚ sponsors 使用方法 vanadiumã‹ã‚‰vanadium.jsã‚’jQueryã‹ã‚‰jquery.jsをダウンãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="vanadium.js"></script> ã‚ã¨ã¯å†…容ã«å¿œã˜ã¦classを振ã£ã¦ã„ã‘ã°å®Œæˆã§ã™ã€‚ ãªãŠã€ã‚¹ã‚¿ã‚¤ãƒ«ã¯ä»¥ä¸‹ã¨ãªã‚Šã¾ã™ã€‚ æ£ã—ã„å ´åˆï¼š.vanadium-valid é–“é•ã£ã¦ã„ãŸå ´åˆï¼š.vanadium-invalid ç´°ã‹ã„指定ã¯ä»¥ä¸‹ã®ã‚µ
フォームを使ã„ã‚„ã™ãã™ã‚‹ãŸã‚ã®jQueryプラグイン&ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«20 – creamu
speckyboyã§ã€ãƒ•ã‚©ãƒ¼ãƒ を使ã„ã‚„ã™ãã™ã‚‹ãŸã‚ã®jQueryプラグイン&ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ ã„ãã¤ã‹ã”紹介ã—ã¾ã™ã。 » In-Field Labels jQuery Plugin inputã®ä¸ã«é€ã‹ã—ã®ãƒ©ãƒ™ãƒ«åを入れられるプラグイン » A jQuery Inline Form Validation, because Validation is a Mess inputã®å³ä¸Šã«å¹ã出ã—åž‹ã§ãƒãƒªãƒ‡ãƒ¼ãƒˆã®ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’表示 » Justify Elements Using jQuery and CSS – Tutorial jQueryã¨CSSã§labelã®widthã‚’æƒãˆã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« » jQuery Comment Preview – Tutorial コメント入力ä¸ã«æŠ•ç¨¿å†…容をプレビューã§ãるプラグイン。↑ã®ã‚ャプãƒãƒ£ã¯ã“ã¡ã‚‰ » jQuery “High
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}