Firefoxでページ閲覧中にTabキーを押せば、カーソルがリンクやテキストフィールド、[submit]ボタンなどを順次移動していくようになっています。 しかし、テキストフィールドを次々にフォーカスしたいような場合、途中にリンクなどがあるとTabキーを連打しなければならなかったりして非常にややこしいことになります。 マウスレスな環境などではリンクも含めてカーソルが移動するのが便利に感じることもありますが、普通の環境ならリンクは無視してテキストフィールド間だけを移動させたいという方が多いのではないでしょうか。 そんな方は以下の項目を設定することにより、Tabキーを押した際、テキストフィールドのみカーソルを移動させることができるようになります。 1．about:configを開く。 2．フィルタ欄に[accessibility.tabfocus]と入力する。 3．表示された[accessibi
FirefoxやThunderbirdはWEBユーザーの必須アイテム。 初心者からヘビーユーザーまで使える！便利でクールなFirefox拡張機能（アドオン）の使い方やカスタマイズ、Mozilla関連情報をどうぞ。 Adobe 「Flash Player」を緊急アップデート。 by hoge (07/16) Adobe 「Flash Player」を緊急アップデート。 by H.I. (07/16) ウェブページから余計なコンテンツを排除して読みやすく表示できるFirefoxアドオン「Tranquility Reader」 by しんちゃん (07/11) YouTubeのHTML5動画に表示される広告をブロックしてくれるFirefoxアドオン「YouTube Advertisement Blocker」 by はち (06/17) ウェブページ上の不要なリンクを非表示にできるFirefox
ウェブページ上のテキストエリアにコメントなどを投稿をするとき、その内容が長文でありながらテキストエリアが小さな場合、途中で何を書いているかが把握しにくくなったりすることがあります。 文章を書き終える前に全体を読み返し、おかしなところを修正したりすることはよくあることですが小さなテキストエリアの場合は何度も上下にスクロールするような必要があり、非常にわかりにくいですね。 そんなときに便利なGreasemonkeyスクリプトが「Move and Size TextAreas」です。 「Move and Size TextAreas」は、内容を記入する前にテキストエリアのサイズを変更したり、画面いっぱいに最大化することができるというものです。 スクリプトをインストール後、表示しているページにコメント欄などのテキストエリアがあった場合、ページ右下に以下のようなボタンが表示されるようになります。 こ
ウェブを使っていると、様々なテキスト入力欄に文章などを入力する機会があります。 このようなフォームに入力する際、毎回挨拶や名前のような同一文章から書き始めている方も多いのではないでしょうか。 Firefoxなら、アドオンを導入することでこのような定型文も簡単にマウス操作だけで入力したりすることができます。 今回は、このような定型文入力支援アドオンの中から、「MyWords」というアドオンを試してみました。 「MyWords」は、英語ベースの類似ツールが多い中、入力の日本語対応はもちろん、設定なども日本語化された非常に使いやすい定型文入力アドオンです。 アドオンをインストールしたら、まずはよく使う文章を登録することから始めましょう。 オプション設定を開くと、以下のようなウィンドウが表示されます。 新規定型文を登録するには、この中の[Add]ボタンをクリックします。 あとは[ラベル]部分にその
Firefox使ってるときいつも不満なのがyahoo.co.jpログイン時のパスワードを記憶してくれないこと（おそらくyahoo.comも同じ）。それ専門の拡張とかgreasemonkeyスクリプトがあるかもしんないけど、Yahoo!だけのためにわざわざそんなのをインストールするってのもねえ… Yahoo! JAPAN や MSN Hotmail にログインする際、保存されているはずの ID やパスワードが補完されず、毎回入力しなければなりません。 原因 Firefox は通常、フォームに入力したユーザ名やパスワードを自動的に記憶しますが、Web サイト側で自動補完が無効にされている場合、それらの情報は補完されません。つまり、サイト側の仕様によるものです。 解決策 サイト側で提供されている「次回から ID の入力を省略」や「自動的にサインインする」オプションをご利用ください。 【Mozil
No longer works as of Firefox 57 IAT will no longer be supported because a rewrite is required for Firefox 57+. Ever started type into an edit box on some web page (such as to post a comment or describe why your scooter was defective and they should send you new one)? If so, then you need "It's All Text!" This miracle extension provides an edit button for any edit box[1] on any page or your money
JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ。 バリデートするライブラリも沢山でてきました。とここら辺で一度まとめておきました。 Really easy field validation (デモ) - 入力値がおかしいと、エラーメッセージをフェードインさせながら超クールに表示できます。 ※ ページの最後で使い方紹介（これは良いです） Remember the milk風の登録フォームも作れそう prototype.js依存。 Realtime validation using Ajax (デモ) - Ajaxなどを駆使して、入力値を動的にチェックするライブラリ Validate.js (デモ) - リアルタイムではないけど、入力値をチェックするためのライブラリ Tooltip for forms - 入力チェックではないけど、フォームの入力ヒントを出して
これは便利そう。 『validate.js』ではフォームのさまざまな入力をチェックしてくれます。URLやメールアドレスなどのよくあるチェックに加え、ISBNかどうかといったマニアックなチェックもできます。 マニュアルに載っている命令をご参考までに。 hasValidChars isSimpleIP isAlphaLatin isNotEmpty isIntegerInRange isNum isEMailAddr isZipCode isDate isMD5 isURL isGuid isISBN isSSN isDecimal isplatform addRules Apply サイトでは動作チェックのデモもあります。コードも見れますよ。 ↑ こんな感じでさまざまなチェックができます。 詳細＆ダウンロードはこちらからどうぞ。 » Mutationevent :: Validate.js
■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri
Realtime validation using Ajax Ajaxなどを駆使して、入力値を動的にチェックするライブラリ、realtime validation を公開しました。 >> http://masuidrive.jp/validation 正規表現とメッセージを指定するだけで、入力した瞬間にユーザに対してガイドメッセージを表示させる事ができ、今までの様に画面遷移後にエラーが出て、ユーザがエラー位置を把握しづらいと言う事がありません。 フォームの入力値をリアルタイムにバリデーション「Realtime validation」。 prototype.js と、配布している validate.js を読み込んだあと次のようなコードを書くだけ。 Validator.register({ "#mail" : { "/^([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2
* form の内容がデフォルト値から変わったら色を変える JavaScript コード [mform] 103 users これが便利だといえる状況はだいぶ限られてはいるのだけど．文字を入力したり，チェックボックスを押したりしてデフォルトの状態から変化すると，そこの色を変えるような JavaScript のコードを書いてみた． といってもわかりにくいと思うのでまずデモ: http://www.kagami.org/mform/mform_demo.html 適用したいページで，こんな JavaScript コードをロードします． (function(){ var color_modified = '#ffff88'; var reset_when_reloaded = 1; init(); function init() { var fs = document.forms; for (v
オープンソースのブログテンプレート デザインの参考に。各種ブログシステム対応のテンプレート集です。 オープンソースのブログテンプレート デザインセンスのない私にとって、サイトの外観を決める作業はある意味苦痛だ。システムはどんどん作れるのに、このデザインの段階になって頓挫してしまうケースも少なくない。 そうした時に参考になるデザインが提供されているのは非常にありがたい。それがオープンソースなら尚更の事だ。 今回紹介するオープンソース・ソフトウェアはOpen Source Templates、オープンソースのテンプレート集サイトだ。 Open Source Templatesでは主にブログシステム系のテンプレートが公開されている。対応しているのはWordPress、PostNuke、b2evolutionだ。勿論、そのまま導入できないと言うだけで他のブログシステムへの転用も可能だろう。 非常に
badboy.media.design :: articles :: Niceforms Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase or signing up for a website. They are the basic (and pretty much the only) way of gathering information on the web. 配布されているJavascriptのファイルとCSSファイルを読み込むだけで、フォームデザインが早代わり。 HTMLに組み込む例） <scrip
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
