jQuery自作：高さの違うブロックを同じ高さにするプラグイン”jQuery SameHeight Plugin”
高さの違うブロックを同じ高さにする方法は既に沢山でているのですが、 jQueryでできないかなって考えてみて、作ってみた。 これを使えば、内容量によってブロックの高さが変わっても、 自動的に揃えることができます。 今回はダウンロードできるようにしました。 リンク先を保存で保存して利用してください。 ダウンロード：jquery.sameHeight.js 動作を確認したブラウザは Firefox3、IE6、IE7、Safari3、Opera9.6、Chrome。 そのうち、SafariとChromeは設定によって若干うまくいかない時があるようです。 使い方 jQueryが無いと動かないので、ダウンロードしてきてください。 そして今回のプラグインもダウンロードしておく。 そして二つを利用するために、head内に記述。 <script src="js/jquery.js" type="text/
jQueryとGreasemonkeyの相性が素晴らしく良い件 - monjudoh’s diary
pixiv_add-bookmark.user.js · GitHubを弄ってて実感した。 DOMツリー構築とE4X jQueryだとjQuery関数にHTML断片を文字列として渡す事でDOMツリーを構築する事が出来る。 で、Greasemonkeyのscriptが動く環境は当然FirefoxなのでE4Xを使う事が出来る。 すると、どうなるか？ このリビジョンからコードを引用する。 var $mainTable = $( <table class="gm-pixiv-bookmark-maintable"> <tr> <th>グループ：</th> <td/> </tr> <tr> <th>公開設定：</th> <td> <input type="radio" id="res0" name="restrict" value="0" checked="true" /> <label for="
JavaScriptの高速化3 - Hashによる検索を活用することで、ドラッグをもっとスムーズに - latest log
IE6のベンチスコアを追加 補足を追加 アイコンやウインドウをつかんでずずっと移動する。 この動作をもっともっとスムーズにするために、何ができるか考えてました。 以下はサンプルコードです。 uuClass.MyDrag = uuClass.Generic(); uuClass.MyDrag .prototype = { construct: function() { // ウインドウを包括するオブジェクト this._frame = uu.id("WindowFrame"); // ウインドウのタイトル部分でmousedownされたらhandleEventを呼び出す。 uu.event.set(this, uu.id("WindowTitle"), "mousedown"); }, handleEvent: function(evt) { uu.event.stop(evt); // イベ
jQuery.flyout demo
July 21st, 2008 Demo 1 - Default configuration $('#default_gallery a').flyout(); Since the default setting does not specify a loading image (loadingSrc), the opacity of the default layer CSS rule (#loader) is set to a background color of #000 and 'loading' text is added as a default notification that things are afoot. Note what happens if you click another thumbnail before closing the open image.
AutoPagerizeをサーバーサイドから配布する - てきとうらいふ
こんにちは、フリーランスのビール係、kimzoです。 最近はDDDを実践する毎日で、飲んでから書くコードがカオスで楽しいですね。なんじゃこりゃー！って遊べる。 AutoPagerizeは素敵だけど ところで、AutoPagerizeという便利なUserscriptがありまして、googleだろうとtwitterだろうと、「次へ」ボタンを押す必要なくスクロールで先読みしてくれるナイスガイで快適ネット廃人ライフの強い見方なのです。 ですが、このネットサーフィンラクチンツールはgreasemonkeyというのを入れたブラウザー上で、ユーザーがスクリプトを読み込んで初めて機能するのですが、当然、世の中はそんなの入れる変態さんばかりじゃないのです。 なので、このナイスガイのナイスな機能の恩恵に預かれるのはたった一部の変態さんに限られてて、それはもったいないなーと思ってました。 サーバー側で配布しちゃ
JavaScript++かも日記 - 1997年からの
前回、Web上でLibraのwalletやclientを作る(6)-残高を見るに追記したのだけど、実は、前回成…
jQueryの$("E F")と$("E").find("F")は等価じゃない - ?D of K
ちょっと前にはまったから、メモメモ。 jQueryは重複する要素のマージをそこまでまじめに行わない。まぁ、マージするということは要素サイズ回のループを行うわけで速度のためには仕方ない。そんなわけで、"E F"をパースするときはタグをマージしつつやるが、$("E").find("F")はgetElementsByTagName("E")の集合を親要素にgetElementsByTagName("F")やったやつを単純にpushするので、重複がたくさん発生する危険性がある。順々にアニメーションさせるときなどは気をつけなければならない。ただ、重複一杯の後者の方が$.dateを要素数分呼び出したりしないので、大抵速い。 精度 正：$("E F")＞$("E").find("F")：誤 速度 遅：$("E F")＜$("E").find("F")：速 一方、$("E>F")と$("E").find(
jQuery でページスクロール - daily dayflower
jQuery 1.2 以降だと scrollTop（と scrollLeft）という疑似スタイルが利用できるようになったので，jQuery UI を使わずとも，jQuery Core 本体だけでページ内スクロールができるようになりました。 たとえば， <html> <body> <p> blah, blah, blah, ... blah, blah, blah, ... </p> <p> <a href="#" id="link_to_top">ページの先頭へ</a> </p> </body> </html> このような HTML で「ページの先頭へ」というリンクをクリックしたときに，スムーズにスクロールしたいのなら， $(function () { if (! $.browser.safari) { $('#link_to_top').click(function () { $(thi
inc: A super-tiny client-side include JavaScript jQuery plugin
Posted in JavaScript, 2007-10-04. Is 2007 2008 going to be the year of the JavaScript client-side include? After Mark Nottingham’s HInclude and the equally cool purple-include, I thought it was time to do something new. How about includes in IE without ActiveX controls declarative inclusion of remote content pre- and post-inclusion callbacks to transform content all this in less than 1 KB of Java
UbiquityでjQueryリファレンスとマッシュアップ - IkeTの日記
おお、これは便利！ 同じ仕組みでいろんなリファレンスが作れるな。 このようなブックマークコメントをいただきましたので、OpenSpaceさんのコンテンツでもう一つ！ 次はもちろんjQueryリファレンス。 利用方法はjavascriptと同じです。*1 おためしあれ！ インストール gistからインストールしてください。 no title ※頻繁に更新するのでサブスクライブ時に「Auto-update this feed.」をチェックすることをお勧めします。 コマンド jquery [＜検索語＞] [c ＜カテゴリ＞] [a ＜API＞] 実行画面 メニュー 検索語入力 検索結果 変更履歴 2008/09/21 メニューのリンククリックの不具合を対処 検索語の正規表現エスケープ処理を追加 javascriptコマンドとロジックを共通化しmakeOpenSpaceCommand関数より作成で
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
jQuery.ajax で overrideMimeType する方法 - hogehoge @teramako
UbiquityでHTMLコンテンツとマッシュアップ - IkeTの日記 英語翻訳 - エキサイト翻訳のサービスを利用して英日翻訳するUbiquityコマンド。 このサービス、どうも翻訳後の文字コードがShift_JISで文字化けしてしまうという事が書かれていたので、ブクマコメントにてjQueryは知らんけど、XMLHttpRequestのoverrideMimeTypeでcharsetを指定すれば文字化けはしないはずですよとアドバイスした。 それを受けてid:IkeTさんが、jQueryではできそうもないからXMLHttpRequestを直に叩いたよ、と追記してくれました。 上記、記事を受けて、jQueryでスクレイピングする時の文字化け対処法 - 不動産屋のラノベ読みでid:Lhankor_Mhyさんが、jQueryでも出来るよ！的な記事を書いている。 ただ、この記事での書き方では た
UbiquityでJavaScriptリファレンスとマッシュアップ - IkeTの日記
一撃必殺JavaScript日本語リファレンス このページへのリンクは自由です。断りのメールは不要です。また、雑誌や書籍にURLおよび画面スナップを掲載する場合も無断で載せてかまいません。 と書いてあったのでOpenSpaceさんのJavaScriptリファレンスとマッシュアップしてみました。 今回は、メニューのコンテンツを取得した後に検索語とマッチングを行い、存在した場合のみ結果を表示する２段階の処理を行っています。 実行結果 取得したコンテンツはそのまま親のinnerHTMLとして上書きしています。 コード gistからインストールしてください。 no title 追記: 今までのアドバイスを反映してXMLHttpRequest→jQuery.ajax(options)に変更しました。(beforeSendでoverrideMimeTypeを設定) 機能を大幅に変更しました。（Ubiq
Prototype.jsでクラス指定するとき、二倍速くする方法 - ?D of K
$$(".warning"); // ↓ $$("*.warning"); // なぜか二倍ぐらい速い セレクターの特徴を掴むためにベンチにかけているんだけど、色々やってもこうなる。 正確なベンチやった人とか、Prototype.jsに詳しい人、教えて下さい。
Google Chromeのタブをクラッシュさせてみた - このブログは証明できない。
Googleの新ブラウザGoogle Chrome。次世代ってカンジではないけれど。Web上の反響が多すぎて、どの記事を引用すればいいか分かりません。とりあえず、まとめ記事。 Google Chrome 斜め読み - IT戦記 いろいろある機能のうちの1つ。タブが別プロセス。 短時間テストでは、不安定なサイトやアプリケーションに出くわしたことはなかった。このため、すべてのタブを別々のプロセスとして実行するという新機能はテストできなかった。この機能は、1つのサイトやアプリケーションがブラウザ全体をダウンさせるのを防ぐはずだ。 Google Chromeを使ってみた――「かくあるべき」ブラウザの姿 (1/5) - ITmedia NEWS これを試すのは簡単です。 こんなHTMLファイルを作ります。 <html> <body> <button onclick="alert('固まってないよ！'
addSizes.js: Snazzy automatic link file-size generation | Natalie Downe
one month agoaddSizes.js: Snazzy automatic link file-size generation Often in the development of a site I come across the need to display the size of a document next to the link targeting it. I also like to display the type of file the link targets, for example, when linking to pdfs, mp3s or Word documents. These indications distinguish the 'attachment' link from a normal web link, whilst also g
Firefox Hacks：ブラウザの新境地？ Ubiquityが変える衝撃のブラウザ体験 (1/2) - ITmedia エンタープライズ
ブラウザの新境地？ Ubiquityが変える衝撃のブラウザ体験：Firefox Hacks（1/2 ページ） Mozilla LabsからプロトタイプとしてリリースされたFirefox拡張機能「Ubiquity」は、これまでのブラウザ体験を大きく変化させる可能性に満ちている。本稿では、Ubiquityの魅力を解説する。 はじめまして、june29と申します。この記事では、先日Mozilla Labsからリリースされ、密かに話題になっているFirefox拡張機能「Ubiquity」を紹介したいと思います。 Ubiquityとは？ Ubiquityが提供する機能を解説する前に、百聞は一見にしかずということで、まずは紹介ビデオを見てみましょう。 このビデオ、とても格好いいですね！ Ubiquityの魅力を十二分に伝えてくれます。 「何じゃこりゃ！」と感じた方も多いかと思います。Ubiquityは
CodeRepos::Share – Trac
37to: ローディング関数汎用化、readyStateのloaded捕捉、コンストラクタでオプション受け取りの追加、オプションで任意の要素の中にscript要素 …
TAKESAKO @ Yet another Cybozu Labs: Operaでも非同期リクエストが並列処理できる img-JSONP
先日金床さんに教えてもらったOperaで非同期並列JSONPを実行させる方法を実際に試してみたら意外とすんなり動いてしまったので報告します。 最速インターフェース研究会 :: OperaでJSONPを非同期リクエストするより JSONP が Opera だと非同期処理できない http://d.hatena.ne.jp/secondlife/20060906/1157515075 に書かれているとおりOperaだとscript要素を足した瞬間にJavaScriptの実行が止まって、ロード完了まで後続のスクリプトが実行されなくなります。 サンプルコード 改善前（普通のJSONP） Operaはスクリプトを追加するとタイマーが止まる（サンプルページ） http://la.ma.la/misc/js/opera_jsonp_test.html function test(){ var s = d
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CPU 計算速度測定