Tumblrの省メモリーな無限スクロール - 記録
無限スクロールまたはauto pagingと呼ばれるUIには、読み終えたコンテンツがどんどん画面の上のほうに溜まっていってメモリーを食い潰すという問題がある。 なかでもTumblrは画像などのコンテンツが多いため、ダッシュボードダイバーたちは無限Tumblrユーザースクリプトなどのユーザースクリプトをインストールして、読み終えたコンテンツを定期的にページ上から自動削除するといった対策を講じていた。 ところが最近のTumblrのダッシュボードでは、ポストが画面外に出るとその中の要素が一時的にページから削除され、画面内に表示されると要素が再度復元されるようになっている。どうやらこれによって無限スクロールによるメモリーの圧迫が抑えられているらしい。 関連するコードはhttps://secure.assets.tumblr.com/assets/scripts/dashboard.jsの/*! s
AutoCompleteウィジェットの検索／表示方法をカスタマイズするには？
jQuery UIは、jQueryを拡張するライブラリ（プラグイン）の一種で、名前のとおり、ユーザー・インターフェイス（UI）に関わる機能を提供します。jQuery UIの導入方法や使い方、jQuery UIが提供する主要なコンポーネントについては、「jQuery UI逆引きリファレンス： jQuery UIを利用するには？」を参照してください。 別稿「jQuery UI逆引きリファレンス： AutoCompleteウィジェットでオートコンプリート機能付きのテキストボックスを生成するには？」では、AutoCompleteウィジェットで基本的なオートコンプリート機能を実装する方法について紹介しました。本稿では、引き続きAutoCompleteウィジェットのイベントやメソッドを利用しながら、候補リストの検索／選択時の処理をカスタマイズする方法について紹介していきます。 候補リストの検索条件をカ
jQuery autocomplete on class, how to get id
I have been working on this a while and can't seem to get anywhere. Basically I have the autocomplete on a bunch of inputs by class, but I need to get the specific inputs id to build the object to post the ajax (I have to use POST for this project not GET). $(".input_autocomplete").autocomplete({ source: function( request, response ) { // here is where I get the hash from local storage, // referen
Autocomplete | jQuery UI 1.10 日本語リファレンス | js STUDIO
オートコンプリートのフィールドはフォーカスが当たるか、または何かが入力されると検索を開始して指定されたリストにマッチする項目を表示します。入力を続けれことで更に対照を絞りこみます。 オートコンプリートは、記事へのタグ付け、アドレス帳からのメールアドレス入力、都市名、郵便番号の入力の際に使用されると便利です。 リストへ表示する項目は、ローカルまたはリモートから、そのデータを取得することが可能です。 ローカルからの取得は小規模なデータセット、例えば50件程のアドレス帳で使用するのに適しており、また 数百、数百万のデータベースなどの大規模なデータを取扱う場合は、リモートからの取得が必要になります。 データ取得の詳細を調べるには、オプションのsourceを参照してください。 <label>プログラム言語を選択してください。</label> <input id="autocomplete" /> <
婷婷综合久久狠狠色_亚洲国产AⅤ精品一区二区蜜桃_亚洲精品无码专区在线_亚洲欧美精品伊人久久_看黄A大片爽爽爽不打码
婷婷综合久久狠狠色,亚洲国产AⅤ精品一区二区蜜桃,亚洲精品无码专区在线,亚洲欧美精品伊人久久,看黄A大片爽爽爽不打码,国产午夜片无码区在线观看,乱辈通奷ⅩXXXXHD
アップロード時に選択した画像のサムネイルを表示 | 私的雑録
$(function() { $('input[type=file]').after('<span></span>'); // アップロードするファイルを選択 $('input[type=file]').change(function() { var file = $(this).prop('files')[0]; // 画像以外は処理を停止 if (! file.type.match('image.*')) { // クリア $(this).val(''); $('span').html(''); return; } // 画像表示 var reader = new FileReader(); reader.onload = function() { var img_src = $('<img>').attr('src', reader.result); $('span').html(i
テキストフィールドがEnterキーでサブミットされるのを防ぐ - Qiita
※コメントの指摘を修正済みです。 HTMLではForm内にテキスト一行入力系のフィールドが一つだった場合、そこでEnterキーを押すとSubmitされる仕様になっている。 詳しい仕様に関しては以下を参照： HTML5の仕様: http://www.w3.org/TR/html5/forms.html#implicit-submission 古くからの仕様: http://www.w3.org/MarkUp/html-spec/html-spec_8.html#SEC8.2 具体的には、inputのtypeが text, search, url, tel, email, password, datetime, date, month, week, time, datetime-local, number のどれかだと、この挙動になる。 これが厄介なのは、Form内にチェックボックスやテキスト
jQueryUIのAutocompleteの日本語入力をいい感じにする | kenkennote
明けましておめでとうございます。 正月ですが、開発しております。開発のあいまに暇つぶしにArduinoとかプチプチやってるのが楽しいです。 先日、作ってるアプリでタイプアヘッドみたいな機能を実装しないといけなくてなんかいいのないかなーと思って探したらjQuery UIからautocomplete (これを書いてる時点での最新版はv1.8.16)というイケてるやつがでてたのでそっこーで採用したのですが、日本語入力の場合の挙動がちょっと微妙だったのでそれをいい感じにするやり方をメモがてら載せとこうと思います。 やりたいこととしては日本語入力の場合、 1. 入力中はsearchを実行しない 2. 入力確定(Enter押下)時にsearchを実行する なのですが、autocompleteをそのまま使うと(ブラウザにもよるが)入力が確定しない間もいちいち検索が走ったり、入力確定のEnterを拾
jQuery UIのAutocompleteのリストに画像を表示させる - Qiita
JavaScriptでオートコンプリート機能を実装する場合、 jQueryUIにAutocompleteという便利な機能があります。 http://jqueryui.com/autocomplete/ しかし、jQueryUIのAutocompleteで表示する候補リストは テキストでしか表示できないようになっています。 なのでfacebookの友だち検索ような画像とテキストを組み合わせた 候補をリストで出すことは不可能です。 （htmlの文字列はエスケープされてしまう。） そこでjQueryUIネイティブの_renderItem()関数を置き換えることで htmlタグを利用できるようにします。 $.ui.autocomplete.prototype._renderItem = function( t, n) { return $( "<li></li>" ) .data( "item.a
AutoCompleteウィジェットでオートコンプリート機能付きのテキストボックスを生成するには？
jQuery UIは、jQueryを拡張するライブラリ（プラグイン）の一種で、名前のとおり、ユーザー・インターフェイス（UI）に関わる機能を提供します。jQuery UIの導入方法や使い方、jQuery UIが提供する主要なコンポーネントについては、「jQuery UI逆引きリファレンス： jQuery UIを利用するには？」を参照してください。 AutoCompleteは、テキストボックスにオートコンプリート機能を追加するためのウィジェットです。最初の何文字かを入力することで、あらかじめ用意しておいた候補リストからマッチする単語を検索し、結果をリスト表示します。 例えば以下は、候補リストをJavaScriptの配列だけで実装する、最もシンプルなAutoCompleteウィジェットの利用例です。
Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes
Hide Search on Single Select The disable_search_threshold option can be specified to hide the search input on single selects if there are n or fewer options. $(".chosen-select").chosen({disable_search_threshold: 10}); Default Text Support Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. If no data-placeholder value is
BootstrapのTypeaheadを使って入力可能なプルダウンを実装してみた - wataメモ
ライブラリやフレームワークを使うのもいいが、使われているだけでは一流の技術者とは言えない。自分で足りないところを改善したり、もっと良いものを創り上げてこそ一流足りえる。と、大げさに書いたが、単純にTypeaheadを見た時に、「これは入力可能なプルダウンに使えるのではないか」と思いついたので実装してみただけ。 Typeaheadとは何か、簡単に言うとオートコンプリート機能である。 オートコンプリートは何か文字を入力すると、候補データ一覧からマッチするものを表示し、その中から選択することで入力補助する機能である。イメージしている入力できるプルダウンとの違いは以下。 何も入力せずにクリックだけで一覧を表示 表示件数に制限はなく、多く表示される場合はスクロールバーが出る 何か入力されても候補を絞る必要はない(場合によって絞られた方がいいが) 選択(テキストボックスの値)されている値がある場合にプ
Lightboxのタイトルへのリンク方法 - taka_moriのブログ
ホームページを作成している中で、写真をクリックすると浮き出てくるような効果をさせるLightboxを良く使う。使用バージョンは、Lightbox2のv2.04です。 このとき、写真を表示する際、左下に写真のタイトルを表示させることができます。これを設定するには、title="タイトル"を追加すればよい。 <a href="SAMPLE.jpg" rel="lightbox" title="サンプル写真">写真</a> ある方から”写真が表示されたとき、そこからページに行きたい（リンクする）”との要望があり、それ修正を行いました。その修正は、title=の部分にリンクを付けるタグを記述すればよい。 <a href="SAMPLE.jpg" rel="lightbox" title='<a href="http://リンク先">サンプル写真</a>'>写真</a>これで
jQuery.parseJSON() | jQuery API Documentation
As of jQuery 3.0, $.parseJSON is deprecated. To parse JSON strings use the native JSON.parse method instead. Passing in a malformed JSON string results in a JavaScript exception being thrown. For example, the following are all invalid JSON strings: "{test: 1}" (test does not have double quotes around it). "{'test': 1}" ('test' is using single quotes instead of double quotes). "'test'" ('test' is u
jQueryでURLパラメータを扱う（get引数を使いたい） - [k]id[k]id
jqueryで http://hogehoge.com/index.htm?cid=xx とかのget引数を取り扱いたく、色々調べたところ http://jquery-howto.blogspot.comさんに情報がありました。 function getUrlVars() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf(‘?’) + 1).split(‘&’); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; } [/code] 上記のfuncti
![jQueryでURLパラメータを扱う（get引数を使いたい） - [k]id[k]id](https://cdn-ak-scissors.b.st-hatena.com/image/square/ae880fb5b0ce786f014b5f06eede1870082ea189/height=288;version=1;width=512/https%3A%2F%2Fkidokorock.com%2Fwp-content%2Fthemes%2Fkid_2015%2Fimages%2Fcommon%2Fthumbnail%2F223.jpg)
jQueryとCSSを使って、画像の一部を切り取り、表示する
一枚の大きな画像を用意し、jQueryとCSSの組み合わせで画像の一部分だけを表示したい。 また、ボタンを押すと切り抜く位置を変更して、あたかも画像が切り替わっているようにしたい。 ・・・ということがやりたいわけです。 画面での説明 AからEまで、縦一列に記載された画像がひとつあります。 その一部、「A」と記載された領域だけ切り出しています。 「>」ボタンを押すと、「A」の下にある「B」に切り替わります。 「<」ボタンを押すと、「A」に戻ります。 サンプルソースは以下のとおり。 <html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>画像の表示位置変更サンプル</title><style type="text/css"><!--.crop{ floa
Qiitaのtextarea自動補完がOSSになりました - Qiita
jQuery.textcomplete（デモ） GitHubのようなtextareaの補完機能を実装する - カーソル位置の取得 を書いたのも今は昔、いつか続きを書こう書こうと思いながら気がつけば5ヶ月が過ぎました なんか続きを書くのが面倒くさくなったのと、某日本最大レシピ共有サイトの技術部長の人から「OSSにして欲しい」という要請を人伝に受け取ったこともあって、OSS化した次第です。 ライセンス MITライセンス 簡単な使い方 簡単に説明します。詳しくは README を読んでください。 まず jQuery.textcomplete は名前からも分かるように jQuery プラグインになっているので、別途 jQuery が必要です。 <script src="path/to/jquery.js"></script> <script src="path/to/jquery.textcomp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://qiita.com/no_silver/items/e3f67cf6c1a6f65bef82
jQuery Mobileのオリジナルテーマカラーを簡単に追加できるCSSジェネレーター・jQuery Mobile Themerollerと、オリジナルテーマカラーの追加方法 - かちびと.net
http://daily.d3js.info/?p=296