array.join entre array !

**akyo_** · 26/11/2008, 18h53

Bonjour à tous,

étant complètement débutant dans le monde du développement en général je vais essayer d'être le plus explicite possible.

J'essaye de développer un petit trombinoscope basé sur php/MySQL, tout fonctionne comme je le souhaite il ne me reste plus qu'à faire en sorte que l'on puisse ressortir les infos souahitée !

Pour se faire je joue sur ce que j'appelle des catégories qui sont service, responsable, etc...

Je veux faire en sorte que lorsque je clique sur une checkbox ma condtion se construise tout seul, voila ce a quoi j'arrive :

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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
        <title>Trombinoscope</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
        <script type="text/javascript">
        elements_requete_service = new Array();
        elements_requete_responsable = new Array();
 
        function check_service(val_input, valeur_condi)
        {
        if (val_input)
            {
            elements_requete_service.push(valeur_condi);
            }
            else
                {
                for(var i = 0; i < elements_requete_service.length; ++i)
                    {
                    if(elements_requete_service[i] == valeur_condi)
                        {
                        elements_requete_service.splice(i,1);
                        }
                    }
                }
        document.getElementById('conditions_requete').value =  elements_requete_service.join(' OR ');
        document.getElementById('conditions_requete_visu').value =  elements_requete_service.join(' OR ');
        }
 
        function check_responsable(val_input, valeur_condi)
        {
        if (val_input)
            {
            elements_requete_responsable.push(valeur_condi);
            }
            else
                {
                for(var i = 0; i < elements_requete_responsable.length; ++i)
                    {
                    if(elements_requete_responsable[i] == valeur_condi)
                        {
                        elements_requete_responsable.splice(i,1);
                        }
                    }
                }
        document.getElementById('conditions_requete_2').value =  elements_requete_responsable.join();
        document.getElementById('conditions_requete_visu_2').value =  elements_requete_responsable.join();
        }
        </script>
    </head>
 
    <body>
 
            <h1><u>Filtre trombinoscope :</u></h1>
 
            <p>Cochez les options pour lesquelles vous souhaitez avoir le personnel :</p>
 
            <form action="test.php" method="post">
 
                <TABLE BORDER>
                    <TR>
                        <TD WIDTH=250 HEIGHT=150>
                            Service :<br /><br />
 
                            <input type="checkbox"  id="administratif" onClick="check_service(this.checked, 'SERVICE = \'administratif\'');" tabindex="10" /><label for="administratif"> Administratif</label><br>
                            <input type="checkbox"  id="condibg" onClick="check_service(this.checked, 'SERVICE = \'condibg\'');" tabindex="20" /><label for="condibg"> Conditionnement BG</label><br>
                            <input type="checkbox"  id="condilmg" onClick="check_service(this.checked, 'SERVICE = \'condilmg\'');" tabindex="30" /><label for="condilmg"> Conditionnement LMG</label><br>
                            <input type="checkbox"  id="entretien" onClick="check_service(this.checked, 'SERVICE = \'entretien\'');" tabindex="40" /><label for="entretien"> Entretien</label><br>
                            <input type="checkbox"  id="expedition" onClick="check_service(this.checked, 'SERVICE = \'expedition\'');" tabindex="50" /><label for="expedition"> Expédition</label><br>
                            <input type="checkbox"  id="maintenance" onClick="check_service(this.checked, 'SERVICE = \'maintenance\'');" tabindex="60" /><label for="maintenance"> Maintenance</label><br>
                            <input type="checkbox"  id="pain" onClick="check_service(this.checked, 'SERVICE = \'pain\'');" tabindex="70" /><label for="pain"> Pain</label><br>
                            <input type="checkbox"  id="patisserie" onClick="check_service(this.checked, 'SERVICE = \'patisserie\'');" tabindex="80" /><label for="patisserie"> Pâtisserie</label>
                        </TD>
 
                        <TD WIDTH=250 HEIGHT=150>
                            Responsabilités :<br /><br />
 
                            <input type="checkbox"  id="responsable" onClick="check_responsable(this.checked, 'RESPONSABLE = \'checked\'');" tabindex="90" /><label for="responsable"> Responsable ?</label><br>
                            <input type="checkbox"  id="dp" onClick="check_dp(this.checked, 'DP = \'checked\'');" tabindex="100" /><label for="dp"> Délégué du personnel ?</label><br>
                            <input type="checkbox"  id="chsct" onClick="check_chsct(this.checked, 'CHSCT = \'checked\'');" tabindex="110" /><label for="chsct"> CHSCT ?</label><br>
                        </TD>
 
                        <TD WIDTH=250 HEIGHT=150>
                            Type de contrat :<br /><br />
 
                        </TD>                       
                    </TR>
                </TABLE>
 
                <input type="hidden" name="conditions_requete" id="conditions_requete" value="Aucune case cochée" />
                <input type="text" name="conditions_requete_visu" id="conditions_requete_visu" value="Aucune case cochée" />
 
                <input type="hidden" name="conditions_requete_2" id="conditions_requete_2" value="Aucune case cochée" />
                <input type="text" name="conditions_requete_visu_2" id="conditions_requete_visu_2" value="Aucune case cochée" />
 
                <input type="submit" value="Valider" />           
            </form>
 
    </body>
