JavaScriptã§ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã—ãŸéº»é›€ã®å°ç²’プãƒã‚°ãƒ©ãƒ 集を公開ã—ã¦ã„ã¾ã™ã€‚稚拙ãªã‚‚ã®ã°ã‹ã‚Šã§ã™ãŒã€ãƒ—ãƒã‚°ãƒ©ãƒ ã®ãƒ’ントやå‚考ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚
無料麻雀ツール＆アプリ 点数計算＆牌効率ラボ
JavaScriptã§ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã—ãŸéº»é›€ã®å°ç²’プãƒã‚°ãƒ©ãƒ 集を公開ã—ã¦ã„ã¾ã™ã€‚稚拙ãªã‚‚ã®ã°ã‹ã‚Šã§ã™ãŒã€ãƒ—ãƒã‚°ãƒ©ãƒ ã®ãƒ’ントやå‚考ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚
GoogleMapを使ã£ã¦å ´æ‰€ã®é¸æŠžã‚„è¿½åŠ ã€å‰Šé™¤ã€æ¤œç´¢ã‚’å¯èƒ½ã«ã™ã‚‹jQueryプラグイン「mappy.jsã€:phpspot開発日誌
mappy.js - jQuery plug-in for Google Maps and Places API integration GoogleMapを使ã£ã¦å ´æ‰€ã®é¸æŠžã‚„è¿½åŠ ã€å‰Šé™¤ã€æ¤œç´¢ã‚’å¯èƒ½ã«ã™ã‚‹jQueryプラグイン「mappy.js〠利用者ãŒãƒžãƒƒãƒ—ã«æƒ…å ±ã‚’è¿½åŠ ã—ãŸã‚Šã€è¿½åŠ ã•ã‚ŒãŸæƒ…å ±ã‚’é¸æŠžã—ãŸã‚Šã€æ¤œç´¢ã—ãŸã‚Šã™ã‚‹UIãŒä½œã‚Œã¾ã™ åœ°å›³æƒ…å ±ã¨çµ¡ã‚ãŸã‚ˆã†ãªã‚µãƒ¼ãƒ“スを作る際ã«æ´»ç”¨ã§ããã†ã§ã™ã€‚ 関連エントリ Googleマップを好ã¿ã®è‰²ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãるスタイルã¾ã¨ã‚「Snazzy Mapsã€ ç´ æ—©ãç°¡å˜ã«Googleマップを導入ã§ãã‚‹jQueryプラグイン「initmap.js〠2Dã®åœ°å›³ã‚’リアルãª3Dã«ã—ã¦3Dマップを作れるPhotoshopアクション
jQuery editTable - ãã®å ´ã§ç·¨é›†ã§ãるテーブルを生æˆã™ã‚‹jQueryライブラリ MOONGIFT
Webベースã®æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ を作ã£ã¦ã„ã‚‹ã¨åº¦ã€…データを一覧ã§è¡¨ç¤ºã™ã‚‹æ©Ÿä¼šãŒã‚ã‚Šã¾ã™ã€‚ãã‚“ãªä¸ã§åº¦ã€…ã‚ãŒã£ã¦ãã‚‹ã®ãŒä¸€è¦§ã®æ™‚点ã§ãƒ‡ãƒ¼ã‚¿ç·¨é›†ã—ãŸã„ã¨ã„ã†è¦æœ›ã§ã™ã€‚ In place editã®ã‚ˆã†ãªä»•çµ„ã¿ã‚’使ã£ã¦ä½œã‚Šè¾¼ã‚“ã§ã‚‚良ã„ã§ã™ãŒã€å°‚用ã®ä»•çµ„ã¿ã‚’使ã£ãŸæ–¹ãŒãƒ¦ãƒ¼ã‚¶ãƒ“リティ高ãã§ãã‚‹ã¯ãšã§ã™ã€‚ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒjQuery editTableã«ãªã‚Šã¾ã™ã€‚ 最åˆã®è¡¨ç¤ºã§ã™ã€‚é©å½“ã«ã‚»ãƒ«ã‚’クリックã—ã¾ã™ã€‚ ãã†ã™ã‚‹ã¨ãã®å ´ã§ç·¨é›†å¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ è¡Œã®è¿½åŠ ã‚‚ã§ãã¾ã™ã€‚ ãƒã‚¹ãƒˆã™ã‚‹ã¨å„è¡Œã”ã¨ã«ãƒ‡ãƒ¼ã‚¿ãŒå…¥ã£ã¦ãã‚‹ã®ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ Ajaxã®å ´åˆã‚‚JSONã®é…列ã§å—ã‘å–ã‚Œã¾ã™ã€‚ 日付é¸æŠžã«éš›ã—ã¦ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ãƒ”ッカーを使ã†ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ è¡Œã®è¿½åŠ ã§ãる数を制é™ã—ãŸå ´åˆã€‚3è¡Œè¿½åŠ ã—ãŸæ™‚点ã§ãƒœã‚¿ãƒ³ãŒæŠ¼ã›ãªããªã‚Šã¾ã™ã€‚ jQuery editTableã®ä½¿ã„æ–¹ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ var mytable =
jQueryプラグイン 50
å°‘ã—å¤ã„ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä»Šå¹´è¦‹ã‹ã‘ãŸã‚‚ã®ã‚’ä¸å¿ƒã«ãƒ•ã‚©ãƒ¼ãƒ 周りã§ã„ã¤ã‹ä½¿ã†æ©Ÿä¼šãŒã‚ã‚Šãã†ã ã¨æ€ã£ãŸjQueryプラグインã®ã¾ã¨ã‚ã§ã™ã€‚ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„å„フォームエレメントã®ãƒ‡ã‚¶ã‚¤ãƒ³å¤‰æ›´ã¨ã„ã£ãŸã‚ªãƒ¼ã‚½ãƒ‰ãƒƒã‚¯ã‚¹ãªã‚‚ã®ã‹ã‚‰ã€ä¸Šæ‰‹ã使ãˆã°ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®å‘上ã«ç¹‹ãŒã‚Šãã†ãªã‚‚ã®ã€ä»–ã§ã¯ã‚ã¾ã‚Šè¦‹ãªã„ユニークãªå‹•ãを実装ã§ãã‚‹ã‚‚ã®ã¾ã§æ§˜ã€…ãªã‚¿ã‚¤ãƒ—ãŒã‚ã‚Šã¾ã™ã€‚ ä¸ã«ã¯CSS3を併用ã—ãŸã‚Šãã®ã¾ã¾ã§ã¯æ—¥æœ¬èªžã«å¯¾å¿œã—ã¦ã„ãªã„ã¨ã„ã†ã‚‚ã®ã‚‚å¹¾ã¤ã‹ã‚ã‚‹ã®ã§ã€ä½¿ã†éš›ã«ã¯ãƒ–ラウザやデãƒã‚¤ã‚¹ç’°å¢ƒã«ã‚ˆã£ã¦ã„ã‚ã„ã‚確èªã™ã‚‹å¿…è¦ã¯ã‚ã‚‹ã‚“ã§ã™ãŒã€ã„ãšã‚Œã‚‚便利ãªãƒ—ラグインã°ã‹ã‚Šã§ã™ã€‚ exValidation プラグイン作者ãŒæ—¥æœ¬ã®æ–¹ãªã®ã§ã€ã²ã‚‰ãŒãªã‚„カタカナã¨ã„ã£ãŸæ—¥æœ¬èªžã®ãƒã‚§ãƒƒã‚¯ã‚‚ã§ãã‚‹ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ラグイン。 Validetta シンプルã§è»½é‡ãªãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ラグイン。 jQuery Valideasy 見ãŸç›®ãŒã‚·ãƒ³ãƒ—ル
ç”»åƒã®ä¸Šã«æ–‡å—を表示　Hover Captions (HCaptions.js)
Markup example This example uses all default settings. <a href="#myToggle" class="panel"> <img src="http://placehold.it/470x300/f1f1f1/aaa&text=Example" /> </a> <div id="myToggle" class="cap-overlay hide"> <h5>Cupcakes</h5> <div class="content"> Name: cupcakes.png<br /> Photography: Ryun Shofner<br /> <a href="javascript:void(0)" class="button small"><i class="icon-edit"></i> Edit</a> <a href="jav
lake.js
How does it work? Like this: <script src="jquery.js"></script> <script src="lake.js"></script> <script> $(function() { $('#lake-img').lake({ 'speed': 1, 'scale': 0.5, 'waves': 10 }); }); </script> ... <img id="lake-img" src="lake.png" style="display: none;"/> Lake.js takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element. Th
汎用性ã®é«˜ã„ã€jQueryã®å®šç•ªç³»ãƒ—ラグインã®ã¾ã¨ã‚
å˜ä½“ã§ä½¿ã£ã¦ã‚‚ã„ã„ã—ã€ãれを使ã£ã¦æ›´ã«é¢ç™½ã„ã‚‚ã®ã‚’作りã ã™ã®ã«ã‚‚役立ã¤jQueryã®å®šç•ªç³»ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ ã„ã¤ã‚‚リリースã•ã‚ŒãŸã°ã‹ã‚Šã®ãƒ—ラグインを紹介ã—ã¦ã„ã‚‹ã®ã§ã€ãŸã¾ã«ã¯å®šç•ªç³»ã§æ±Žç”¨çš„ãªã‚‚ã®ã‚’。
jQueryã§ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®å€¤ã‚’å–å¾—ã™ã‚‹æ–¹æ³• | symfony PHP JQueryã§åˆå¿ƒè€…ã‹ã‚‰ã®é–‹ç™ºæ—¥è¨˜
普段㯠$j(â€#nameâ€).val()ã®ã‚ˆã†ã«å–ã£ã¦ã¾ã—ãŸãŒã€ ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã¨ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã«ã¤ã„ã¦ã¯åˆ¥ã®æ›¸ãæ–¹ãŒå¿…è¦ã¿ãŸã„。 以下ã€ä¾‹ <form> <input name=â€id†type=â€hidden†/> <select name=â€prefâ€> <option value=â€1″>NY</option> <option value=â€2″>LA</option> <option value=â€3″>SF</option> <option value=â€4″>CH</option> <option value=â€5″>FL</option> <option value=â€6″>IN</option> </select> <input name=â€color†type=â€radio†value=â€1″ />male <input name=â€co
第5回 コア編
連載目次 indexメソッドã¯ã€è¦ç´ セットã®ä¸ã‚’è¦ç´ elemã§æ¤œç´¢ã—ã€è¦‹ã¤ã‹ã£ãŸå ´åˆã«ãã®ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ç•ªå·ã‚’è¿”ã—ã¾ã™ã€‚インデックス番å·ã¯0スタートã€è¦ç´ ãŒè¦‹ã¤ã‹ã‚‰ãªã‹ã£ãŸå ´åˆã€indexメソッドã¯ã€Œ-1ã€ã‚’è¿”ã—ã¾ã™ã€‚ <script type="text/javascript"> $(function() { // <li>è¦ç´ クリック時ã«ã€Œâ—○番目をクリック〠// ã¨ã„ã†ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’表示 $('li').click(function() { window.alert($('li').index(this) + '番目をクリック'); }); }); </script> ……ä¸ç•¥â€¦â€¦ <ul> <li class="mvc">ASP.NET MVC実践プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°</li> <li>10æ—¥ã§ãŠã¼ãˆã‚‹ASP.NET入門教室</li> <li>JavaScriptマスターブック</li>
jQueryを使ã„è¦ç´ ã®å‡ºã¦ãã‚‹é †ã«ç•ªå·ã‚’ã¤ã‘る方法（forã®ä»£ã‚ã‚Šã«each()を使ã†ç¹°ã‚Šè¿”ã—）
今回ã€ã€ŒjQuery Sequential List - Web Designer Wallã€ã‚’ã¿ã¦ã€ eachãŒforã¨åŒã˜å‹•ãã‚’ã—ã¦ã„ã‚‹ã®ã‚’知ã£ãŸã€‚ 関数ã®ä¸ã§æ•°å—ã®åŠ ç®—ã‚’ã—ãŸã‚‰ç¹°ã‚Šè¿”ã—ã®ãŸã³ã«å¢—ãˆã‚‹â€¦ ã¾ã•ã«forã®å‹•ããªã®ã§ã™ãŒã€ãªãœã‹ã“ã®ç™ºæƒ³ã€è‡ªåˆ†ã®ä¸ã«ãªã㦠ãªã‚“ã§ã“ã‚“ãªã“ã¨ã«æ°—ã¥ã‹ãªã‹ã£ãŸã‚“ã ～ã£ã¦ ãªãœã‹ã‚·ãƒ§ãƒƒã‚¯ã‚’å—ã‘ã¦ãŠã‚Šã¾ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ã„ã¤ã‚‚ã®ã‚ˆã†ã«è©¦ã—ã«ãƒ¡ãƒ¢ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ã¦ãŠãã¾ã™ã€‚ 今回ã®ç°¡å˜ä»•çµ„ã¿èª¬æ˜Ž 今回使ãŠã†ã¨ã—ã¦ã„ã‚‹ã®ã¯ã€jQueryã®each ã“ã‚Œã¯ã‚ˆã使ã†ã®ã§ã™ãŒã€ã“ã‚ŒãŒforã®ã‹ã‚ã‚Šã«ãªã‚‹ãªã‚“㦠ãªãœã‹æ€ã„ã¤ã‹ãªã‹ã£ãŸè‡ªåˆ†â€¦(æ±—) 発想ã¨ã‹ã£ã¦ã€ã‚„ã£ã±ã‚Šå¿…è¦ãªã‚“ã ãªã£ã¦å®Ÿæ„Ÿã—ã¦ãŠã‚Šã¾ã™ã€‚ ulã®liã«é©å¿œã•ã›ã¦ã¿ã‚‹ ã¾ãšã¯ã‚·ãƒ³ãƒ—ルã«ãƒªã‚¹ãƒˆã«é©å¿œã•ã›ã¦ã¿ã¾ã™ã€‚ ■スクリプト $("#testList li").each(function (i) {
jQueryã§æ›¸ãCSS3ã®ã‚»ãƒ¬ã‚¯ã‚¿Â DEMO
E[foo^="bar"] 属性セレクタ 属性ã®å€¤ãŒbarã§å§‹ã¾ã‚‹è¦ç´ を対象ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã—ã¾ã™ã€‚ サンプルã§ã¯href属性ã®å€¤ãŒ"http://"ã§å§‹ã¾ã‚‹è¦ç´ を赤å—ã«ã—ã¦ã¾ã™ã€‚ jQuery $(function(){ $("#forward a[href^='http://']").css("color","red"); }); html «å‰ã®ãƒšãƒ¼ã‚¸ã«æˆ»ã‚‹ E[foo$="bar"] 属性セレクタ 属性ã®å€¤ãŒbarã§çµ‚ã‚ã‚‹è¦ç´ を対象ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã—ã¾ã™ã€‚ サンプルã§ã¯href属性ã®å€¤ãŒ"pdf"ã§çµ‚ã‚ã‚‹è¦ç´ ã«ã¯PDFアイコンを〠"doc"ã§çµ‚ã‚ã‚‹è¦ç´ ã«ã¯wordアイコンを表示ã—ã¦ã¾ã™ã€‚ jQuery $(function(){ $("#backward a[href$='pdf']").css({ background:"url(pdf.gif)", backgroundRep
jQueryã ã‘ã§URLをパースã™ã‚‹ãƒ—ラグイン「jQuery-URL-Parser〠| Web活メモ帳
「jQuery-URL-Parserã€ã‚’使ã†ã¨ã€URLを分解ã—ã¦ç°¡å˜ã«å€¤ã‚’å–å¾—ã§ãã¾ã™ã‚ˆã€‚ 使ã„æ–¹ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ var url = $.url('http://example.com/folder/index.php?item=value'); url.param('item'); ã“ã†ã™ã‚‹ã¨ã‚¯ã‚¨ãƒªãƒ¼ã®itemã®å€¤â€valueâ€ãŒå–å¾—ã§ãã‚‹ã¨ã„ã†ã‚ã‘ã§ã™ã€‚ ä»–ã«ã‚‚ホストåやディレクトリ,#以é™ã®ã‚¢ãƒ³ã‚«ãƒ¼ã®å€¤ã‚‚å–å¾—ã§ãã¾ã™ã‚ˆã€‚ ã“ã‚Œã¯ã„ã„ã‹ã‚‚。 詳細＆ダウンãƒãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã‹ã‚‰ã©ã†ãžã€‚
Post by @hamalog
jQuery1.5ã‹ã‚‰ã¯deferredオブジェクトã£ã¦ã„ã†ã‚‚ã®ãŒç™»å ´ã€‚ ã“ã‚Œã¯ã€ã€Œã‚¤ã‚±ã¦ã‚‹ã‚ュー（待ã¡è¡Œåˆ—）ã®ä»•çµ„ã¿ï½žé…延もã‚るよ～ã€ã¿ãŸã„ãªã‚‚ã®ã§ã™ãƒ»ãƒ»ãƒ» 説明ãŒãƒ ズイã‘ã‚Œã©ã‚‚ãªã‚“ã‹ãã‚“ãªæ„Ÿã˜ãªã®ã§ã™ã€‚今ã¾ã§ã¯ function fetch(callback){ doAjaxThings('somefile.json', function(data){ callback(data); }); } fetch(function(data){ doSomething(data.property); });
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
HTML/SELECTカスタマイズ
http://mmenu.frebsite.nl/
jQuery / hover
Live Demo - jQuery EasyUI
Site Under Maintenance
GitHub - FinelySliced/leanModal.js at da3df0571eb8c13aa45344332e3c6cf51091b6e9
Uya123: Situs Game Online Unggul Dalam Memberikan Hiburan Sekaligus Penghasilan Di Tahun 2025
{{#tags}}- {{label}}
{{/tags}}