FormFox

| | コメント(0) | トラックバック(1)

・Mozilla Update :: Extensions -- More Info:FormFox - All Releases
https://addons.mozilla.org/extensions/moreinfo.php?id=1579&\1application=firefox

・「Firefox」上でWebフォームの送信先URLを手軽に事前確認できる「FormFox」
http://www.forest.impress.co.jp/article/2005/12/15/formfox.html
窓の杜紹介記事

サブミットボタンを押す前に、action先をポップアップで表示してくれるFirefoxの拡張機能。

Firefox 1.5 + FormFox 1.5で使ってみました。

やってみた事

HTMLファイルにはaction先を「Yahoo!Japan」(http://www.yahoo.co.jp/)になる様に書いておき、後でJavaScriptを使ってaction先を「Yahoo! (米)」(http://www.yahoo.com/)に書き換えるように試みます。

○ JavaScriptでaction先を操作しない場合

action先(「Yahoo!Japan」のURL)がポップアップで表示されます。
submitボタンを押すと、「Yahoo!Japan」が表示されます。

<form method="get" action="http://www.yahoo.co.jp/">
<input type="submit" name="submit1" value="普通">
</form>

JavaScriptでaction先を操作しない場合

○ onClickを使ったフォームの場合

Submitボタンをクリックした時にaction先を変えてみます。
「Yahoo!Japan」のURLが表示されますが、Warningが表示されます。
submitボタンを押すと、「Yahoo! (米)」が表示されます。

<form method="get" action="http://www.yahoo.co.jp/">
<input type="submit" name="submit1" value="onClick" onClick="this.form.action='http://www.yahoo.com/'">
</form>

onClickを使ったフォームの場合

○ onSubmitを使ったフォームの場合

Submitした時にaction先を変えてみます。
「Yahoo!Japan」のURLが表示されますが、Warningが表示されます。
submitボタンを押すと、「Yahoo! (米)」が表示されます。

<form method="get" action="http://www.yahoo.co.jp/" onSubmit="this.action='http://www.yahoo.com/';return true;">
<input type="submit" name="submit1" value="onSubmit">
</form>

onSubmitを使ったフォームの場合

○ onLoadを使ったフォームの場合

Loadした時にaction先を変えてみます。
最初から「Yahoo! (米)」のURLが表示されます。
submitボタンを押すと、「Yahoo! (米)」が表示されます。

<html>
<head></head>
<body onLoad="document.forms[0].action='http://www.yahoo.com/';">
<form method="get" action="http://www.yahoo.co.jp/">
<input type="submit" name="submit1" value="onLoad">
</form>
</body>
</html>

onLoadを使ったフォームの場合

○ onFocusを使ったフォームの場合

Submitボタンにフォーカスが移った時にaction先を変えてみます。
「Yahoo!Japan」のURLが表示されて、Warningが表示されません。
submitボタンを押すと、「Yahoo! (米)」が表示されます。

<form method="get" action="http://www.yahoo.co.jp/">
<input type="submit" name="submit1" value="onFocus" onFocus="this.form.action='http://www.yahoo.com/'">
</form>

onFocusを使ったフォームの場合

○ onBlurを使ったフォームの場合

テキストボックスに入力して、そのままの状態でSubmitボタンを押した時(テキストボックスからフォーカスを外した時)にaction先を変えてみます。
「Yahoo!Japan」のURLが表示されて、Warningが表示されません。
submitボタンを押すと、「Yahoo! (米)」が表示されます。
ポップアップが表示されない事ありました。

<form method="get" action="http://www.yahoo.co.jp/">
<input type="submit" name="submit1" value="onFocus" onFocus="this.form.action='http://www.yahoo.com/'">
</form>

onBlurを使ったフォームの場合

つまり

こういう事かな?

  • Submitボタンにマウスオーバーした時のaction先(actionプロパティの値)が表示される
  • onClickとonSubmitの時には「Warning」を出してくれるけど、他のイベントでは警告は出ない

トラックバック(1)

このブログ記事を参照しているブログ一覧: FormFox

このブログ記事に対するトラックバックURL: http://kinshachi.ddo.jp/mt/mt-tb.cgi/409

» Tarmadol online shop .(Tarmadol online shop .)~のトラックバック

Tarmadol online shop . 続きを読む

コメントする


画像の中に見える文字を入力してください。

このブログ記事について

このページは、ikeが2005年12月18日 01:55に書いたブログ記事です。

ひとつ前のブログ記事は「Cygwinのddコマンドでisoイメージを作成する」です。

次のブログ記事は「IE Tab」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

最近のコメント

Powered by Movable Type 4.261