2011-06-19 14 views
0
<input type="image"value="Delete" title="Delete" name="cmd_delete" src="bin/images/common/delete.png"/> 

上記のHTMLコードは、アプリケーションの[削除]ボタン用です。問題は、このボタンはFirefox 4では動作しませんが、他のブラウザでは機能します。どうすればいいのですか?Firefox 4でHTML入力(type = image)が機能しない

+0

@Kon。 – phihag

+0

@Kon 申し訳ありません申し訳ありません追加しました –

+0

正確には機能しません。サーバー側ではどのような価値がありますか? –

答えて

2

があなたの代わりに、入力の<button name="cmd_delete" value=""><img src=".."/></button>を使用することができます。 IE、FFでの作品に続き

11

基本的には、<input type="image">に背景画像のボタンがあることを悪用しています。 <input type="image">はイメージマップを表します。ボタン上のマウスの位置は、cmd_delete.xcmd_delete.yのパラメータとして送信されています。しかし、あなたはマウスの位置には興味がありません。それを通常の<input type="submit">に置き換え、CSSを使用して背景イメージを指定します。例えば。

input.delete { 
    background-image: url('bin/images/common/delete.png'); 
    width: 20px; 
    height: 20px; 
    border: 0; 
    cursor: pointer; 
} 

<input type="submit" name="cmd_delete" class="delete" value="" /> 

if (isset($_GET['cmd_delete'])) { 
    // Delete button pressed. 
} 
+0

あなたのansは正しいですが、私は最後のansを使用しました。ありがとう –

+0

@yan:あなたはIE6をサポートしたくない場合は、それはいいです。 – BalusC

1

てみてください、次のようにそれを確認してください。

<input type="button" class=”button” value="Delete" title="Delete" name="cmd_delete" /> 

.button{ 
     background: url('bin/images/common/delete.png') no-repeat top; 
} 
1

(とIE6、BalusC!):そのセットまたは空でない場合

<input type="submit" value="" style="background-image: url('bin/images/common/delete.png');width:262px;height:37px;border:0;cursor: pointer;" /> 
+0

私のIE6-failのコメントは自分の答えではなく、(現在受け入れ中の)lonut staicuの "最後のans"です。 – BalusC

0

ちょうど[ 'submit_x'] $ _REQUESTを確認してください。 古いタイプのブラウザでは、入力タイプの画像を使用するときに$ _REQUEST ['submit']を設定しません。 理由がわからない...

タグにCSSを適用する必要はありません。

-1

<button name="cmd_delete" value=""><img src=".."/></button>を使用した場合の問題は、画像の後ろにボタンが表示されることです。それは恐ろしいね。なぜこの否定は投票されたのです...それは本当です、私はそれを試みました!

1

と仮定します。今、固定

<input type="image" name="submit" src="signout.png" />

あなたがPHPを使用している場合は、

if(isset($_POST['submit_x']))` 

if(isset($_POST['submit'])) 

からコードを変更

関連する問題