フォーカスした際に、フォームの内容をクリアするやり方 http://hxxk.jp/2006/01/31/2112 前の記事 : はてなブックマークの CSRF 脆弱性とその対策への流れ 次の記事 : 「今見ているページ」の被はてなブックマーク状況を知りたい 記事データ 投稿者 望月真琴 投稿日時 2006-01-31T21:12+09:00 タグ JavaScript Team-one お知らせ 概要 フォームのある項目がフォーカスされた際に、その内容を JavaScript でクリアするやり方を紹介。と言ってもソース自体は LIPPiN ( http://acromo.org/lippin/ ) のものをそのまま使わせてもらいましたが。 リプライ 4 件のリプライがあります。 フォーム周りのインターフェースをプチ改造しました 現在、 hxxk.jp では検索フォームやコメント投稿フォー
open-arms.biz 2023 著作権. 不許複製 プライバシーポリシー
代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧
CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました(つまり回避法を用いない場合にどんなバグが発現するか)。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう (ブロックレベル要素を内包するボックスにはpaddingを指定しない。) 左右ボーダーとパディングを設
Automatic colored rows - Example for BiteSize Standards テーブルの背景って次のイメージのように行ごとに交互に色分けされていると見やすいですね。 かといって、サーバサイドでアイテムを回して、1個1個設定するのも結構面倒だったりします。 リンク先のサンプルでは、JavaScriptを使って、trエレメントを探索し、交互にクラスを割り当てていくことで、自動でテーブルに色をつけてるようです。 これで、テーブルはシンプルにHTMLでコーディングでき、サーバサイドの技術なしで見やすいテーブルが作成できますね。
Nifty Corners This is the original article. The technique has been improved with better browser support and a lot of new features. The new article has been published on the 6th of April 2005. Javascriptで指定のHTML要素を動的に角丸デザインにする方法。 NiftyCornerを使えば、単一のDIV要素を角丸デザインにすることが可能です。 例えば、次のような単一DIV要素も簡単に角丸にできます。 <div id="nifty"><p>test</p></div> <script type="text/javascript"> Rounded("div#nifty","#377CB1","#9
コンテンツの内容が少なくても、常に下部にフッタを配置させるための方法。ちなみに Safari とマック IE では動作しないっぽい。 footerサンプル 実際にサンプルを見てみれば分かりますが、ウィンドウを下方に広げても、フッタは常に下部に張り付いたままな筈です。また、ウィンドウを上部に縮めていってもコンテンツ部分の所でピタッと止まり、それ以上は移動しません。 html と body への指定 サンプルのソースを大雑把に分けると下記のような構造になっています。 <div id="container"> <div id="contents"> <div id="header">ヘッダ</div> 内容 </div> <div id="footer">フッタ</div> </div> まず、html と body の高さを 100% と指定しておきます。 container への指定 次に、
奇抜で独創的な色の組み合わせではなく、あくまでも統一された色彩を作りたい場合に非常に便利。いわゆる色見本帳を見ながら行う一種の「カラーハーモニクス」をウェブサイト上で簡単に実現できます。 EasyRGB - Color harmonies, complements and themes. http://www.easyrgb.com/harmonies.php 例えばR:255、G:171、B:32と入力して「Start」をクリックすれば、自動的に入力した色と色彩的にあまり違和感のない統一された他の色の組み合わせを表示してくれます。RGBの範囲も指定できるので、あまりにもかけ離れた色は使いたくないという場合でも柔軟に対応が可能。 さらに便利なのがこちらのカラーマッチング。 EasyRGB - Match your RGB and color data with paint, inks, c
Using HTML entities is the right way to ensure all the characters on your page are validated. However, often finding the right entity code requires scanning through 250 rows of characters. This lookup allows you to quickly find the entity based on how it looks, e.g. like an < or the letter c. HTML Entity Lookup Lookup HTML entities like, space separate for more: Options Small output Incl. extended
OrderByColumnデモ tableの列でソートするjavascriptです。 テーブルの列名をクリックして列順にソートするためのJavascriptライブラリの紹介。 MochiKit でも同様のことが出来ますが、他の不要なライブラリも含まれるのが面倒だという方に便利。 prototype.jsさえあれば、その他1つのファイルでシンプルに実装可能です。 更に実装方法も次のように簡単で第一引数にテーブルのidを指定するだけ。 new OrderByColumn("test",["string","number","number"]); これは便利ですね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く