タグ

Ajaxに関するgrussのブックマーク (16)

  • MovableType超高速サイト内検索!これ作った人神!

    MovableType超高速サイト内検索!これ作った人神! [ MovableTypeカスタマイズ ] MovableTypeの検索って記事が増えてくると時間が掛かります。

  • MiniAjax, Le meilleur de la banque en ligne – On code des billets ici!

    vrier 2, 2021 by Theodore·Commentaires fermés sur Simplifiez vos tâches ménagères avec un robot lave-vitre Dépensez moins d’énergie et gagnez davantage en efficacité avec un robot nettoyeur de vitre. C’est un appareil innovant et qui offre une performance exceptionnelle. Les robots lave-vitres possèdent également des fonctions très intéressantes qui pourront vous faciliter la vie. Pour découvrir

  • Slider の利用方法

    Ajax ライブラリとしてスライダーの API が色々と公開されていますが、それとは関係なく、1年近く前にみつけてエントリーしていなかったWebFX:Slider を紹介したいと思います。 Value: Slider は Mozzila 系ブラウザで動作しなかった、同サイトで公開されていた slidebar を新しく作り直したものです。 なお、WebFX は、国内ではグラフ描画の Chart Usage がブログ等で紹介されています。 1.機能 Slider は下記の機能があります。 スライダーを操作することにより、予め設定した最小値?最大値の値を取得 予め設定したデフォルト値の位置にスライダーハンドルを固定 値の途中変更が可能 スライド方向(縦・横)を指定可能 また マウスサポート(ドラッグだけでなくクリックによる操作も可能) キーボード操作のサポート(矢印キーやPageUp/PageD

    Slider の利用方法
  • 「Snap」~リンク先の画像がPopUp~

    旧ブログ名 あっと驚く為五郎! YouTube好きです。日のソウルフード ラーメンべ歩きや占いなども取り上げます。 「Snap Preview Anywhere」の提供している無料サービスはとてもおもしろい。 ブログやウェブページなどにこのサービスを導入すると、リンクにマウスを合わせるだけでリンク先ページのプレビュー画像がポップアップするようになる。 こんな感じ 導入方法はそれほど難しくありません。 ・「Snap Preview Anywhere」トップページの左上にある【GET it FREE Now】のボタンをクリック ・「Enter Your Site URL:」 導入したいウェブサイトのURLを入力 ・「Enter Security Token:」 表示されている文字を入力 ・「Enter Your Email:」 Eメールアドレスを入力 ・「I agree to the T

    「Snap」~リンク先の画像がPopUp~
  • 小粋空間: Litebox 1.0 をブログに適用する

    Lightbox JS v2.0 の後継版、Litebox が出ていました。ということで v2.0 はエントリーし損ないましたが、今回は Litebox をブログに適用するカスタマイズを紹介します。 Lightbox の時代からそうなのですが、このツールは画像を表示するページのパスが変化した場合のケースまで考慮されていません。つまりブログではインデックスページや各アーカイブページのパスがそれぞれ異なることため、提供されているファイルに対し、各ページから同様の振る舞いをさせるための修正が必要になります。 下記に修正を施したサンプルを作りました。トップページと、そこからリンクされている記事ページでも動作するようになっています。 Litebox のブログ適用サンプル サンプルでは Movable Type を利用していますが、他のブログでもカスタマイズのタグ部分を適宜読み替えて頂ければ適用可能と

  • Litebox/Lightboxの使い方

    Posted by: Hirotaka Ogawa @ January 18, 2007 05:35 PM | yujiroさんとこのLiteboxやLightboxの記事で、配布されているJavaScriptファイルやCSSファイルを修正されていますが、それだとオリジナルのLitebox, Lightboxが更新されるたびに同じことをしなくてはならなくなります。 小粋空間: Litebox 1.0 の rel 属性を自動付与する 他 それは面倒だ、美しくないと思ってしまったので、このエントリーではもう少しスマートなやり方を書いておきます。何かの参考になる場合もあるでしょう。 まず、スタイルシートはそもそも上書きして使うものです。下のようなスタイルシートをlightbox.custom.cssとか適当な名前で生成しておき、lightbox.cssより後に読み込まれるようにしておけばオリジナ

  • 小粋空間: Highslide JS でサムネイル画像を拡大表示する

    サムネイル画像をクールに拡大表示する Highslide JS を利用する方法を紹介します。内容は Movable Type をサンプルにしていますが、他のブログ等でも応用できると思います。 WordPress ではプラグイン WPJ-Highslide 0.2 が利用できるみたいです。 とりあえず下記のサンプル画像をクリックしてください。拡大表示された画像の上でクリックすると元に戻ります。 拡大ツールでは、当サイトでも紹介している Lightbox JS が有名ですが、この Highslide JS は下記の特徴があります。 拡大画像の下にキャプション(タイトル)の挿入が可能 ウィンドウサイズに収まるように拡大(右下のアイコンをクリックすると 100% 表示) 拡大画像のドラッグが可能 以下、カスタマイズ方法です。ここではダウンロード時のバージョン 2.2.74.0.6 で話を進めます。

  • prototype.jsを用いたフォントサイズ変更スクリプト

    Posted by: Hirotaka Ogawa @ January 11, 2007 02:57 PM | Movable Typeを触っている時間がとれないのですが、新年に入ってからちょっとばかしテンプレートとスタイルシートを変更して、ほぼ一カラム、ほぼfont-size: 100%で表示されるようにしました。要はレイアウトとか考えるのを最小限に留めようと思ったわけです。不得手なデザインをこれ以上考える必要がないという私個人の精神衛生上の利点に加え、読者の目にも優しくなりました。 結論: でかフォントは人を健康にします。 それだけだとなんなので、prototype.js (Prototype JavaScript Framework: Class-style OO, Ajax, and more)を使ってフォントサイズ変更スクリプト(クッキー保存機能付き)を実現してみました。これまで

  • Litebox 1.0 の rel 属性を自動付与する

    以前、クールに画像を表示するツール Litebox 1.0 をご紹介しました。この Litebox を起動するためには、a 要素の rel 属性に "lightbox" を付与しなければならないという条件があり、これを手動で付与するのは結構面倒です。 ということで「自動付与できないでしょうか」というご質問を頂きました。大変遅くなりましたが、rel 属性を自動付与する方法をエントリーにてご紹介致します。 rel 属性を自動付与するには、Litebox 1.0 のパッケージ内にある、js/litebox-1.0.js を任意のエディタで開き、130 行目辺り(リスト 1)に青色のコードを追加します。 リスト1 litebox-10.js 変更箇所 : // loop through all anchor tags for (var i=0; i<anchors.length; i++){ v

    Litebox 1.0 の rel 属性を自動付与する
  • Weather Hacks Demo [もりそば]

    test ---livedoor Weather Web Service 1.0--- 戻る

  • [ajax] JavaScript版 RSSリーダー

    Kawa.netxp [ajax] JavaScriptRSSリーダー RSS(ウェブフィード)をダウンロードし、 テンプレートを使用してHTMLページ中に展開する ajax の習作です。 JKL.ParseXML と JKL.Hina を利用しています。 RSS をダウンロード~展開 (DEMO) JavaScript ソース HTML テンプレート RSS 2.0 を利用している場合 日時の表示形式を変更する 表示件数を制限する 対応ブラウザ 応用例 コメントはこちらへ このページへのトラックバック RSS をダウンロード~展開 (DEMO) ボタンを押すと、 RSSファイルをダウンロード~展開します。⇒ 実行 [ここに展開されます] JavaScript ソース JKL.ParseXMLとJKL.Hinaを利用するので、 まず、head 要素内で jkl-hina.js と jk

  • ChaSen.org

    サービス Ajax IME: Webベースの日本語入力。特別なソフトは必要ありません。 Ajax 手書き文字認識: Webベースの日語手書き文字入力� 個人ページ Taku Kudo's page サイトの運営者です

  • Realtime validation using Ajax

    Posted by masuidrive Wed, 04 Jan 2006 21:45:00 GMT Ajaxなどを駆使して、入力値を動的にチェックするライブラリ、realtime validation を公開しました。 >> http://masuidrive.jp/validation 正規表現とメッセージを指定するだけで、入力した瞬間にユーザに対してガイドメッセージを表示させる事ができ、今までの様に画面遷移後にエラーが出て、ユーザがエラー位置を把握しづらいと言う事がありません。 これで、あなたのサイトも一気にWeb2.0! なのに使い方は超簡単。 prototype.js とvalidate.js を自分のHTMLに読み込んで、下記の様に正規表現で表示するメッセージを指定するだけ。 Validator.register({ "#mail" : { "/^([^@\\s]+)@((?:

    gruss
    gruss 2006/12/17
    フォーム入力規制
  • Ajax を使った手書き文字認識

    Ajax を 使った手書き文字認識です。下のキャンバスにマウスで文字を描いてみてください。 デモ

  • calc5.com - 計算ソフト グラフ付

    This domain was recently registered at Namecheap.com. Please check back later! calc5.com 2023 著作権. 不許複製 プライバシーポリシー

  • ObjectGraph

    ObjectGraph website

    ObjectGraph
    gruss
    gruss 2006/12/17
    日本語入力補助
  • 1