Récuperer des données par rapport a des cases d'option

Version imprimable

Salut

J'ai le code suivant :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<form method="POST" action="--WEBBOT-SELF--">
    <!--webbot bot="SaveResults" U-File="_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
    <p>
    <input type="radio" name="R1" value="1" checked="checked"> ST&nbsp;&nbsp;&nbsp;
    <input type="radio" name="R1" value="2"> AT
    </p>
    <p>
    <input type="radio" name="R2" value="3" checked = "checked"> J1&nbsp;&nbsp;&nbsp;
    <input type="radio" name="R2" value="4"> J2&nbsp;&nbsp;&nbsp;
    <input type="radio" name="R2" value="5"> J3&nbsp; 
    </p>
</form>

Toutefois, je voudrais pouvoir en "récupérer" des infos :
Par exemple recuperer l'info que j'ai AT et J3 des cochés (sous forme de variante par exemple

Merci de votre aide

03/03/2010, 01h28
nsanabi

en html ce n'est pas faisable
tu peut recourir à du javascript coté client, ou en utilisant une technologie serveur avec php, asp ou autre
03/03/2010, 09h10
FCL31

Je te remercie mais si tu pouvais m'en dire un peut plus STP
Je sais pas vraiment faire : je suis novice en la matière
03/03/2010, 10h42
nsanabi

la question est: qu'est ce que tu veux faire avec tes variables une fois récupérées?
si c'est pour les afficher ou changer directement en fonctions de leurs valeurs quelques "chose" sur ta page alors ce sera du javascript, je te renvoi à ce post, je te conseil de te documenter sur le langage javascript et les objets du DOM.

si tu veux les stocker sur une base de données tu utilise du php ou autre langage similaire.

Je te remercie et je pense que le lien du post que tu ma donné est se que je veu

j'ai mis le code suivant :

Code:

1
2
3
4
5
6
<form name="form3" onsubmit="Choix();">
    <input type="radio" name="R1" value="1" checked="checked"> Sans Toit&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <img border="0" src="images/Cobra Ext1/1.jpg" width="254" height="182" style="position: absolute; left: 150; top: 600">
    <input type="radio" name="R1" value="2"> Avec Toit
    <img border="0" src="images/Cobra Ext1/2.jpg" width="254" height="182" style="position: absolute; left: 150; top: 600">
</form>

toutefois, il est mentionné un code en JavaScript :

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
<script language="JavaScript" type="text/javascript">
  function smiley()
  {
              with(document.poster)
              {
                          var i = 1;
                          for(i=0,i<="19",i++)
                          {          
                                     var test = prompt(i);
                                     if(document.FormSmiley.ratio[i].checked == true)
                                     {
                                                 if(msg.createTextRange)
                                                 {
                                                             var text;
                                                             msg.focus(msg.caretPos);
                                                             msg.caretPos = document.FormSmiley.selection.createRange().duplicate();
                                                             msg.value = document.ratio[i].value;
                                                 }
                                                 else
                                                 {
                                                             msg.value = document.ratio[i].value;
                                                 }
                                     }
                          }
              }
  }
  </script>

Toutefois, j'ai du mal à le comprendre et a l'appliqué a se que je veut

Donc un peut d'aide sur cette partie la (si l'autre est bonne), me ferrais beaucoup plaisir SVP

03/03/2010, 12h53
andry.aime

Bonjour,
De premiere vue:

Citation:

var i = 1;
for(i=0,i<="19",i++)

Code:

for(var i=0;i<=19;i++)
03/03/2010, 13h00
FCL31

Merci

Déjà sa ne me marque plus de message d'erreur

Toutefois, sa ne marche pas
Mais ne faut-il pas mettre onchange quelque part ???

Et/Ou n'y a t'il pas quelque chose a modifier quelque part pour que sa marche avec mon code ??
03/03/2010, 13h03
nsanabi

Citation:

Envoyé par FCL31

]Toutefois, j'ai du mal à le comprendre et a l'appliqué a se que je veut

je t'aiderai volontiers, mais il faut préciser ce que tu cherche à faire exactement
03/03/2010, 13h08
FCL31

Pour précisé :

J'ai une image sur ma page
en dessous de cette image, j'ai des "case d'option"
je veu que lorsque je selectionne une case, sa me remplace l'image par une autre

tu met cette fonction dans la partie head
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <script>  </script>
et tu modifie ton formulaire comme suit:
Code:

1 2 3 4 5 6 7 <form name="form3" onsubmit="Choix();"> <input type="radio" name="R1" value="1" checked="checked" onclick="changerImage();"> Sans Toit              <input type="radio" name="R1" value="2" onclick="changerImage();" > Avec Toit </form> <img id="uneImage" border="0" src="1" width="254" height="182" />
j'ai préféré mettre une seul balise <IMG> à qui je change l'attribut src plutôt que de mettre deux images où l'une sera caché (image1.style.display="none"; ) quand l'autre sera visible, en alternance.
je te déconseille l'utilisation des positions absolute, mais cela dependra de ce que tu cherche à faire
bon codage

