jQueryを使って入力フォームにサンプル文字を入れておき、フォーカスで消すスクリプト
入力フォームに何を入力していいのか、 あらかじめサンプルを入力しておくのがいいと言われます。 でも、valueとしてあらかじめ文字を入力しておくと、 入力しようとするときにいちいち消す必要があるので面倒です。 なので、最初はサンプル文字をいれておき、 入力部分にフォーカスがいったときにそれを消すスクリプトを作ってみました。 ◆スクリプト $(function(){ $("input").val("キーワードを入力") .css("color","#969696"); $("input").focus(function(){ if(this.value == "キーワードを入力"){ $(this).val("").css("color","#000"); } }); $("input").blur(function(){ if(this.value == ""){ $(this).val(
これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」:phpspot開発日誌
これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」 2009年03月12日- jQuery Context Menu Plugin これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」。 ちょっと前までだと独自の右クリックメニューを作るのはすごく大変でした。特にクロスブラウザで動作することなんかを考慮すると本当に大変でした。 が、このライブラリを使えば簡単に実装できてしまいます。 特定のエレメント上のみに右クリックメニューを設定できるという、柔軟なつくりになっています。 どのアイテム上でクリックしたかっていうのがイベントハンドラで受けられるところも汎用的になっていていいです。 このライブラリ１つとってみても、jQueryを使う意味が出てきそうです。 jQueryは本当にデフ
jQueryでiCalライクなカレンダーを作るチュートリアル – creamu
jQueryでクールなカレンダーを作りたい。 そんなときにおすすめなのが、『Create astonishing iCal-like calendars with jQuery』。jQueryでiCalライクなカレンダーを作るチュートリアルだ。 このエントリーでは、↑のようなカレンダーの作り方が紹介されている。マウスオーバーするとふわっとポップアップするツールチップテキストつきだ。 ソースファイルもダウンロードできるので見てみてほしい。 デモは以下から。 View the online Demo! jQueryでiCalライクなカレンダーを作るチュートリアル、チェックして参考にしてみてはいかがだろうか。 Create astonishing iCal-like calendars with jQuery 天気がよくて気持ちいいですねー。 先日買った雑誌を読んでいます。「Casa」はまた紙面
フォームのデザインと機能を改善するためのツール7選 – creamu
フォームをデザイン的に、かつシステム的によくしたい。 そんなときにおすすめなのが、『Useful resources to improve the look and features of HTML Forms』。フォームのデザインと機能を改善するためのツール7選だ。 以下にいくつかご紹介。 » Spry Validation Widget Adobe Labsから提供されているウィジェット。Spryを使用し、バリデーションしてくれる » Javascriptkit HTML Form articles たくさんのフォームサンプルが見つかる » Zend_Form PHPプログラマなら見ておきたいZend Frameworkのコンポーネント » Cusomselect jQuery plug-in セレクトフォームのそれぞれにアイコンをつけたいときに使えるjQueryプラグイン » Moo
Spacegallery - jQuery plugin
About Again another image gallery. Click on the images bellow to see it in action. Download spacegallery.zip (205 kb): jQuery, Javscript files, CSS files, images, examples and instructions. Changelog 09.01.2008 The first release release. Implement Attach the Javascript and CSS files to your document. Edit CSS file and fix the paths to images and change colors to fit your site theme. Important: be
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Lightboxスクリプトいろいろ - DesignWalker
Robbin & Co. - Chicago Web Development
ファイルツリー構造を表示するためのJS「jQuery File Tree」:phpspot開発日誌
IDEA * IDEA