0

入力型のサブミットを使っていましたが、ボタン型に変更したいと思います。この目的のために、以下のコードを使用しました。

<div class="cartbutton">
     <input type="submit" name="shortname" value="product1" class="add_to_cart" />
     <div class="buttoninner">
          <div class="buttontext">Add to Cart</div><div class="cartimage"></div>
     </div>
</div>

buttoninner以下の CSS を使用して、input-type 送信の上に div 要素を配置しました。

.cartbutton {
    position: relative;
    width: 178px;
}

.add_to_cart {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 38px;
    opacity: 0;
    width: 177px;
    z-index: 2;
}

.buttontext {
    background-color: #333333;
    border: 0 none;
    color: white;
    cursor: pointer;
    float: left;
    font-family: "Segoe UI",helvetica,arial,sans-serif;
    font-size: 20px;
    padding: 5px 20px;
}
.cartimage {
    background-color: #F7941D;
    background-image: url("/Content/en-US/Sales/Images/small_cart.png");
    background-position: 5px 50%;
    background-repeat: no-repeat;
    float: left;
    height: 38px;
    width: 40px;
}
.buttoninner {
    position: absolute;
    top: 0;
    z-index: 1;
}

残念ながら、ボタンポストは機能していません。div 要素の背後にある送信ボタンをアクティブにするにはどうすればよいですか?

4

4 に答える 4

1 
 why are you using div you can use 
 <input type="image" src="image path">
  it also works like submit
于 2012-04-30T06:28:06.213 に答える
1 
<div class="cartbutton" >
 <input type="submit" name="shortname" value="product1" class="add_to_cart" />
 <div class="buttoninner">
 <div class="buttontext">Add to Cart</div><div class="cartimage"></div>
 </div>
 </div>

 <script type="text/javascript">
 $('.cartbutton').click(function(){
 $('#formid').submit();
  });
  </script>
 use jquery
于 2012-04-30T06:35:04.153 に答える
0

divをオーバーレイしたため、ボタンが実際にはクリックされていないため、理由がわかります。できることは、divにonclickイベントを与え、それを介して送信アクションを処理することです。その場合、個別の送信ボタンは必要ありません

于 2012-04-30T06:26:37.727 に答える
0

php echo の任意の場所にボタンを作成したり、印刷したりできます。Css クラスは必要に応じて変更できます。

print "<div class='links' id='edit-submit'><input type='button' class='form-submit' value='Signup to Invitation' onClick=\"location.href='?q=rsvp/".$rsvp->rid."/register';\" \></div>";
于 2012-10-08T13:28:10.673 に答える