03/03/2010, 17h30
FCL31

Merci mais mais comment sa va chercher l'image

Code:

<img border="0" src="images/Cobra Ext1/1.jpg" width="254" height="182"

par exemple ???
03/03/2010, 17h43
nsanabi
avec une concaténation :
Code:

1 2 image.src="images/Cobra Ext1/"+document.form3.R1[i].value+".jpg";
remarque: évite de mettre des espaces dans les noms de tes dossiers ("Cobra Ext1" par exemple)
03/03/2010, 18h02
FCL31
C'est se que j'ai fait en attendent ta réponse et sa marche : cool :) !

Toutefois, (je vais être pénible) je voudrais qu'une image soit affiché par défaut a l'ouverture de la page ; par exemple images/Cobra Ext1/1.jpg

De plus pour étre encore plus pénible, je voudrais mettre d'autres option (avec trois choix)

il me faudrais donc avoir un truc du style :
Code:

1 2 image.src="images/Cobra Ext1/"+document.form3.R1[i].value+document.form3.R2[i].value ".jpg";
mais je sais vraiment où modifier

Merci de votre aide

Citation:

Envoyé par FCL31

je voudrais qu'une image soit affiché par défaut a l'ouverture de la page

tu precise cette image directement sur ta balise img :
Code:

1 2 <img id="uneImage" border="0" src="iciiiiiiii" width="254" height="182" />
pour faire ça avec deux groupe de boutons radio, tu modifi ton code javascript :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <script>  </script>
bien sur ne pas oublier d'appeler la fonction en mouseclick de tes boutons radio du deuxième groupe

Code:

onclick="changerImage();"

Merci nsanabi malgré que se que tu m'a donné me paret pas mal, sa marche pas

Voici mon code complet (j'ai peut être fais une erreur quelque part)

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
50
51
52
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="fr">
<title>Page Produits GLX</title>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="Microsoft Theme" content="copie-de-ardoise-1- 1011, default">
<meta name="Microsoft Border" content="tlb, default">
</head>
--------------------------------------------------------------------------------------------------------------------- 
<script>
function changerImage(){
    image=document.getElementById("uneImage");
        chemin="images/Cobra Ext1/";
    for(i=0;i<nbrDeRadioR1;i++){
         if(document.form3.R1[i].checked){
                   chemin+=document.form3.R1[i].value;
          }
    }
    for(i=0;i<nbrDeRadioR2;i++){
         if(document.form3.R2[i].checked){
                   chemin+=document.form3.R2[i].value;
          }
    }
       chemin+=".jpg";
       image.src=chemin;
}
</script>
<!-- --------------------------------------------------------------------------------------------------------------------- -->
<!-- --------------------------------------------------------------------------------------------------------------------- -->
<body>
<p>
&nbsp;</p>
<p>
<img id="uneImage" border="0" src="images/Cobra Ext1/13.jpg" width="254" height="182" />
</p>
<!-- --------------------------------------------------------------------------------------------------------------------- -->
<form name="form3" onsubmit="Choix();">
    <input type="radio" name="R1" value="1" checked="" onclick="changerImage();"> Sans Toit&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="radio" name="R1" value="2" onclick="changerImage();" > Avec Toit
    <p>
    <input type="radio" name="R2" value="3" checked="" onclick="changerImage();"> Jantes Type 1&nbsp;&nbsp;&nbsp;
    <input type="radio" name="R2" value="4" onclick="changerImage();"> Jantes Type 2&nbsp;&nbsp;&nbsp;
    <input type="radio" name="R2" value="5" onclick="changerImage();"> Jantes Type 3
    </p>
</form>
<!-- --------------------------------------------------------------------------------------------------------------------- -->
<!-- --------------------------------------------------------------------------------------------------------------------- -->
</body>
</html>

le problème ne pourrait t'il pas venir du fait que les value soit des chiffres (par hasard) ??

il ne fallait prendre le code que je t'ai fourni et l'integrer comme tel, il fallait d'abord l'adapter à ton cas :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script>
function changerImage(){
    image=document.getElementById("uneImage");
        chemin="images/Cobra Ext1/";
//remplace nbrDeRadioR1 par le nombre de tes radios R1 je pense que c 2 dans ton cas
    for(i=0;i<nbrDeRadioR1;i++){
         if(document.form3.R1[i].checked){
                   chemin+=document.form3.R1[i].value;
          }
    }
//remplace nbrDeRadioR1 par le nombre de tes radios R2 je pense que c 3 dans ton cas
    for(i=0;i<nbrDeRadioR2;i++){
         if(document.form3.R2[i].checked){
                   chemin+=document.form3.R2[i].value;
          }
    }
       chemin+=".jpg";
       image.src=chemin;
}
</script>

04/03/2010, 10h50
FCL31

Excuse moi je suis trop naze

Mais sa change rien malheureusement

Mais je comprend pas trop

Code:

chemin+=document.form3.R1[i].value;

Il me parraitrait plus logique d'avoir un truc du style

Code:

chemin=chemin+document.form3.R1[i].value;

Mais j'y connais pas grand chose contrairement a toi

les deux sont équivalentes en javascript.

Code:

1
2
3
4
5
x+=y <=> x=x+y
x-=y <=> x=x-y
x*=y <=> x=x*y
x/=y <=> x=x/y
...

j'ai tester le code chez moi il fonctionne.
vérifie les noms de tes images : "14.jpg", "24.jpg" ... si elle sont bien dans ton dossier "images/Cobra Ext1/"
vérifier si l'extension .JPG n'est pas en majuscule:

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
50
51
52
53
54
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="fr">
<title>Page Produits GLX</title>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="Microsoft Theme" content="copie-de-ardoise-1- 1011, default">
<meta name="Microsoft Border" content="tlb, default">
</head>
--------------------------------------------------------------------------------------------------------------------- 
<script>
function changerImage(){
    image=document.getElementById("uneImage");
        chemin="images/Cobra Ext1/";
    for(i=0;i<2;i++){
         if(document.form3.R1[i].checked){
                   chemin+=document.form3.R1[i].value;
          }
    }
    for(i=0;i<3;i++){
         if(document.form3.R2[i].checked){
                   chemin+=document.form3.R2[i].value;
          }
    }
       chemin+=".jpg";
       image.src=chemin;
	   alert(chemin);//à enlever c juste pour verifier la valeur de chemin
}
</script>
<!-- --------------------------------------------------------------------------------------------------------------------- -->
<!-- --------------------------------------------------------------------------------------------------------------------- -->
<body>
<p>&nbsp;
</p>
<p>
<img id="uneImage" border="0" src="images/Cobra Ext1/13.jpg" width="254" height="182" />
</p>
<!-- --------------------------------------------------------------------------------------------------------------------- -->
<form name="form3" onsubmit="Choix();">
    <input type="radio" name="R1" value="1" checked="" onclick="changerImage();"> Sans Toit&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="radio" name="R1" value="2" onclick="changerImage();" > Avec Toit
    <p>
    <input type="radio" name="R2" value="3" checked="" onclick="changerImage();"> Jantes Type 1&nbsp;&nbsp;&nbsp;
    <input type="radio" name="R2" value="4" onclick="changerImage();"> Jantes Type 2&nbsp;&nbsp;&nbsp;
    <input type="radio" name="R2" value="5" onclick="changerImage();"> Jantes Type 3
    </p>
</form>
<!-- --------------------------------------------------------------------------------------------------------------------- -->
<!-- --------------------------------------------------------------------------------------------------------------------- -->
</body>
</html>

04/03/2010, 13h26
FCL31

Merci beaucoup sa marche :ccool:

Je sais pas se que j'avais fait pour que sa marche pas chez moi :koi:

en tout cas, MERCI de t'être pris la tête pour moi

:merci:

J'ai toutefois, un nouvelle requête (je sais je suis pénible mais c'est la faute de celui pour qui je fait le site) :

