[JS]フォーカスされたらinputのvalue値を消す
検索とかURLのテキストエリアなんかで使われることが多い。 マウスフォーカスで、あらかじめ表示してあるvalueを非表示にするスクリプト。 このブログテーマの検索で使われてます。 value="Keyword(s)" onblur="if (this.value == '') this.value = 'Keyword(s)';" onfocus="if (this.value == 'Keyword(s)') this.value = '';" 以上をinputタグに追加する。 onblurでマウスが離れた時、onfocusでマウスフォーカスされた時、それぞれ設定。 valueで指定されている文字列と同じにする必要がある。
![[JS]フォーカスされたらinputのvalue値を消す](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
タグクラウドのサンプル作ってみた
タグとかめんどーだから、入れる気無かったんですけど、今更になって悪くないかも？とか思い始めたので、試しにタグクラウド設置してみました。 トップページの下の方におりますが、あんまり古いエントリーとか、タグ付け自体が適当だったりするので、あんまり使い物にならないかもしれません。。。永遠のベータ版です。 で、まぁかっこ良さげなタグクラウドを頑張ってつくろーとkiai出して作ってる途中に、ふと3ping.orgさんを思い出し、過去記事をあさってたらTag Cloudのスタイルというエントリーがありました。 んで、被ってる感じバリバリだからいっかーとか思ったんですけど、何となく作っちゃったんで公開っていう流れです。えぇ。 にしても3つほど作ったら疲れました。 ダウンロードとか実際の表示を見たい方は以下より。 サンプルの実際の画面 サンプルダウンロード(zip:17kb) スタイルシート タグクラウド
よくある質問っぽいののjQueryを使ったサンプル｜CSS HappyLife
2007年12月6日追記 IE6で選択中のタブの上が切れていたのを修正しました。 具体的にはcss/style.cssの35行目にfloat: left;を追加しております。 いろんなサイトで見かける「よくある質問」。 一番多いパターンは、リストで質問があって、アンカーで回答に飛ばす方法だと思うです。 特別ソレがいけてないとかは思わないんですが、飛んだ後に「戻るボタン」で戻らない人とかは、毎回ページトップ押したり、スクロールして戻ったりと案外手間だったりするわけです。 それならそういった手間が掛かるかも知れないことを少しでも省けないかしら？って事で、jQueryを使ってタブ型で折りたたまれたよくある質問っぽいサンプルを作ってみました。 （単純にボクがこのスタイルが一番見やすくて好きってだけだったり） サンプルページ サンプルダウンロード(Zip:20KB) メインのCSSファイル （サンプ
[CSS]IEで、min-widthやmax-widthを実現する方法
CSS-Tricksで、IE用に「expression」を使用して、min-width、max-widthを実現する方法がエントリーされていました。 The Perfect Fluid Width Layout デモページでは、最小幅780pxを維持しつつ、最大幅1280px以上になると残りの箇所は背景画像が表示されるようになっています(参照：キャプチャ画像)。 min-width、max-widthの箇所は、下記のように記述されています。 #page-wrap{ background: white; min-width: 780px; max-width: 1260px; margin: 10px auto; width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 12
Amazonで90％以上OFFのお買い得品を速攻で見つける方法 - GIGAZINE
ネット上の本屋さんだったのが今ではDVD、家電、ソフト、サプリメント、時計などなど、あらゆるものを売っている「Amazon」。今回はそんなAmazonの特価セール品だけをピンポイントで狙い撃ちして見つける方法です。単に検索結果のアドレスを手動でちょこっと書き換えるだけなので誰でもできます。 やり方は以下の通り。 Deals: Search Amazon For Deals Up To 90% Off - Consumerist Amazon shopping tips and hacks at ProBargainHunter.com まずはAmazonのページに行きます お買い得製品を見つけたいジャンルに移動します。今回は例として「エレクトロニクス」を選んでみました。 それから何も入力せずに「GO！」ボタンをクリック するとAmazonのそのジャンルに登録されている製品がずらずらと出てき
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]外部サイトのリンクにfaviconを表示して、分かりやすくするスクリプト
http://www.vjcatkick.com/blog/archives/200403/08-134500.php
[CSS]階層型ナビゲーションの実装サンプル -CSSplay