Tableau , stocker données

Version imprimable

16/06/2008, 09h57
marty499

Tableau , stocker données

Bonjour,
voila j'ai un SELECT , et un bouton et j'aimerai que lorsque j'appuie sur le bouton ca stocke la valeur du select dans un tableau javascript ( que j'affiche ensuite et ou j'ai la possibilité de supprimer les valeurs a l'intérieur )
je sais pas si vous voyez ce que je veux dire ? et si c'est possible ?
16/06/2008, 10h03
SpaceFrog

oui avec push et splice
16/06/2008, 10h11
marty499

c'est à dire ?
aurais tu un exemple ? je suis en train de regarder sur google mais pour l'instnant jtrouve rien de convaincant

Si tu as un exemple d'utilisation de splice, je suis preneur, je n'en ai jamais entendu parler.

Pour un exemple de push, je te redonne un ancien exemple de SpaceFrog :D

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//On attrappe tous les inputs
		TabInputs=document.getElementsByTagName('input');
		//On prepare un tableau pour y stcoker les checkboxes
		TabChecks=new Array();
 
		//On parcoure la collection des inputs pour mettre les checkboxes dans l'array
		for(i=0;i<TabInputs.length;i++){
        	if(TabInputs[i].type=='checkbox'){TabChecks.push(TabInputs[i])}
		}
		//Voilà maintenant TabChecks ne comporte que les checkboxes de la page 
		//Verfions maintenant lesquelles sont cochés
		var Checked= new Array()
 
		for (i=0;i<TabChecks.length;i++){
              if(TabChecks[i].checked){Checked.push(TabChecks[i].name)}
		}
	 	// Voilà Checked[i] comporte le nom de tous les checkboxes cochés ...

C'est un exemple qui récupère le nom des checkbox cochées sur une page, avec cet exemple de push tu devrais comprendre comment ça fonctionne.

Code:

1 2 3 4 5 var tab=new Array("toto","titi","tata"); alert(tab); tab.splice(1,1); alert(tab);
supprimera l'élément titi, il te reste plus qu'à faire une méthode de recherche , te retournant l'index de ton élément :
Code:

1 2 3 4 5 6 7 8 9 10 11 Array.prototype.inArray = function (value) { var i; var l = this.length; for (i=0; i < l; i++) { if (this[i] === value) { return true; } } return false; };
te retourne true si l'élément est dans le tableau , retourne i à la place de true :)

ca ne fonctionne pas ca ...?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
function addCategory(select,subject) {
 
    var tab=new Array("Pommes","Poires");
    var subject_select = document.getElementById(subject);
    tab.push(subject_select)
    document.write(tab.join(", "));
}
 
                <td>
                    <select name="subject" onchange="populateChild(this, 'child','child2')">
                        <? foreach ($category['childs'] as $cat_current) { ?>
                        <option value="<?=$cat_current['subjectId']?>"><?=$cat_current['name']?></option>
                        <? } ?>
                    </select>
                </td>
 
 
                <td>
                    <input type="button" value="Ajouter" onClick="addCategory(this,'subject');">
                </td>

16/06/2008, 10h29
le_chomeur

heu a toi de nous le dire :aie:
16/06/2008, 10h30
marty499

lol...oui ca ne fonctionne pas lol
16/06/2008, 10h32
SpaceFrog

Commence par mettre le code html javascript généré, sans code langage serveur
16/06/2008, 10h35
tusssss

getElementById sur un élément qui ne possède pas d'id.

A quoi sert d'envoyer une information "select" dans ta fonction, si tu ne l'utilises nulle part dedans?

Edit: pour le select j'ai peut-être mal lu le code.

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
 
         <td>
                    <select name="subject" onchange="populateChild(this, 'child','child2')">
 
                                                <option value="1">International</option>
                                                <option value="217">France</option>
                                                <option value="230">Économie et finances</option>
                                                <option value="218">Art et culture</option>
                                                <option value="248">Loisirs</option>
                                                <option value="255">Santé</option>
 
                                                <option value="269">Sciences</option>
                                                <option value="297">Sports</option>
                                                <option value="278">Société</option>
                                                <option value="314">Technologies</option>
                                            </select>
                </td>
 
<td>
					<input type="button" value="Ajouter" onClick="addCategory(this,'subject');">
 
				</td>
 
function addCategory(select,subject) {
 
	var tab=new Array("Pommes","Poires");
	var subject_select = document.getElementById(subject);
	tab.push('subject_select')
	document.write(tab.join(", "));
}

16/06/2008, 10h38
le_chomeur

as tu essayé ma méthode ??
16/06/2008, 10h41
marty499

le chomeur => non pas encore , d'apres ce que j'ai compris ta méthode remplace les élements d'un tableau , pour l'instant j'ai juste besoin d'ajouter des élements dans un tableau

/ j'ai rajouté id="subject" pour le select / mais rien n'a achangé
16/06/2008, 10h44
tusssss

Citation:

Envoyé par marty499

/ j'ai rajouté id="subject" pour le select / mais rien n'a achangé

Oui mais c'est une correction essentielle dans les étapes pour découvrir la prochaine erreur si tu veux que ca fonctionne un jour. :D
16/06/2008, 10h47
marty499

lol...un jour...oui
c'est surment un truc tout con , mais je vous cache pas que je n'y connais rien et que j'essaie d'allé le plus vite possible pcq j'ai pas trop de temps ;)
16/06/2008, 10h53
marty499

C'est la facon dont je récupere subject_select , qui ne fonctionne pas
16/06/2008, 10h56
tusssss

Tu veux récupérer quoi dans ta variable subject_select ?

La valeur selectionnée?
16/06/2008, 10h56
marty499

voila ce que ca m'affiche lorsque je click sur ajouter :
Pommes, Poires, [object HTMLSelectElement]

oui la valeur
16/06/2008, 10h59
tusssss

http://www.developpez.net/forums/sho...d.php?t=570059

Voir ici pour comment récupérer la valeur contenue dans un select.
16/06/2008, 11h07
marty499

ouai mais la j'utilise des fonctions..., j'essaie de faire un paralelle mais ca ne change pas grand chose
16/06/2008, 11h26
tusssss

Il faut juste remplacer ca :

Code:

var subject_select = document.getElementById(subject);

Par

Code:

var subject_select = document.getElementById(subject).options[selectedIndex].value;

Ca devrait te permettre de récuperer la valeur du select.
16/06/2008, 11h29
SpaceFrog

ou innerHTML si c'est le texte