leigeberから、既存のテーブルにも簡単に設置できる、データをソートする超軽量（1.7KB）のスクリプトを紹介します。 jQueryやPrototypeなど他のスクリプトは必要ありません。 JavaScript Table Sorter demo 動作確認ブラウザは、IE 6/7/8, Fx2/3, Op, Safari, Chromeとなっています。 設置方法は簡単で、既存のものにも簡単に組み込めます。 「script.js」と「style.css」を外部ファイルとして記述します。 tableに「class="sortable" id="sorter"」を記述します。 テーブルの下に下記のスクリプトを記述します。 <textarea name="code" class="html" cols="60" rows="5"> <script type="text/javascript">

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.

BJKit(BeautifulJapaneseKit)htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。 BJKit(BeautifulJapaneseKit)でビューティフルな見出しを生成 htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。日本語にも対応しているので、様々な場面で利用することができます。 動的に表示するので、画像を作成する必要がない 新聞記事風、楷書風、POP調など、書体を自由にアレンジ出来る htmlの構造を崩さず、SEOやユーザービリティを犠牲にしない など、ページ作成の効率アップと同時に、表現力も向上させる手法です。 適用例 従来は、当ページの見出し（h1タグ）は下記のように表示されます。 従来の見出しの例 BJKi

prototype.js ベースの日付選択用 javascript ライブラリ「protocalendar.js」を公開しました。 rails や cakephp でアプリケーションを作っていて、セレクトタグでは日付を選択し辛いと感じていました。 また、オープンソースの Date Picker ライブラリでは機能不足、もしくはオーバースペック過ぎて手頃なものがないと感じていました。 そこで、社内で prototype.js ベースの日付選択用ライブラリを作ってみようということになり作ってみました。 今後もバージョンアップしていきたいと考えているので、ご意見ご要望などありましたらコメントでお願いします。 【特徴】 *prototype.js ベース（1.5 以降）。 *シンプルで軽量。 *MIT LICNESE *16のローカライゼーションに対応。 *フォーカスでカレンダー表示。（

<script> let x = 100; function larger() { x *= 1.2; document.body.style.fontSize = x + '%'; } function smaller() { x /= 1.2; document.body.style.fontSize = x + '%'; } </script> <div> <button type="button" onclick="smaller()">小さく</button> <button type="button" onclick="larger()">大きく</button> </div> 部分的な変更 特定の部分だけ文字サイズを変更します。 ほげほげほげ <script> let y = 100; function larger() { y *= 1.2; document.getEle

―グラフィカル時計(2006/01/01) ―動くマスコット表示(2006/01/01) ―マウス追っかけマスコットVer1(2006/01/01) ―マウス追っかけマスコットVer2(2006/01/01) ―マウス追っかけマスコットVer3(2006/01/01) ―マウス追っかけマスコットVer4(2006/01/01) ―開いてるメニューページのメニュー画像を変更(2006/01/01) ―日付によって変わる壁紙(2006/01/01) ―日付によって変わる画像(2006/01/01) ―日付によって変わる画像 Ver2（複数版）(2006/01/01) ―日付によって変わる画像 Ver3（期間指定・複数版）(2006/01/01) ―日付によって変わる画像 Ver4（画像指定・期間指定・複数版）(2006/01/01) ―ロールオーバー Ver1（画像すり替え）(2006/01/

だいぶ前からサイトに「文字サイズ変更ボタン」を付けたいと思いつつ難儀していたのですが、Ogawa::memorandaの小川宏高さんが、既存Ajaxライブラリを活用した簡単な導入方法を公開されていました。 お陰で導入に成功。有難いことです（-人-） Ogawa::memoranda：prototype.jsを用いたフォントサイズ変更スクリプト 私は大抵紹介されている技術を自分用に修正して利用しています。 どのような修正をしたか、参考に残しておきます。 「最初の一回は表示できても、二回目以降表示できない」場合 2008年2月4日に、追加補足を書きました。当記事と合わせてご参照ください。 文字サイズ変更ボタンに関する補足 More HTMLソースの変更 せっかくなので、文字サイズ変更ボタンもCSSでデザイン変更できるようにしたいと思い、小川さんのコードの一部を以下のよ

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)を使ってフォントサイズ変更スクリプト(クッキー保存機能付き)を実現してみました。これまで

Style switchers are used to provide users with a choice of layouts, fonts, colors and views they can use to adapt the design to their personal needs. Designs with style switchers are more flexbile, more adaptive and more user-friendly as different visitors can quickly modify the design for their personal convenience. When offering different layouts and design variations your design may better suit

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 jqzoom 画像の一部をズーム。 Shadowbox 複数のJavaScriptライブラリに対応したLightbox。 Faceb

HTML&CSS Web制作リファレンス - ホームページの構築・運用 -

Kawa.netxp [JavaScript] JKL.Calendar／ポップアップするカレンダー表示クラス JKL.Calendar は、ポップアップでカレンダー表示を行うクラスです。 2006年10月にクラス名を変更しましたが、2005年4月のリリース当初のクラス名 JKL.Calender も 別名定義してあるので、こちらも利用可能です。半年前にご指摘いただいた typo でした。 合わせて、選択可能な日付範囲指定用のプロパティ min_date／max_date を追加しました。 Yahoo! UI ライブラリのカレンダー機能がかなり強力なので、 最近なら YUI もオススメできそうですが、 実は JKL.Calendar の方が日本語環境では使いやすかったりするかもしれません。 JavaScript ソースのダウンロードはこちら： jkl-calendar.js JavaScr

基本 次の図の上にマウスを持っていくと画像が替わります。 この仕組みを説明しましょう。 まず，普通の画像を表示するには，たとえば次のようにします。 <img src="photo1.jpg" alt="Click me!"> もう一つの画像 photo2.jpg を用意し，マウスを上に持っていくとそちらに切り替わるようにします。 <img src="photo1.jpg" alt="Click me!" onmouseover="this.src='photo2.jpg'"> onmouseover は「マウスが上に来たならば」という意味です。this.src='photo2.jpg' が JavaScript の命令で，this（それ自身）の src という属性を photo2.jpg にすることを意味します。 これではマウスが去った後も替わったままなので，実際には次のようにします。 <

弊社は神戸市東灘区水道局より認定を受けた水道局指定業者ですので安心してご相談ください。トイレや排水溝などのつまりや水漏れなど、あらゆる水回りのトラブルに適切に対応させていただきます。 1200円〜の業界最安値水準の低価格で修理対応しております。もちろんトラブルの原因によって価格は異なりますが、神戸市東灘区内のお宅ではまずは無料出張で現地を確認、無料でお見積もりをご提出させていただきます。その際に価格やサービス内容にご納得いただけずお断りいただいた場合は一切費用はかかりませんので、まずはお気軽にご相談ください。