2 actions sur une seule liste de sélection

**cuisto2009** · 06/11/2009, 14h53

Bonjour à tous,

Je suis en train de créer un petit site de vente en ligne et je but sur un problème ( je suis débutant en programmation ) :

Lorsque le client veut acheter un produit, il peut choisir une option ( taille, couleurs ... ) via une liste de sélection, et ces options influent sur le prix, jusque là pas de problème.

Maintenant, j'aimerais que lorsque l'internaute choisit l'article avec une couleur rouge par exemple, l'image de cette article change également avec le prix.

J'arrive à faire les deux fonctions séparément mais pas à les combiner sur une seule liste de sélection.

Voilà, j'espère que c'est clair, si quelqu'un à une idée ça m'aiderais beaucoup ... Merci

**le_chomeur** · 06/11/2009, 15h05

appel ta méthode a l'intérieur de l'une d'elle

et montre nous ton code

**Bovino** · 06/11/2009, 15h07

Salut et bienvenue sur developpez !
Pour pouvoir répondre de façon précise, il faudrait avoir les portions de code correspondantes.
Ceci dit, il suffit à priori de lancer les deux fonctions successivement dans le onchange du select.

**Matthieu2000** · 06/11/2009, 15h14

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onchange="f1();f2()"

**cuisto2009** · 06/11/2009, 16h17

Merci pour vos réponse voici le script qui me permet de changer le prix en fonction de la couleur de l'article :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
////////////
 
<table class="wg-paragraph" width="100%">
 
<tbody>
 
<tr>
                                    <td>
                                    <h3>ARTICLE AVEC OPTIONS COULEURS</h3>
 
 
<div id="3-001-p0" style="display: none; font-size: 110%;">Prix: 20,00 &euro;</div>  
 
<div id="3-001-p1" style="display: none; font-size: 110%;">Prix: 45,00 &euro;</div>
 
<div id="3-001-p2" style="display: none; font-size: 110%;">Prix: 62,00 &euro;</div>
 
<div id="3-001-qtyinfo"></div>
 
 
DESCRIPTION DE L'ARTICLE - blablablablabla -
 
IMAGE DE L ARTICLE  : <img style="width: 50px; height: 18px;" alt="IMAGE ARTICLE" src="Image1.jpg">
 
 
 <div style="display: block;">
 
 <form name="3-001" style="margin: 0pt; padding: 8px 0pt 0pt;">
 
<div style="display: block;">Choisissez une Couleur :
 
<select id="3-001-3" name="ADDITIONALINFO"  onchange="DisplayItemInfo('3-001',0,0,3,0,0)">
 
 
                                      <option value="ROUGE^0">ROUGE</option>
                                      <option value="VERT^1">VERT</option>
                                      <option value="NOIR^2">NOIR</option>
                                      </select>
                                      <input value="Ajouter" onclick="AddToCart(this.form)" type="button">
 
 
 <input name="NAME"
 value="Nom de l'article" type="hidden"><input
 id="3-001-ref" name="ID_NUM" value="3-001^003"
 type="hidden"><input id="3-001-status"
 name="STATUS" value="0" type="hidden"><input
 id="3-001-price" name="PRICE" value="20"
 type="hidden"><input id="3-001-qtymax"
 name="QTYMAX" value="-1" type="hidden"></div>
                                    </form>
 
 
<script type="text/javascript" language="javascript">DisplayItemInfo('3-001',0,0,3,0,0);</script>
                                    </div>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
///////////////////
 
 
 
 
Je l'utilise avec ce script qui me permet je changer le prix de l'article en fonction des options ( je le charge dans la balise <head> ) : 
 
////////////////                   
 
var catprices = new Array();
var catshippings = new Array();
var catreferences = new Array();
var catquantities = new Array();
var catstatus = new Array();
catreferences[0] = new Array("003","004","005");
catquantities[0] = new Array(1,-1,-1);
catstatus[0] = new Array(1,0,0);
catprices[0] = new Array(20,45,62);
catshippings[0] = new Array(0,0,0);
 
 
//////////////

Donc tous ça fonctionne très bien, le but serait de pouvoir changer l'image en fonction des couleurs.

J'ai essayer de mettre les deux foncions dans le onchange mais ça ne marche pas ...

Merci encore.

2 actions sur une seule liste de sélection

JavaScript

Vue hybride

Discussions similaires

Partager

Partager