Modification Champ Formulaire Panier

Version imprimable

Bonjour,

J'ai créé un système de panier pour mes photos.

J'ai un bouton sur une page portfolio qui permet d'ajouter des photos dans le panier.

Quand je vais sur ma page Panier j'ai la liste des photos sélectionnées avec le prix la quantité (voir précédemment) ce qui me donne le montant de l'achat

J'ai un input de type number sur la quantité et j'aimerai qu'en le faisant bouger le montant soit modifié.

J'ai essayé quelque chose mais comme je suis débutant en js cela ne marche pas.

Merci pour votre aide

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<div class="card-body ">
 
                    <form class="uk-form" method="post" action="" id="cart" name="cart">
                        <table class="uk-table">
                            <tr>
                                <th class="uk-text-center">Vignette</th>
                                <th class="uk-text-center">Index Photo</th>
                                <th class="uk-text-center">Référence Photo</th>
                                <th class="uk-text-center">Quantité </th>
                                <th class="uk-text-center">Prix Unitaire </th>
                                <th class="uk-text-center">Prix Total</th>
                            </tr>
<?php
                            if($nb_items>0)
                                {   
                                foreach($products as $product):
 
                                    $prix_total = ($product->salePrice * $_SESSION['panier'][$product->id]);
?>
                                    <tr>
                                        <td><img width="180" src=images/<?=$product->reference;?>></td>
                                        <td><?= $product->id;?></td>
                                        <td><?=$product->reference;?></td>
 
                                        <td><input class="quantity uk-input uk-form-width-small" type="number" min="0" name="panier[quantity][<?= $product->id;?>]" value="<?= $_SESSION['panier'][$product->id];?>" on click="document.forms['cart'].elements['panier[amount][<?= $product->id;?>]'].value = parseFloat(document.forms['cart'].elements['panier[quantity][<?= $product->id;?>]'].value) "></td>
 
 
 
                                        <td><input type="text" style="border: 0" readonly  id="price" class="price uk-input text-center" value="<?= number_format($product->salePrice, 2, ',', ' ') ;?>"></td>
 
 
                                        <td ><input type="text" style="border: 0" readonly   name="panier[amount][<?= $product->id;?>] text-center" value="<?= number_format($prix_total, 2, ',', ' ') ;?>"></td>
 
 
                                        <td><a class="confirmModal" href="index.php?p=carts.delete&id=<?=$product->id ;?>" ><img src="librairies/icones/delete.gif" width="25px"></a></td>
                                    </tr> 
                                <?php endforeach;?>
<?php                                
                                    } //Fin Nb Items
?>                                
                            </table>
                            <p><input type="submit" value ="Recalculer"></p>
                        </form>
<?php
                     }
?>           
 
    </div>    
</div>

07/04/2020, 17h55
javatwister

Bonjour,

on clickn'est pas un événement javascript...

Attention à ne pas mélanger php et javascript dans le code pour bien mesurer les fonctionnalités que tu ajoutes à ta page;
09/04/2020, 18h32
antidote75

Merci pour la réponse, désolé je pensais que on click était un évènement js
09/04/2020, 20h18
ProgElecT

Salut

Citation:

Merci pour la réponse, désolé je pensais que on click était un évènement js

onclick= (sans espace), ta ligne 25 du code que tu nous a mis, lui est un évènement d'éléments HTML :D

Merci pour la nuance.

J'ai essayé de faire avec un script pour rajouter un montant de +1 quand on appuie sur le bouton Ajouter mais je n'y arrive que pour la première ligne et en plus le montant repasse à la quantité antérieure.

Comment pourrais je faire pour remédier à cela.

Merci d'avance.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<form method="post" action="" name="panier">
 
<table style="width: 400px">
    <tr>
        <td colspan="4">Votre panier</td>
    </tr>
    <tr>
        <td>Libellé</td>
        <td>Quantité</td>
        <td>Prix Unitaire</td>
        <td>Action</td>
    </tr>
 
 
<?php
    
    $nbArticles=count($_SESSION['panier']['libelleProduit']);
       
    if ($nbArticles <= 0)
        echo "<tr><td>Votre panier est vide </ td></tr>";
    else
       {
        for ($i=0 ;$i < $nbArticles ; $i++)
          {
?>            
            <tr>
                <td><?=$_SESSION['panier']['libelleProduit'][$i]?></td>
                <td><input type="text" size="4" name="q" id="q[$i]" value="<?=$_SESSION['panier']['qteProduit'][$i]?>"/><button id="plus[$i]">Ajouter</button>
                </td>
            </tr>
<?php
       }
    }
?>
    </table>
</form>
 
<script>
 
    for ($i=0 ;$i < 1 ; $i++)
       {
        document.getElementById("plus[$i]").addEventListener("click", function(){
 
        document.getElementById("q[$i]").value = Number(document.getElementById("q[$i]").value) + 1;
        });
 
        }
 
</script>