Infinite Scroll
Infinite Scroll is a JavaScript plugin that automatically adds the next page, saving users from a full page load. You’ve likely seen it in use all over the web. The original version of Infinite Scroll was first released by Paul Irish 2008. It was a break-through work of front-end development, granting web developers a cutting edge experience via a user-friendly yet powerful jQuery plugin. That lin
レスãƒãƒ³ã‚·ãƒ–対応ã—ãŸãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®ãƒ—ラグインã®ã¾ã¨ã‚
ã“ã‚“ã«ã¡ã¯ã€å·¥è—¤ã§ã™ã€‚ 今回ã¯ä»¥å‰ã¾ã¨ã‚ãŸã‚‚ã®ãŒå¤ã‹ã£ãŸã®ã§ã€jQueryを使ã£ãŸãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®ãƒ—ラグインを改ã‚ã¦ã¾ã¨ã‚ã¾ã—ãŸã€‚ レスãƒãƒ³ã‚·ãƒ–対応ã—ã¦ã„ã‚‹ã‚‚ã®ã®ã¿ã«çµžã£ã¦ã„ã¾ã™ã€‚ Boxer（Lightbox） DEMO GitHub（Boxer） GitHub（Lightbox） 以å‰ã¾ã§ã¯ã€ŽBoxerã€ã¨ã„ã†ãƒ—ラグインå˜ä½“ã ã£ãŸã®ã§ã™ãŒã€ŽFormstoneã€ã¨ã„ã†ãƒ†ãƒ¼ãƒžã®1ã¤ã«ãªã‚Šã€ãã‚Œã«ä¼´ã„『Lightboxã€ã¨ã„ã†åå‰ã«å¤‰æ›´ã«ãªã£ãŸã‚ˆã†ã§ã™ã€‚ã‚„ã‚„ã“ã—ã„ã§ã™ã€‚ ãŸã 比較ã—ã¦ã‚‚挙動ã¯ï¼ˆè¦‹ãŸé™ã‚Šã ã¨ï¼‰ãã‚“ãªã«é•ã‚ãªã„ã®ã§å¥½ããªæ–¹ã‚’使ã£ã¦ã‚ˆã„ã‹ã¨æ€ã„ã¾ã™ã€‚ 『Boxerã€ã®æ–¹ãŒè¨ç½®ã¯ç°¡å˜ã§ã™ã€‚ ã“ã®ãƒ—ラグインã®ã„ã„ã¨ã“ã‚ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«å¯¾å¿œã—ã¦ã„ã‚‹ã€ã‹ã¤ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§è¦‹ãŸå ´åˆã«ã¯æœ€é©åŒ–ã—ã¦è¡¨ç¤ºã—ã¦ãれるã¨ã“ã‚ã§ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã«ãã‚Œã„ã«è¡¨ç¤ºã—ã¦ãれるã®ã§é‡å®ã—ã¦ã„ã¾ã™ã€‚ 動画やイン
JavaScriptã®æ–‡å—列置æ›ã¨jQueryã®DOMè¦ç´ ç½®æ›ã®ã¾ã¨ã‚
JavaScriptã®æ–‡å—列置æ›ã¨jQueryã®DOMè¦ç´ ç½®æ›ã«ã¤ã„ã¦ã€ã¾ã¨ã‚ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ 特ã«JavaScriptã®æ–‡å—列置æ›ã¯ã„ã¤ã‚‚やり方を忘れã¦ã—ã¾ã†ã®ã§ã€ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã«ä¿å˜ã—ã¦ãŠãã¾ã™ã€‚ １．replace()ã«ã‚ˆã‚‹æ–‡å—åˆ—ç½®æ› åŸºæœ¬çš„ãªæ–‡å—列置æ›ã¯ã€JavaScriptã®replace()メソッドを利用ã—ã¾ã™ã€‚ var text = "foofoo"; var result = text.replace('foo', 'bar'); 実行çµæžœï¼ˆresultã®å†…容） barfoo ２．replace()ã®æ£è¦è¡¨ç¾ã«ã‚ˆã‚‹ç½®æ› replace()メソッドã®ç¬¬1パラメータã«æ£è¦è¡¨ç¾ã‚’指定ã™ã‚Œã°ã€ã•ã‚‰ã«å¼·åŠ›ãªæ–‡å—列置æ›ãŒè¡Œãˆã¾ã™ã€‚ var text = "foofoo"; var result = text.replace(/foo/g, 'bar'); 実行çµæžœï¼ˆresultã®å†…容）
デザイナー・デベãƒãƒƒãƒ‘ーã®ãŸã‚ã®jQueryプラグイン30 – creamu
jQueryを使ã£ã¦ã‚¯ãƒ¼ãƒ«ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’実装ã—ãŸã„。 ãã‚“ãªã¨ãã«ãŠã™ã™ã‚ãªã®ãŒã€ã€Œ30 Useful Jquery Plugins For Developer & Designerã€ã€‚デザイナー・デベãƒãƒƒãƒ‘ーã®ãŸã‚ã®jQueryプラグイン集ã§ã™ã€‚ çµæ§‹ã„ã„æ„Ÿã˜ã®ã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã™ã€‚ YoxView – jQuery image viewer plugin å‹•ãã®è»½å¿«ãªlightbox系プラグイン Exposure Jquery Plugin ã‹ã£ã“ã„ã„見ã›æ–¹ãŒã§ãã‚‹ç”»åƒãƒ“ューア jQuery Constant Footer フッタをブラウザ下部ã«å›ºå®šé…ç½®ã™ã‚‹ãŸã‚ã®ã‚¹ã‚¯ãƒªãƒ—ト。RSSã‚’èªã¿è¾¼ã‚“ã ã‚Šã‚‚ã§ãã‚‹ ezMark jQuery Plugin ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã€ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã‚’ã‹ã‚ã„ã„デザイン㫠変更ã§ãるプラグイン Cloud Zoom ã“ã‚Œã¯ã™ã”ã„æ°—ãŒã™ã‚‹ã€‚ç”»åƒã®ä¸€éƒ¨ã‚’拡大ã—ã¦
jQuery TOOLS - The UI library for the Web
jQuery Tools is a collection of the most important user-interface components for today's websites. This single JavaScript file weighs only 5.8 Kb Tabs is the most popular JavaScript tool on the web. Tabs, horizontal tabs and accordions, finally done the right way. Great looking tooltips. Big or small. Pluggable effects. Yet another crucial tool. Visually appealing overlays. This tool is a signific
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
入力ボックスã§ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨æ¶ˆãˆã‚‹ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆå€¤ã‚’ç°¡å˜å®Ÿè£…「ToggleValã€:phpspot開発日誌
ToggleVal :: jQuery Plugins by Aaron Kuzemchak 入力ボックスã§ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨æ¶ˆãˆã‚‹ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆå€¤ã‚’ç°¡å˜å®Ÿè£…「ToggleValã€ã€‚ 入力ボックスã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ãƒ’ント値を入れã¦ãŠã„ã¦ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨æ¶ˆãˆã‚‹ã‚ã®åˆ†ã‹ã‚Šã‚„ã™ã„インタフェース。 実際ã«å®Ÿè£…ã™ã‚‹ã¨ãªã‚‹ã¨ã€ã¡ã‚‡ã£ã¨é¢å€’ã§ã™ãŒã€ToggleValを使ãˆã°ã€ãƒ¡ã‚½ãƒƒãƒ‰ã‚’1回呼ã³å‡ºã™ã ã‘ã§ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ ↓↓↓↓クリックã§æ¶ˆãˆã‚‹â†“↓↓↓ jQueryプラグインãªã®ã§ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ä½¿ã„ã‚„ã™ããªã£ã¦ã„ã¾ã™ã€‚ $("input[name='name']").toggleVal( { option } ); 実装ã—ãŸããªã£ãŸæ™‚ã€ã¡ã‚‡ã£ã¨é¢å€’ã§ã¾ãŸä»Šåº¦ã€ã¨ãªã‚‰ãªã„よã†ã«ã“れを覚ãˆã¦ãŠã‘ã°ã‚ˆã•ãã†ã€‚
jQuery Form Plugin
Overview The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process. Both of these methods support numerous options which allows you to have full control over how the data is submitted. Submitting a form with AJAX doesn't get any easie
jQuery入門（ãã®1）（1/7）：CodeZine
ã¯ã˜ã‚㫠実を言ã†ã¨ã€ç§ã¯ãšã£ã¨JavaScriptã‚’å«Œã£ã¦ã„ã¾ã—ãŸã€‚JavaScriptã®ã‚³ãƒ¼ãƒ‰ã‚’書ãã®ãŒå«Œã§ã—ãŸã—ã€ã„ã‚ã„ã‚ãªãƒ–ラウザã«å¯¾å¿œã™ã‚‹ãŸã‚ã«å¤§é‡ã®ã‚¹ã‚¯ãƒªãƒ—トコードを使ã‚ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã‚‚å«Œã§ã—ãŸã€‚ãã†ã—ãŸç‚¹ã¯ä»Šã§ã‚‚変ã‚らãªã„ã®ã§ã™ãŒã€æœ€è¿‘ã«ãªã£ã¦JavaScriptã¸ã®ç†è§£ãŒæ·±ã¾ã£ãŸã“ã¨ã¨ã€jQueryã¨ã„ã†å°ã•ãªJavaScriptクライアントライブラリã®ãŠã‹ã’ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆä¸å¿ƒã®AJAXスクリプトコードを書ã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„ã¨ãã§ã‚‚æ怖を抱ã‹ãªããªã‚Šã¾ã—ãŸã€‚ãã‚Œã©ã“ã‚ã‹ã€ä»Šã§ã¯å–œã‚“ã§å¼•ãå—ã‘ã‚‹ã»ã©ã«ãªã£ã¦ã„ã¾ã™ã€‚クライアントãƒã‚¸ãƒƒã‚¯ãŒã‚‚ã£ã¨è¤‡é›‘ã«ãªã‚Šã€ãƒ–ラウザã®æ©Ÿèƒ½ã‚„実装ã®å¤šæ§˜åŒ–ãŒã•ã‚‰ã«é€²ã‚“ã ã¨ã—ã¦ã‚‚ã€jQueryã‚’ã¯ã˜ã‚ã¨ã™ã‚‹ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ©ã‚¤ãƒ–ラリãŒã€JavaScriptã‚„HTML DOMを扱ã†éš›ã«å¿…è¦ãªæ£è¦åŒ–ã‚’æä¾›ã—ã¦ãã‚Œã¾ã™ã€‚ ç§ã¯JavaScriptã®åˆå¿ƒè€…ã¨
ValidationAideJ
ダウンãƒãƒ¼ãƒ‰( 6.33 KB ) ダウンãƒãƒ¼ãƒ‰( éžåœ§ç¸®ç‰ˆ 13.92 KB ) jQuery プラグイン ValidationAide ã®æ—¥æœ¬èªžç‰ˆã§ã™ã€‚ 本家㯠http://www.codeplex.com/DNAide ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ 変更点ã¯ä»¥ä¸‹ã®4点ã§ã™ã€‚ デフォルトã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ«ãƒ¼ãƒ«ã®ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã®æ—¥æœ¬èªžåŒ– jsファイルã®çµ±åˆ æ—¢å˜ã®ãƒã‚°ã®ä¿®æ£ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ«ãƒ¼ãƒ«ã®è¿½åŠ 例: Simple 一番シンプルãªä¾‹ Custom Messages メッセージをカスタマイズã—ãŸä¾‹ Inline インラインメッセージを使ã£ãŸä¾‹ Custom Rules ルールをカスタマイズã—ãŸä¾‹ Initialise Events åˆæœŸã‚¤ãƒ™ãƒ³ãƒˆã‚’指定ã—ãŸä¾‹ Field Events å„フィールドイベントを指定ã—ãŸä¾‹ クイックリファレンス: デフォルトãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ«ãƒ¼ãƒ« valida
jQueryã®ãƒ—ラグイン100é¸ -2008å¹´ç·é›†ç·¨ | コリス
seekAttention 注目箇所ã ã‘ãƒã‚¤ãƒ©ã‚¤ãƒˆã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å¼·èª¿ã€‚ スクãƒãƒ¼ãƒ«ãƒ»ãƒ‰ãƒ©ãƒƒã‚°ãªã©æ“作関連ã®jQueryã®ãƒ—ラグイン
jQuery.thickboxã®#TB_inlineã§è¡¨ç¤ºãŒã§ããªã„ - ブãƒãƒ¼ãƒ‰ãƒãƒ³ãƒ‰å¯¾å¿œæ—¥è¨˜
JavaScript, jQueryIDãŒé•ã£ã¦ã„ã‚‹ã¨ã‹ã€ãã†ã„ã†ãƒŸã‚¹ã¯ç½®ã„ã¨ã„ã¦ã€ãƒãƒžã£ãŸã‚±ãƒ¼ã‚¹ã‚’忘れãšã«ãƒ¡ãƒ¢ã€‚裸ã®ãƒ†ã‚スト a href="#TB_inline?inlineId=myContent" class="thickbox" title="ThickBoxã¨ã¯?">CLICK!a> div id="myContent" style="display:none;"> p>thickbox内ã«è¡¨ç¤ºã™ã‚‹å†…容p> div> 基本上記ã®ã‚ˆã†ãªç°¡å˜ãªã‚³ãƒ¼ãƒ‰ã§ã€thickbox内ã«åŒä¸€ãƒšãƒ¼ã‚¸å†…ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を表示ã§ãã‚‹ã®ã ãŒã€ä»¥ä¸‹ã®ã‚ˆã†ãªå ´åˆã€è¡¨ç¤ºã§ããªã„。 a href="#TB_inline?inlineId=myContent" class="thickbox" title="ThickBoxã¨ã¯?">CLICK!a> div id="myContent" style="display
[JS]jQueryã®ãƒ—ラグイン33 1é¸ -2008å¹´10月 | コリス
当サイトã§ã¯Cookieを使用ã—ã¦ã„ã¾ã™ã€‚引ã続ã当サイトを閲覧ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒãƒªã‚·ãƒ¼ã‚’å—ã‘入れãŸã‚‚ã®ã¨ã¿ãªã•ã‚Œã¾ã™ã€‚今後表示ã—ãªã„詳ã—ã見る
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}