jQueryでフォームをAjax送信する際の基本パターンのチュートリアル。二重送信の防御とか。 | Ginpen.com

2013/05/07 317 users jQuery Ajax Ginpen.com チュートリアル

仕事の進みがちょいとアレなので、現実逃避もとい気分転換に。 フォームの入力内容を、jQuery.ajax()を使ってサーバーへ送信したいって時のパターンです。 基本的な流れ フォームのsubmitを拾う 通常の送信はキャンセル 送信ボタンを無効化 送信先URLやフォームの入力値を取得 送信 受信後、送信ボタンを戻す 入力値をどう得るか、というのがポイントかと思います。 送信ボタンを無効化するっての... 続きを読む

地味だけどかなり便利！指定したカラーにホワイトとブラックを加えてカラーパレットを作成するサービス -HEXCOLORTOOL | コリス

2013/04/01 166 users コリス ネクタリン カラーパレット カラー かなり

HEXCOLORTOOL サイトにアクセスし、「6 DIGIT HEXIDECIMAL」にカラーコードを入力します。 ホワイトを加える場合は「Lighten」、ブラックを加える場合は「Darken」をチェックし、「Submit」ボタンをクリックします。 カラーにネクタリン「ff884e」を入力してみました。 続きを読む

自慢のWebデザインをもっと広めたい！自薦で登録できるWebデザインギャラリーサイト20 | Webクリエイターボックス

2012/11/20 360 users 自薦 他薦 Webクリエイターボックス 自慢 webデザイン

デザインの参考になるのはもちろん、見ているだけで楽しくなるWebデザインのギャラリーサイト。海外のギャラリーサイトでは英語圏以外の国のサイトも多数紹介されていますが、日本語サイトを見かけることが少ないですね。そこで今回は自薦・他薦問わずおすすめサイトの申請ができる国内外のギャラリーサイトをいくつか紹介します。 英語サイトでは「Submit」と書いているページから登録できます。もちろん中の人のチェッ... 続きを読む

The Useless Web

2012/11/09 169 users web

The Useless Web Button... take me somewhere... uselessThe Useless Web... because some websites, we just couldn't do without - By Tim Holman - @twholman - submit 続きを読む

CSSだけでスタイリッシュな角丸ボタンが作れる『Sexy Buttons』が便利そう - IDEA*IDEA ～ 百式管理人のライフハックブログ

2010/02/24 414 users IDEA CSS span ライフハックブログ 角丸ボタン

ちょっと素敵なCSSファイルのご紹介。 このCSSを読み込んで、簡単なマークアップをするだけで簡単にスタイリッシュな角丸ボタンが作れますよ。 ↑ こんなのが一発で作れます。 マークアップは以下のとおり。spanが二つあるのがまぁ、あれですが。 <button class="sexybutton"><span><span><span class="ok">Submit</span></span></... 続きを読む

二度押し防止の onsubmit で disable にするやつ :: Drk7jp

2008/04/12 514 users onsubmit Disable naoya ユーザビリティ

二度押し防止の onsubmit で disable にするやつ もう２年ほど前に話題になったアレなんですけど、今更ながらあるサービスでこの仕組みの導入を検討しています。 onsubmit で submit ボタンを disable にしてユーザビリティを良くする - naoyaのはてなダイアリー submit ボタン disable 技の罠 - naoyaのはてなダイアリー onsubmit で... 続きを読む

HTML JS版 Apollo アプリを作ってみる [てっく煮]

2007/03/22 157 users Apollo XMLHttpRequest Form ソース

次に、rss-simple.js を作成します。こちらも JavaScript が分かる人なら説明は不要なぐらいシンプルなソースにしたつもりです。form の submit イベントをハンドリングして、指定された URL を XmlHttpRequest で取得し、HTML で出力しています。Apollo アプリといっても、ネットワーク通信を行うだけなら、通常の JavaScript と同じように... 続きを読む

onsubmit で disable にするやつ

2005/08/09 114 users onsubmit disabled バカウケ Disable

■ onsubmit で disable にするやつ onsubmit で submit ボタンを disable にしてユーザビリティを良くする フォームを送信した時に、submit ボタンを disabled にして二重送信を防ぎましょう、というのがナウなヤングにバカウケ？ そんでもって、ここに書いてあるやつ なら、そこの JavaScript を読み込ませるだけで、自動的に全てのフォームに対... 続きを読む

submit ボタン disable 技の罠 - naoyaのはてなダイアリー

2005/08/04 108 users naoya onsubmit Disable ユーザビリティ

昨日のonsubmit で submit ボタンを disable にしてユーザビリティを良くするにはちょっとした罠があって、それに気付かずに使うとはまってしまうかもしれないので、それもちょっと書いておく、というか今日僕自身がはまったわけだが。罠というのは、type="submit" な input 要素、つまりは submit ボタンを onsubmit ハンドラで disable するまでは良... 続きを読む

naoyaのはてなダイアリー - onsubmit で submit ボタンを disable にしてユーザビリティを良くする

2005/08/03 199 users onsubmit Shopping Disable http

先の Yahoo! Shopping のアプリケーションで、今度ちょっとやってみようと思ってたことを実装してみた。http://bloghackers.net/~naoya/ys/app.cgiボタンを押したときに、そのボタンが disable になります。この方法を使うとボタンが押されて次の処理に入ろうとしているというのが直感的に分かるのと、二重送信防止にもなるということでユーザビリティが改善で... 続きを読む