Votre question

[Javascript] Retranscription dans mon panier avec l'option onclick ?

Tags :
  • Input
  • Programmation
Dernière réponse : dans Programmation
24 Mars 2010 16:17:09

Bonjour,

J'ai le grand projet de créer un panier en Javascript car mon éditeur WEB n'accepte pas la PHP. Comme j'ai déjà fait tout mon catalogue, cela m'embêterais de tout refaire. Malheureusement je ne suis pas bon en Javascript, mais j'ai vu que c'était possible :
Tuto

Ma question est la suivante :

J'aimerais ajouter un fonction onClick ou onSubmit que lorsqu'on clique sur le bouton, "Ajouter panier", ce qui est dans value pour le titre, la quantité et le prix de mon catalogue se mettent automatiquement dans les cases Titre, quantité et prix de mon panier. J'aimerais aussi intégrer un fonction que si la première ligne est prise, que cela se remplisse à la deuxième.

Est-ce que quelqu'un peut m'aider en faisant une ébauche de code car je n'y arrive pas ?

Merci

Nouveau :

J'ai composé le code suivant pour le premier champ du formulaire. Mais malheureusement, cela ne fait que copier le texte et cela ne vérifie pas si c'est déjà rempli.

  1. <input type="button" value="Ajouter au Panier" onClick="copier();"/>
  2. <script type="text/javascript">
  3. function copier(){
  4. document.ajout.title1.value = document.ajout.Titre1.value;
  5. document.ajout.quantite1.value = document.ajout.field12.value;
  6. document.ajout.prix1.value = document.ajout.field1.value;
  7. }
  8. </script>



Le problème est que je ne vois pas comment dire que si les camps ccTitre1, field12, field1 sont remplit, que cela aille se copier vers Titre 2, field13, field2 ou Titre 3, field14, field3.

Merci

Voici mes deux codes.

J'ai volontairement simplifier le code en réduisant le nombre de champs (10 à l'origine pour la panier, 30 pour la catalogue), en enlevant les couleurs, les disabled, les espaces, les images et les titres, pour que vous vous en sortiez plus facilement dans le code. Je peux mettre à la demande le code complet.



Mon catalogue :

  1. <html>
  2. <body>
  3.  
  4. <form method=post >
  5. <code type="html"><code type="html">
  6. <br>Titre:<input type="text" value="Jeux 1" name="Titre" id="title1">
  7. Quantité:
  8. <select id="quantite1">
  9. <option value="1">1</option>
  10. <option value="2">2</option>
  11. <option value="3">3</option>
  12. <option value="4">4</option>
  13. <option value="5">5</option>
  14. </select>
  15. Prix:<input type="texte" value="15" name="Prix" id="prix1">€
  16. <input type="submit" value="Ajouter au panier"/></br>
  17. </form>
  18.  
  19. <form method=post >
  20. <code type="html"><code type="html">
  21. <br>Titre:<input type="text" value="Jeux 1" name="Titre" id="title2">
  22. Quantité:
  23. <select id="quantite2">
  24. <option value="1">1</option>
  25. <option value="2">2</option>
  26. <option value="3">3</option>
  27. <option value="4">4</option>
  28. <option value="5">5</option>
  29. </select>
  30. Prix:<input type="texte" value="15" name="Prix" id="prix2">€
  31. <input type="submit" value="Ajouter au panier"/></br>
  32. </form>
  33.  
  34. </body>
  35. </html>



Mon panier :

  1. <html>
  2.  
  3. <head>
  4. <title>Panier</title>
  5.  
  6. <script type="text/javascript">
  7. function computeResult() {
  8.  
  9. var result = document.getElementById('result');
  10.  
  11. var value1 = document.getElementById('field1').value;
  12. var value2 = document.getElementById('field2').value;
  13.  
  14.  
  15. var quantity1 = document.getElementById('field12').value;
  16. var quantity2 = document.getElementById('field22').value;
  17.  
  18.  
  19. if (value1 && value2 && quantity1 && quantity2) {
  20. var A = value1 * quantity1;
  21. var B = value2 * quantity2;
  22.  
  23. result.value = parseInt(A) + parseInt(B)
  24. }
  25. }
  26.  
  27. function testInt(value) {
  28. return value == parseInt(value);
  29. }
  30. </script>
  31.  
  32.  
  33. </head>
  34.  
  35. <body>
  36.  
  37. <form method=post>
  38. <br>Titre<input type="text" id="Titre1">Quantité<input type="text" id="field12" onChange="computeResult();" value="0">Prix<input type="text" id="field1" onChange="computeResult();" value="0">€</br>
  39. <br>Titre<input type="text" id="Titre2">Quantité<input type="text" id="field22" onChange="computeResult();" value="0">Prix<input type="text" id="field2" onChange="computeResult();" value="0">€</br>
  40.  
  41.  
  42. <br>Prix Total :<input type="text" id="result" value="0"></input>€</br>
  43. </form>
  44.  
  45. </body>
  46. </html>

Autres pages sur : javascript retranscription panier option onclick

a c 232 L Programmation
25 Mars 2010 19:52:16

Salut,

C'est bien de vouloir faire ça en javascript, mais comment comptes-tu faire une fois que le panier sera rempli ? Il faudra que tu traites la commande, non ?

A mon avis, le plus simple serait que tu trouves un autre hébergeur qui support PHP...
m
0
l
25 Mars 2010 20:55:47

Le JavaScript n'est vraiment pas pratique pour ça... Tu vas galérer...

A+
m
0
l
Contenus similaires
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS