ショッピングカートのシステムを作っており、個数を選択し、購入するボタンを押した段階でカートのページに遷移するプログラムを作成しております。
HTML内にページを遷移するJavascriptを記載し、ボタンにonclickを記載し、ボタンが押下された際にJavascriptを実行するように記載しましたが、
PCで動作させた際はカートページに遷移するのですが、Iphone×Safariで動作検証した所、ボタンを押下したらページが再読み込みされたような形になり、再度購入するボタンを押下した所カートページに遷移するという事象が発生しています。
HTML
1コード
2<!--遷移先のページに商品情報などを送る為のPHP -->
3<?php
4 include 'html/product.php';
5?>
6
7
8<script>
9function tocart(){
10 location.assign("http://example.co.jp/cart.php");
11}
12</script>
13
14
15<body>
16 <form id="product" action="" method="post" name="product">
17 <input type="hidden" name="product_cart" value="in">
18 <input type="hidden" name="order" id="order" value="0">
19 <input type="hidden" name="code[]" id="code" value="12345">
20 <div class="kosuu">
21 <p>商品個数</p>
22 <select name="kosuu" id="kosuu">
23 <option value="1">1</option>
24 <option value="2">2</option>
25 <option value="3">3</option>
26 </select>
27 </div>
28 <p class="kagiri"><img src="images/gentei.jpg" alt="限定3個まで"></p>
29 <input type="image" src="images/konyu.png" name="submit2" alt="購入する" class="btn03" value="購入する" onclick="tocart()">
30 </form>
31</body>
読み込んでいるPHPを追加させて頂きました。
PHP
1（product.php）
2if($_POST{'cart_mlt2'}){
3 $ord = $_POST{'order'};
4 $g_code = $_POST{'code'};
5 $new_kosu = $_POST{'kosuu'};
6
7 foreach($code as $value){
8 if($code && $new_kosu){
9 if (isset($_SESSION{'KOSU'}{$value})){
10 $pre_sosu = $_SESSION{'KOSU'}{$value};
11 $new_kosu = $pre_sosu + $new_kosu ;
12 }
13 $_SESSION{'KOSU'}{$value} = $new_kosu;
14 }
15 }
16}
17
18
19
調査したところ、Iphone×Safariでonclickが動作しないという事例で上記HTMLに以下のスタイルを追記しましたが結果は同様でした
html
1コード
2<style>
3.btn03 {
4 cursor: pointer;
5}
6</style>
PCでは発生しておらず、Iphone×Safariで発生しており、時折発生しない事もある為調査に行き詰っております。
知恵をお貸し頂けると幸いです