jQuery UI の Datepicker プラグインにおいて、カレンダーと、テキスト入力欄の日付のフォーマットを、日本語にローカライズする方法。 ローカライズ用の JavaScript ファイルは、i18n フォルダに入っている。日本語化するには、「jquery.ui.datepicker-ja.js」を読み込む必要がある。日本語以外も、たくさん用意されている。 実装例(サンプル) 日付: 実装例(サンプル)の動作について 「日付:」の右側の、テキスト入力欄をクリックすると、今月の日本語のカレンダーが現れる。 カレンダーの日付をクリックすると、その日付を、テキスト入力欄に入力する。 をクリックすると、次月の日本語のカレンダーになる。 をクリックすると、前月の日本語のカレンダーになる。 実装例(サンプル)のソースコード 読み込み パスは、それぞれ、アップロードした場所を指定する。 まとめ
jQuery UI の Datepicker プラグインのカレンダーを使った、日付範囲指定フォーム。 実装例(サンプル) 日付範囲: から まで 実装例(サンプル)の動作について 「から」の左側の、テキスト入力欄をクリックすると、前月・今月・次月の日本語のカレンダーが現れる。カレンダーの日付をクリックすると、その日付を、テキスト入力欄に入力する。 「まで」の左側の、テキスト入力欄をクリックすると、前月・今月・次月の日本語のカレンダーが現れる。「から」の左側の、テキスト入力欄に入力した日付より過去の日は、選択できない。カレンダーの日付をクリックすると、その日付を、テキスト入力欄に入力する。 「まで」の左側の、テキスト入力欄に日付を入力した状態で、「から」の左側の、テキスト入力欄をクリックし、カレンダーを開くと、「まで」の左側の、テキスト入力欄に入力した日付より未来の日は、選択できないようにな
Hover Style #1 A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. Read More Hover Style #1 A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. Read More Hover Style #1 A wonderful serenity has taken possession of my entire soul, like these
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
なかなかいいサンプルだったのでシェア。 jQuery MobileでGoogleMap APIを使った サンプルがオープンソースで公開されて いました。ストリートビューなども表示する ことが可能です。興味の有る方はチェック してみては。 スマフォにGoogleMapを表示させるのに、Google Maps JavaScript API V3が必要みたいですが、これをスマフォ対応を簡略化するjQueryプラグイン、jQuery Mobileで使おう、というもの。 jquery-ui-map GoogleMap APIをjQuery Mobileで使ったサンプルです。jquery-ui-mapというプラグインも使用しています。このサンプルはMITライセンスでソースが公開されていますよ。 以下、デモのキャプチャです。 iPhone iPhoneでの実装状態です。 ランドスケープ時も自動で横幅をあ
CSS drop-shadows without images ? Nicolas Gallagher CSSでリアルでクールなドロップシャドウ効果を描画するサンプル例が色々公開されています。 一昔前なら、どう考えても画像を使っていると思ってしまうこうしたグラフィックもCSSで実現できてしまいます。 パターンも多くて実用的です。ヘッダ、メニュー等、ありとあらゆる部分に応用できそう。 画像編集ツールは一切不要です。 例えば、1個の要素を見てみましょう。 HTML では <div> にclassをふって中身は<p>のみだけというのに、これだけのデザインが実現します。 当然、要素を回転させることも出来ますが綺麗に描画できています。 なんとも夢のような話ですが、CSS3対応の Firefox 3.5+, Chrome 5+, Safari 5+, Opera 10.6+, IE 9+ という大体の
CSS3 Cookbook: 7 Super Easy CSS Recipes to Copy and Paste [ad#ad-2] 対応ブラウザはCSS3を使用しているため、CSS3をサポートしているブラウザのみで、一部のものはWebkit系(Chrome, Safari)のみとなっています。 Letterpress(レタープレス) Small Caps(スモールキャピタル) CSS Coupon(クーポン券) Stitched(ステッチ) Gloss(グロス) Stroked Text & @font-face(@font-faceを使ったストローク) Double Stroked Text(二重のストローク) Letterpress(レタープレス) レタープレスのエフェクトには、3つのカラーが必要です、背景のbackground、テキストのcolor、テキストの影のtext-sha
canvasでグラフを描いてみる タイマー ランチに迷ったら ドラッグドロップ で jQuery UI を試してみる 概要 溜まってる分をある程度一気にやりました。 感想など canvasでグラフ 例によって手書きでグラフを書いてみたんですが、canvasの座標は左上からだけどグラフの座標は左下なのが面倒でした。 今度はカンマ区切りとかの値を渡して表示させたい。 組み込みオブジェクト ここ最近は、DateオブジェクトとかMathオブジェクトとかいう、いわゆる組み込みオブジェクトを使う機会がありました。 本で読んだ事はあったんですが、実際に使った事はあまりなかったので新鮮でした。 便利だなーと言うか。 タイマーとかランチとかは完全に自分用です。 jQuery UI 簡単便利。 サンプルが超分かりやすいですね。 英語は読めないけどコードだけ読んだらどうにかなる感じ。 idやclassを自由に変
Parse XML with jQuery | Papermashup.com jQueryでXMLをパースして表示するコードサンプル例が公開されています。 jQueryマスターな方には無用の物かも知れませんが、スニペットとしても使えそうなので便利かも、というのでご紹介。 $.ajax でサイト内にある .xml ファイルを取得して、success のハンドラによってXML処理させます。 普通に書くと大変ですが、jQueryを使うことで次のように簡単になります。 .xml のパスはサイト内のURLであれば何でもいいので、サーバ側に xml を出力するようなAPIが既にある場合、jsonに変換することなく簡単に使えますね。 jQueryのDOM操作の簡単さによってこれだけ短縮できているところが何とも凄いです。
jQueryなど他のスクリプトに依存せずに動作する、パネルをフェードのエフェクトで表示するスライドショーの超軽量(1.4KB)スクリプトを紹介します。 Fading JavaScript Slideshow – TinyFader デモページ [ad#ad-2] スライドショーはリスト要素で実装されており、パネル内にはリスト要素内に配置できるものであれば、どんなコンテンツでもサポートします。 パネル「1」は、見出しとパラグラフとリンクのコンテンツ スクリプトのオプションでは、オート表示の時間、スライドショー本体やページネーションのクラス名、アクティブ時のクラス名、ポジションなどを設定できます。 var slideshow=new TINY.slider.slide('slideshow',{ id:'slides', // ID of the parent slideshow unorde
2009年 6月 25日 (木) / PM 11:34 地図などの画像内にリンク設定を行なうケースで、出来ればリンク先に応じて画像を変更出来ないかと言う要望があり、CSSのa:hoverで処理すると対処箇所の画像しか変更できない。 通常ならFlashの使用が一般的だろうけど、簡単な処理っぽいのでjQueryで挑戦してみました。 jQueryを使ってイメージマップの背景を切り替えるサンプル 概略としては画像を透明gif画像に差替えて、div要素で囲んで背景要素として処理。 イメージマップの各リンクにIDをふって、選択されている(オンマウス)間はdiv要素に指定class属性を与え、背景画像の位置指定の流れです。 すっごい単純な処理でごまかしてるけど良いや。 jQueryの処理部分 $(document).ready(function() { $('#no1').hover( functio
当ブログではFlashの3Dに関する記事を数多く書いていますが、この度それらの記事をこの1ページにまとめてみました。系統別にまとめたので、目的とする解説やサンプルが探しやすくなったのではないかと思います。それぞれの記事でソースファイルをダウンロードできますので、学習の理解にお役立てください。 Flashの3Dエンジンで最もメジャーな「Papervision3D」を中心にブログ記事を書いています。 Papervision3D – チュートリアル クリックで再生できます フレームア クションで覚える PV3D チュートリアル Vol.01 フ レームアクションで覚える PV3D チュートリアル Vol.01 (補足) フ レームアクションで覚える PV3D Vol.02 : Primitiveを理解する フ レームアクションで覚える PV3D Vol.03 : Materialを理解する フ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く