P5_Pisu_Clement/product.html at main · Vehementz/P5_Pisu_Clement · GitHub

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="public/product.css">
  <link rel="shortcut icon" href="#">

  <!---  Google font begin  -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <!-- <link href="https://fonts.googleapis.com/css2?family=Mate+SC&family=Style+Script&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Alkalami&display=swap" rel="stylesheet">  -->
  <link href="https://fonts.googleapis.com/css2?family=Style+Script&display=swap" rel="stylesheet">


   <!---  Google font end  -->
  <title>Orinoco photo</title>
</head>
<body>
  <nav id="navigation">
    <div id="cart-link-container">
      <a id="link-to-product" href="./home.html">Nos Produits</a>
      <a href="./cart.html">Panier <span id="nb-in-cart"></span>
    </div>
    </a>
  </nav>

  <main class="product_page">
  <h1>La caméra</h1>


  <div class="product-container">
    <div id="product-card-container">
      <img id="product-card-img">
      <div id="product-container-description">
        <div id="name-price-container">
          <h2 id="product-titre"></h2>
          <p id="product-price"></p>
        </div>
        <p id="product-description"></p>
        <div id="product-card-quantity">
          <label id="lens-quantity-label" for="lens-quantity">Quantité :</label>
          <input id="lens-quantity-input" type="number" name="lens" value="1" min="1">
        </div>
        <div id="product-card-size">
          <form class="product-card-size-form">
            <label id="lens-quantity-size" for="color-select">Taille:</label>
            <select id="lens-size-select" name="size">
            </select>
          </form>
        </div>

        <button id="product-add-to-cart-btn" type="submit" name="btn-send">
          Ajouter au panier
        </button>

      </div>
    </div>


  </div>

</main>

  <footer>
    <p>Orinoco</p>
  </footer>


</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="./productSelected.js"></script>
<script src="./nbProductToHtml.js"></script>
<script>


  // $.ajax({
  //   'url': `http://localhost:3000/api/cameras/${urlSearchParams.get("id")}`,
  //   'type': 'GET',
  //   'dataType': 'json',
  //   success: function(response) {

  //   $('#titre').html(response.name);
  //   $('#img-title').html(response.description);
  //   let imgTag = `<img src="${response.imgUrl}" alt="${response.name}" >`;
  //   $("#img-container").html(imgTag);

  //   },
  //   error: function(response) { console.log(response.statusText); } });


</script>

</html>