Discussion :

[clem1209]

Bonjour,
J'ai un petit soucis avec mon code :
j'ai deux tableaux afficher sur la meme page
les données vienne d'une base de données.
Je souhaite avoir dans un tableau (gauche) toutes les donnes et dans l'autre(celui de droite) seulement ceux qui ont ete cocher dans le tableau de gauche...
j'utilise une fonction qui dit que si elle est cocher on hide ou on show mais seulement le premier est pris en compte pourquoi ?

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
<script type="text/javascript">
function show(_div){
    var obj = document.getElementById(_div);
 
        obj.style.display = "block";
 
}
</script>
<script type="text/javascript">
function hide(_div)
{
    var obj = document.getElementById(_div);
    obj.style.display = "none";
}
</script>
<script type="text/javascript">
	function test()
	{
 
			if(document.getElementsByName('id[]').checked == true)
			{
				show('form1');
				show('form2');
				show('form3');
			}
			else
			{
 
				hide('form1');
				hide('form2');
				hide('form3');
			}
 
	}
</script>

En vous remerciant de votre aide...

[danielhagnoul]

C'est que document.getElementsByName() (https://developer.mozilla.org/fr/doc...ElementsByName) retournent une liste d'éléments, alors que vous l'utilisez comme donnant un résultat unique.

[clem1209]

Il faut donc que je lui dise quel élément choisir si j'ai bien compris mais comment faire ceci ?
Merci pour votre réponse et votre patience...

[clem1209]

J'ai tenter ceci mais ca ne fonctionne toujours pas :/

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
<script type="text/javascript">
    function test()
    {
        var longueur= document.getElementsByName('id[]').length;
        for(i=0; i<longueur; i++)
        {
            if(document.getElementsByName('id[]')[i].checked == true)
 
            {
                show('form1');
                show('form2');
                show('form3');
            }
            else
            {
                hide('form1');
                hide('form2');
                hide('form3');
            }
        }
    }
</script>

[danielhagnoul]

Sans votre code HTML, difficile de comprendre votre besoin et vos codes JS.

Votre sélecteur "id[]" est bizarre et le choix de getElementsByName() n'est sans doute pas approprié.