Maintenant, il voudrais savoir si il y a moyen de remplacer les case d'option par des boutons (sans que se soit trop le bordel)

Merci d'avance

cela possible, en utilisant des variables globales par exemple :

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
</head>
--------------------------------------------------------------------------------------------------------------------- 
<script>
var toit=1;
var jante=3;
function changerImage(){
    image=document.getElementById("uneImage");
        chemin="images/Cobra Ext1/"+toit+jante+".jpg";
		image.src=chemin;
}
</script>
<!-- --------------------------------------------------------------------------------------------------------------------- -->
<!-- --------------------------------------------------------------------------------------------------------------------- -->
<body>
<p>&nbsp;
</p>
<p>
<img id="uneImage" border="0" src="images/Cobra Ext1/13.jpg" width="254" height="182" />
</p>
<!-- --------------------------------------------------------------------------------------------------------------------- -->
<form name="form3" onsubmit="Choix();">
    <p>
      <input name="button" type="button" id="button" onClick="toit=1;changerImage();" value="sans toit">
      <input name="button2" type="button" id="button2" onClick="toit=2;changerImage();" value="avec toi">
    </p>
    <p>
      <input type="button" name="button3" id="button3" value="Jantes Type 1" onClick="jante=3;changerImage();">
      <input type="button" name="button4" id="button4" value="Jantes Type 2" onClick="jante=4;changerImage();">
      <input type="button" name="button5" id="button5" value="Jantes Type 3" onClick="jante=5;changerImage();">
    </p>
</form>
<!-- --------------------------------------------------------------------------------------------------------------------- -->
<!-- --------------------------------------------------------------------------------------------------------------------- -->
 
 
</body>

04/03/2010, 14h45
FCL31

C'est COOOL sa marche nikel !!!

Merci nsanabi :ccool:

Heureusement que tu est la !! :yaisse2:

:lahola:
04/03/2010, 14h47
nsanabi

:) content pour toi, mais n'oubli pas de mettre résolu si c'est bon