Projet panier marchand

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
scoubi
Messages : 2
Enregistré le : 28 sept. 2018, 19:54

Projet panier marchand

Message par scoubi » 28 sept. 2018, 20:13

Bonsoir à tous,

Petite présentation rapide, 46 ans programmeur amateur :mrgreen: , je suis plus alaise sur le Vba mais là je suis sur un projet en en javascript que je découvre.
Vous me direz allons, il y a des conditionnelles et des boucles avec des variables... comme avec le Vba :lol:

J'ai plusieurs problématiques et j'ai besoin d'un coup de main pour comprendre, merci par avance pour ceux qui prendrons le temps de me lire et aux autres qui me répondront :ugeek:

Donc nous sommes dans un projet de panier sur un site.

- Première problématique

j'ai mis des boutons radio car dans ce projet il y a 3 tailles possibles de l'objet

Ce que je voudrais c'est en fonction du bouton choisi récupérer 3 valeurs

- La réf, le nombre, et le prix

Pour l'instant je réussi à récupérer la réf

Code : Tout sélectionner


function teste() { 
  var m=0;
  for (i=0;i<6;i++) {
    if (document.forms.ee.dmc[i].checked==true) { 
      var fruit = document.forms.ee.dmc[i].value;
      m=i; 
      alert(fruit)
      break;
    }
  } 
}      
 </script>
 
 <TABLE BORDER="0" align="center" style="color:#ffffff;">
<TR> 
<td> 
<div style="text-align:center; width:200px; margin:auto;"><img src="D3X_2614.jpg" border="0" width="180" height="130" title="D3X_2614" >
<fieldset>
<legend style="color:#ffffff;">Cet article 1</legend>
<FORM name="ee">
<DIV><input type="radio" name="dmc" value="D3X_2614-En 10x15">En 10x15 : 15 €</DIV>
<DIV><input type="radio" name="dmc" value="D3X_2614-En 45x45">En 45x45 : 35 € </DIV>
<DIV><input type="radio" name="dmc" value="D3X_2614-En 60x60">En 65x65 : 60 € </DIV>
</FORM>
<span><label for="q">Quantité: </label>
<select id="qt1" name="q">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
</select></br>
</fieldset></br>
<button type="css3button" class="css3button" onclick="teste()"><span class="1"></span> Ajouter au panier</button>
</td>  
<td >
Si je clique sur l'un des trois boutons radio j'obtient bien le name dans une fenêtre popup (msgbox pour ceux qui font aussi du vba) :mrgreen:

mais je que je voudrais c'est récupérer le name, le prix et la valeur du champ qt1 dans un premier temps.

- peut on récupérer ces trois variables sans cliquer sur le bouton onclick="teste() ( car il va me servir à poster les trois variables dans le panier sujet de ma deuxième question par la suite) juste en sélectionnant le bouton radio ?


Merci par avance pour vos aides

Bien cordialement

Scoubi

scoubi
Messages : 2
Enregistré le : 28 sept. 2018, 19:54

Re: Projet panier marchand

Message par scoubi » 28 sept. 2018, 20:40

Bon j'ai éliminé de ma liste le nombre choisi dans qt1

Code : Tout sélectionner

<script type="text/javascript">    
function teste() { 
var select = document.getElementById("qt1" );
var valeur = select.options[select.selectedIndex].value;
  
  var m=0;
  for (i=0;i<6;i++) {
    if (document.forms.ee.dmc[i].checked==true) { 
      var fruit = document.forms.ee.dmc[i].value;
      m=i; 
      alert(fruit)
      alert(valeur)
      break;
    }
  } 
}      
 </script>
pour l'instant il me reste ou mettre le prix et le récupérer dans une variable et déclencher à la sélection du bouton radio

Répondre