Perl Tips | PHP で、TinyMCE を使う。
TinyMCE という AJAX (JavaScript) ベースの HTML エディタのライブラリがある（ オンラインのデモはこちら ）。これは単体のエディタとして使えように提供されているものではなく、 Drupal などの CMS と連動できることを目的として作られている。もちろん自分でこのライブラリを利用する HTML ページを 1枚書いて、オフラインで使ってもよいのだが、せっかくなので PHP と連動させてみた。作った HTML ソースは任意のメールアドレスに送信できるようにした。 ツールバーのカスタマイズは実はそんなに難しくない。詳しくはコードを見ていただきたいが、独断と偏見の最小構成で以下のようにカスタマイズしてみた。 設置の仕方だが、ウェブサーバに tinymce などのディレクトリを作ってそこに TinyMCE を解凍して置き、以下のスクリプトを index.php などの
素晴らしいjQueryチュートリアル集 – creamu
AjaxLineで、素晴らしいjQueryチュートリアルがまとまっています。 ざっといくつかご紹介。 » Animated Menu Using jQuery jQueryを使ったアニメーションするメニュー » How to create tab with JavaScript シンプルなタブ切り替えコンテンツの作り方 » Animated Navigation with CSS & jQuery マウスオーバー時にくるっくるっと切り替わるかっこいいメニュー » 5 Sliding Content Techniques, Examples & jQuery How to’s 画像をスライドで切り替える超クールなテクニック » jQuery FAQs: Scroll To and Highlight Tutorial ページ内リンクのスクロール後、対象のコンテンツをハイライトしてくれる »
superTables.js：ヘッダと最初のセル固定させて使い勝手抜群テーブル！ ・・・ 【JavaScript】 サイト構築,創る,WEB,ホームページ制作,サイト制作,WEBプログラミング - 創るmetaboy
はい。 さきほど投稿しました「紹介リンク集」 見ていただけましたでしょうか？ 今まで（これからも）このブログで紹介する すぐれたサービスやサイトを ここにまとめてゆきますので、 どうぞご利用ください。 ・・・ほとんど自分用、ですがね。 さて、 そこで多くの方は気付かれた？でしょうか？ （わざわざテーブル構成にしていたのですが） ね！ １番上のTR行と １番右のTD列が固定されているでしょう。 左右に情報量の多い表作成の場合 このようにExcelのような動きを設定できると非常に便利です。 ※昔はフレーム利用して テーブル長さ固定させ、フレーム間のスクロール連動 なんてことやってましたねぇ。 （今でもイントラの管理画面とかでたまにやりますが） 今回はね、 こりゃあね。大変だったのです ・・・ なんてのは冗談で あっと言う間に実現。 それは ＞＞＞ superTables.js のおかげです
Super Tables - HTML Tables with Fixed Headers and More - Matt's 411 - Javascript, CSS, HTML and more
tableのヘッダ固定やソートとかのAjax系ライブラリまとめ - Cyokodog :: Diary
１週間かけて食中毒もなんとか直ったのでブログ再開します。（もうこりごりです....） 例のごとくはてブをすっきりさせたいのでtable関連のリンクをこちらにまとめてく予定です。まだまだありそうですが、おいおい追加してきます。 コアライブラリ非依存系 Table Sorter ソート | MOONGIFT | demo table sorting ソート | to-R | demo OrderByColumn ソート | PHPSPOT | demo sorttable ソート | MOONGIFT | demo SortedTable ソート | demo TableKit ソート、編集 | PHPSPOT | demo Tiny Table ソート、縞々、ページング | coliss | demo Scrollable HTML table ヘッダ固定 | PHPSPOT | demo
jQueryのプラグイン100選 -2008年総集編 | コリス
seekAttention 注目箇所だけハイライトのアニメーションで強調。 スクロール・ドラッグなど操作関連のjQueryのプラグイン
もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
29分でできる！ あのサイトの“技”を盗め
「プロが作ったWebサイトのあの“技”をウチのサイトでも（それもタダで）マネしたい！」――。そんな欲求に応えてくれる JavaScriptライブラリ／フレームワークが、ネット上にはたくさん公開されています。この連載では、国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンに、手間をかけずに自分のWebサイトをブラッシュアップしていく方法を紹介します。
[JS]jQueryのプラグイン33 1選 -2008年10月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 ListNav リストの高機能なナビゲーションを作成。 Scroll your HTML ホイールにも対応した高機能なスクロールする
フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント
<script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&pid=877160106″></script><noscript><a href=”http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&pid=877160106″ target=”_blank” ><img src=”http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&pid
spryWidgetメモ
■spryWidgetとはなんぞや？ spryWidgetを使うと、入力フォーム画面上のエラー処理がとても簡単になります。 使い方は、HTML上で、 <span id="spry○○"> <input type="text" name="any" id="any" value=""/><br /> <span class="textfieldMaxCharsMsg">128文字以内で入力してください。</span> </span> というHTMLを書いたとして、 <script> var spry○○ = new Spry.Widget.ValidationTextField("○○", "none", {maxChars:128 , validateOn:["change"], isRequired:false}); </script> などというスクリプトを書いてあげるだけで、スクリプ
フォームチェックをスマートに行う『fValidator』 | Recently Ajax
Ajax（JavaScript）で行う代表的なことの一つに「フォームのチェック（バリデート）」があります。 Adobe Spryを初めとした、各種のライブラリでも同じような機能が実装されていますが、なかでも「fValidator」はおすすめです。 次のように利用します。 まずは、配布サイトからファイルをダウンロードしましょう。 »fValidator - An open source(free) unobtrusive javascript tool for easy handling from validation ページの一番下に「packed version」と「full version」があるので、好きな方をダウンロードします。 また、このライブラリは「mootools」というライブラリを利用しているので、こちらもダウンロードしましょう。 »mootools - home オプ
スライド作成ライブラリの決定版「Shadowbox.js」 | Recently Ajax
スライド作成ライブラリといえば、「Lightbox.js」が代名詞的存在です。しかし、Lightbox.jsは写真しか扱うことができません。 そんな中、「Shadowbox.js」というライブラリを見つけました。これがスゴイ。 写真、複数枚の写真のスライドショーはもちろんのこと、Flashアニメーション、QuickTimeムービーなどの映像、さらには外部Webサイトまで表示することができます。 さらに、オプションを駆使すれば、写真を自動縮小させるのか、それともドラッグドロップさせるのかといった、非常に細かい制御も可能。 さらにさらに、Shadowbox.jsには「アダプタ」という概念が導入されています。Prototype.js+script.aculo.usや、Yahoo! UI Library、jQueryなどの主要ライブラリをすでに使っていれば、アダプタを介在させることで、それらの
AjaxZip 2.0
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
Adobe - デベロッパーセンター : Spryテキストフィールド検査ウィジェット導入事例：ショッピングポータル「カラメル」
藤川真一氏 株式会社paperboy&co. EC事業本部 カラメルチーム プロデューサー 作成日:2007年12月20日 ユーザレベル:初心者 製品:Spry Framework for Ajax Dreamweaver 私が所属する（株）paperboy&co.では、ショッピングポータル「カラメル」を運営しています。カラメルには、商品購入履歴やお気に入りの商品をソーシャルブックマーク形式で登録できる「マイカラメル」というユーザー機能があり、その登録作業のユーザビリティを向上させるために、Adobeの「Spry Framework for Ajax」の「Spryテキストフィールド検査ウィジェット」を利用しています。この記事では、Spryテキストフィールド検査ウィジェットを紹介するとともに、実際にどのようにカラメルで使用しているかを解説します。 必要ソフトウェア この記事では、以下のソ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ラジオボタンでセレクトメニューの内容を切り替える
Loading...
http://youmos.com/news/bubble_tooltips
Lightboxスクリプトいろいろ - DesignWalker
DODA Lab（デューダ・ラボ）―次世代型転職・求人情報サイト