2009-07-22 7 views
0

:矢印をクリックすると送信ボタンの代わりにフォームトグルスイッチを作成するにはどうすればよいですか? 1のに似てスライディング/トグルボタンとして動作するように/スクリプト化スタイル可能なフォーム要素/ボタン、作成しますどのように

example toggle gif

を、それがフォームを送信してしまいますオフの場合は「オン」に、オフの場合はステータスをオンに変更し、それに応じてビジュアル表現を更新します。

答えて

1

最も簡単な方法:ボタンの代わりにイメージを使用してフォームを送信します。

例:http://www.webdevelopersnotes.com/tips/html/using_an_image_as_a_submit_button.php3

<input type="image" src="butup.gif" alt="Submit button"> 

その後、あなたがする必要があるのは、画像を変更です。もしあなたが望むならば、それを有効にすることさえできます。

- 注意怒鳴るなど

、あなたはまだだけCSSでそれを正しくスタイル昔ながら」ボタンを使用することができますタイプ=画像を使用しての問題点に到着する必要があります。

+0

入力タイプ=画像は複数のポストバックを引き起こす可能性があります – rahul

0

クリックすると、フォームをポストバックすることができます。アクションが完了した後にサーバー側で、イメージのURLを新しいものに変更することができます。

は、プレーンimgタグを使用してのonclickハンドラで入力タイプ=「画像」を使用しないでください

__doPostBack (parameter , argument); 

ようポストバック呼び出しを行います。複数のポストバックが発生します。

+0

この問題はブラウザ(古い)のようです。私はそのような問題を抱えてはいません。 http://www.codeproject.com/KB/aspnet/GVImageCommandButtonProb.aspx – b0x0rz

+0

私はIE6でこれに直面しています。 – rahul

+0

「複数のポストバック」は画像送信を使用する際には問題ありません。 IE6 *は画像入力にいくつか問題があります(入力の 'value'を正しく送信しません)が、フォームは1回だけ送信されます – Gareth

関連する問題