</html>

J'arrive donc pour une catégorie à avoir par exemple SERVICE='maintenance' OR SERVICE = 'pain' et aussi RESPONSABLE="checked"

la ou le bas blesse c'est que je voudrais mettre un AND entre ces array automatiquement (comme c'est fait pour le OR) car il se peut que seulement responsable soit coché par exemple...

Je ne vois pas comment m'y prendre mis à part avec un bout de code php super long et tordu...

Existe t'il une reste miracle à mon mal ?

Merci par avance à ceux qui auront eu la patience de lire tout ce post, si je ne suis pas clair (ce dont je ne doute pas) n'hésitez pas à me demander des précisions.

**SpaceFrog** · 26/11/2008, 19h15

concat non ?

Code :

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

1
2
3
4
5
 
var Array1=new Array("coucou", "salut");
var Array2=new Array("ça va ?", "Bien merci";
var ArrayConcat=Array1.concat(Array2)
alert(ArrayConcat)

**akyo_** · 27/11/2008, 09h59

De ce que j'ai compris le concat ne me permet pas d'ajouter de chaine de caractère (le fameux AND) ?

Ce que je voudrais pouvoir faire c'est savoir si quels array sont non-vides et les mettre bout à bout avec un AND entre chaque. C'est possible?

Sinon que pensez vous de mon bout de code ? Etant novice je recherche des avis extérieurs constructif

Merci par avance !

**SpaceFrog** · 27/11/2008, 10h05

non AND ne mettra pas bout à bout ...

si c'est juste faire afficher le contenu

Code :

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

1
2
3
 
var affichage=((array1.length>0)?array1.join(' '):'')+((array2.length>0)?array2.join(' '):'') 
alert (affichage)

**akyo_** · 27/11/2008, 10h42

Je ne veux pas que AND mette bout à bout mes array mais que la chaine AND soit insérée entre les array si elle sont non vides...

**SpaceFrog** · 27/11/2008, 11h00

Code :

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

1
2
var affichage=((array1.length>0)?array1.join(' ')+' AND ':'')+((array2.length>0)?array2.join(' '):'') 
alert (affichage)

**akyo_** · 27/11/2008, 12h18

Et je t'embrasse sur la bouchez gentille grenouille.

Merci beaucoup !

**SpaceFrog** · 27/11/2008, 12h36

Code :

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

alert((akyo_== fille)?'avec plaisir':'pouark ça va pas la tête');

**akyo_** · 27/11/2008, 15h25

En fait une dernière question pourquoi ce code ne marche pas:

Code :

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

1
2
var affichage=((array1.length>0)?array1.join(' '):'')+(((array2.length>0) && (array1.length>0))?'AND'+array2.join(' '):'array2.join(' ')') 
alert (affichage)

**SpaceFrog** · 27/11/2008, 15h30

parce que la syntaxe est:

Code :

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

var affichage=((array1.length>0)?array1.join(' '):'')+(((array2.length>0) && (array1.length>0))?('AND'+array2.join(' ')):array2.join(' '))

**akyo_** · 27/11/2008, 15h45

après modif, ça :

Code :

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

1
2
 
((array1.length>0)?array1.join(' OR '):'')+(((array2.lenght>0) && (array1.lenght>0))?(' AND '+array2.join('')): array2.join(''));

Ne marche pas

il ne me sort jamais la conditions avec le AND même si mes 2 checkbox sont cochées

En feintant j'arrive à obtenir le résultat escompté, à la fin des fonctions j'envoie dans une autre fonction pour faire la meme chose et ca marche....mais pourquoi ça ça marche :

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
 
		<script type="text/javascript">
		elements_requete_service = new Array();
		elements_requete_responsable = new Array();
 
		function check_service(val_input, valeur_condi) 
		{
		if (val_input) 
			{
			elements_requete_service.push(valeur_condi);
			}
			else
				{
				for(var i = 0; i < elements_requete_service.length; ++i)
					{
					if(elements_requete_service[i] == valeur_condi)
						{
						elements_requete_service.splice(i,1);
						}
					}
				}
		document.getElementById('conditions_requete').value =  elements_requete_service.join(' OR ');
		document.getElementById('conditions_requete_visu').value =  elements_requete_service.join(' OR ');
		check_test(elements_requete_service.join(' OR '), elements_requete_responsable.join());
		}
 
		function check_responsable(val_input, valeur_condi) 
		{
		if (val_input) 
			{
			elements_requete_responsable.push(valeur_condi);
			}
			else
				{
				for(var i = 0; i < elements_requete_responsable.length; ++i)
					{
					if(elements_requete_responsable[i] == valeur_condi)
						{
						elements_requete_responsable.splice(i,1);
						}
					}
				}
		document.getElementById('conditions_requete_2').value =  elements_requete_responsable.join();
		document.getElementById('conditions_requete_visu_2').value =  elements_requete_responsable.join();
		check_test(elements_requete_service.join(' OR '), elements_requete_responsable.join());
		}
 
		function check_test(array1, array2) 
		{
		document.getElementById('conditions_requete_visu_3').value = ((array1!='')?array1:'')+(((array2!='') && (array1!=''))?(' AND '+array2): array2);
		}

et pas ca :

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
 
		<script type="text/javascript">
		elements_requete_service = new Array();
		elements_requete_responsable = new Array();
 
		function check_service(val_input, valeur_condi) 
		{
		if (val_input) 
			{
			elements_requete_service.push(valeur_condi);
			}
			else
				{
				for(var i = 0; i < elements_requete_service.length; ++i)
					{
					if(elements_requete_service[i] == valeur_condi)
						{
						elements_requete_service.splice(i,1);
						}
					}
				}
		document.getElementById('conditions_requete').value =  elements_requete_service.join(' OR ');
		document.getElementById('conditions_requete_visu').value =  elements_requete_service.join(' OR ');
		document.getElementById('conditions_requete_visu_3').value=((elements_requete_service.length>0)?elements_requete_service.join(' OR '):'')+(((elements_requete_responsable.lenght>0) && (elements_requete_service.length>0))?(' AND '+elements_requete_responsable.join('')) : elements_requete_responsable.join(''));
		}
 
		function check_responsable(val_input, valeur_condi) 
		{
		if (val_input) 
			{
			elements_requete_responsable.push(valeur_condi);
			}
			else
				{
				for(var i = 0; i < elements_requete_responsable.length; ++i)
					{
					if(elements_requete_responsable[i] == valeur_condi)
						{
						elements_requete_responsable.splice(i,1);
						}
					}
				}
		document.getElementById('conditions_requete_2').value =  elements_requete_responsable.join();
		document.getElementById('conditions_requete_visu_2').value =  elements_requete_responsable.join();
		document.getElementById('conditions_requete_visu_3').value=((elements_requete_service.length>0)?elements_requete_service.join(' OR '):'')+(((elements_requete_responsable.lenght>0) && (elements_requete_service.length>0))?(' AND '+elements_requete_responsable.join('')): elements_requete_responsable.join(''));
		}
		</script>

Le mystère reste entier pour moi

array.join entre array !

JavaScript

Discussions similaires

Partager

Partager