ブロック内コンテンツを読込画像と共にAjaxで読み込ませアニメーション切替えできるjQueryプラグイン「Ajaxloader」 2011年06月29日- Ajaxloader 1.5.0 ブロック内コンテンツを読込画像と共にAjaxで読み込ませアニメーション切替えできるjQueryプラグイン「Ajaxloader」 $('#localframe').ajaxloader('page1.html');のように呼び出すことでブロック内にほかのHTML内容を読み込ませられます。 jQueryを使えば大して難しくはありませんが、ローディング画像を付けつつフェードアニメーションで切り替えるという効果も付けられます。 (引数にページ名を指定するだけなので簡単) 読込中はローディング画像が表示。 ローディング画像はカスタマイズ可能 SEO用にURLも切り替わってくれたら嬉しいのですが今のところそのよう
Facebookライクなサイドバーが簡単に実現可能なjQueryプラグイン「MyFacebookStyleSidebar」 2011年06月09日- Official Demo page for MyFacebookStyleSidebar jquery plugin Facebookライクなサイドバーが簡単に実現可能なjQueryプラグイン「MyFacebookStyleSidebar」 このプラグインを使えば左側にメニュー、右側にコンテンツがあり、メニュークリックでAjaxなどによって画面を切り替えるUIが実現できます。 ajaxでページ読み込みはもちろんiframeも利用可能みたいです。 ローディング画像を表示できたり、SEOフレンドリなAjaxコール、そしてクロスブラウザ動作という特徴を持ちます。 実際に数億人が使うUIを真似ることで、世界中の人々が使いやすいUIというものを構築で
ページをリフレッシュしないで、次々にコンテンツをスライドのアニメーションでロードするjQueryのプラグインを紹介します。 fLoadingSite 0 1 デモページ [ad#ad-2] ロードするコンテンツは、それぞれすべてブックマークが可能です。 上記デモページのトップは「fLoadingSite/sample.html」となり、「About us」をクリックすると、「fLoadingSite/sample.html#aboutus.html」をロードします。 デモページ:About us ※上記リンクで直接「About us」のコンテンツをロードします。 fLoadingSiteの主な特徴 6つのユーザーオプション:url_location, map_location, handler, loadingImg, home_page, page_ref クリック時のhandlerのス
WordPressのカレンダーに休日表示と本日表示を行う「休日表示付きリアルタイムカレンダー for WordPress」をバージョンアップしました。 1.修正箇所 これまでのバージョンでは英語表記のカレンダーでは動作しませんでしたが、今回のバージョンで英語表記に対応しました。 スクリーンショットのように、年月表示部分に月の単語と西暦が表示されていれば対応可能です。「May,2011」や「2011,May」など、記号が含まれていたり、表示順序が逆でも大丈夫と思います。また、月表示は「January」「September」などのように非略称でも、「Jan.」「Sep.」などの略称でも大丈夫です。 2.ダウンロード 最新版は以下のリンクからダウンロードできます。 休日表示付きリアルタイムカレンダー for WordPress
なかなか多機能なライブラリだったので 備忘録。テーブルにソート、コンテンツの 編集や、Ajaxによる行の削除が可能な jQueryプラグイン・TableGearです。この 手のプラグインはいくつかありますが、 中でもかなり高機能な気がします。 jQueryだけでなくmootoolsも用意されてるみたいです。テーブル内でソートが可能で、セル内は編集できます。もちろん、編集後のソートもOK。行そのものを消す事も可能ですよ。 セル内は編集可能で、普段はこのように通常と変らないインターフェースを維持できます。マウスでクリックするとプルダウンや入力エリアが出現。 編集してもソート機能は維持 ソート機能が付いていますが、セル内に変更を加えても、変更後の内容でソートしてくれます。 行の削除も 行ごと削除する事も出来ます。 デモはPHPとMySQLを使って設計してるようですが、他のシステム上でも動作すると
WEBサイトには欠かせないフォーム。様々な情報のやりとりに利用されていて、多くのWEBサイトで利用されていますが、今回紹介するのは一般的なコンタクトフォームから、ログインフォーム、EC用のフォームまで、様々なフォームに対応したjQueryベースのWebフォームライブラリ「jFormer」です。 「jFormer」はバリデーション機能も備えたフォームのフレームワークで、AJAXを使ったページ遷移や、入力データのレジュームなど、細かな機能も標準で備わっており、フォームの開発の時間を短縮してくれます。 詳しくは以下 基本的にフォームの部分はphpで作られており、デザインをCSSで、動きなどはjavascriptを利用しています。 多彩なデモは「Demos – jFormer」からご覧いただけます。またベーシックなコンタクトフォームのつくり方は「Installation and Documenta
Movable Type 5のサイドバーの各リストを、Ajaxによるモジュール化を行う方法を紹介します。 このエントリーは3年ほど前に書いた「Ajax によるモジュール化」をjQuery向けに書き直したものです。 1.jQueryのダウンロード jQuery(jquery.min.js)はjQueryの公式サイトから最新版をダウンロードしてサイトパスにアップロードするか、Movable Typeに同梱されている、mt-static/jquery/jquery.min.jsをそのまま利用します。 script要素の設定については5項を参照してください。 2.インデックステンプレートの作成 サイドバーに表示するリスト類はウィジェットに登録されているものを利用していると思いますが、Ajax化するにはこれらをインデックステンプレートに登録し直します。 例えば、「最近のブログ記事」をAjaxで表示さ
Hi! I'm Alex Johnson, a highly skilled professional with expertise in various areas including computer systems, hardware and software, web development, project management, strategic planning, team leadership, and problem-solving. With a proven track record of driving results and delivering successful outcomes, I bring a strong combination of technical knowledge and exceptional interpersonal skills
Overview Dynatree is a jQuery plugin that allows to dynamically create html tree view controls using JavaScript. Main features: Keyboard aware Support for Ajax and lazy loading of branches Hierachical selection and checkboxes Drag'n'drop Object oriented API Support for persistence This project is hosted at Google Code: http://dynatree.googlecode.com/ Links: Download live examples documentation Is
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
開発者の間では次世代の規格として注目を集めているHTML5。様々な可能性を示してくれていますが、今日紹介するのはPCようでは無く、モバイル用のモバイル用のHTML5フレームワーク「Sencha Touch」です。 このフレームワークはWEBアプリに、iphoneアプリやアンドロイドアプリ並みのデザインと、操作感を可能にするフレームワークで、HTML5とCSS3を使って構築されています。 詳しくは以下 ほとんど、現在のアプリで実装されているようなことは、可能で、タップ、ダブルタップ、スワイプ、ピンチなどといった基本的な操作からAJAX、YQL、JSONP経由でデータを取得など、といったデータ連携も可能です。 フレームワークはオープンソースライセンスで提供されています。アンドロイドの動向もありますが、Appstoreは審査なども厳しくコンテンツによっては公開が難しいものが多々ありますが、こうし
This time, we are making a Simple AJAX Commenting System. It will feature a gravatar integration and demonstrate how to achieve effective communication between jQuery and PHP/MySQL with the help of JSON. Note: This tutorial is quite old and doesn't work in PHP7 and above. We are keeping it online only as a reference. Step 1 - XHTML First, lets take a look at the markup of the comments. This code i
See related links to what you are looking for.
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 拙作のリアルタイム再構築プラグインと、「Movable Type備忘録」様で配布されているFeedExプラグインを使って、フィードを表示したいというご質問をいただきました。 その方法を解説します。 1.概要 リアルタイム再構築プラグインでは、プラグインのCGIにアクセスがあった時点で、テンプレートをリアルタイムに再構築することができます。 この仕組みをAjaxと組み合わせることで、外部サイトから情報を得てページに出力することができます。 今回はFeedExプラグインを例にとりますが、ActionStreams等の外部の情報を出力するプラグインと組み合わせれば、さまざまな情報をリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く