Discussion :

[Eric5031]

Bonjour à tous,

Je débute en php et après pas mal de lecture et de pratique, je m'introduit tout doucement à intégrer un peu de Javascript dans mon code.

Voilà le topo, j'ai une série de bouton (disposant tous d'un ID unique) et au clic de ce bouton je souhaiterais faire apparaitre/disparaitre du texte (qui par défaut est caché)

Pour résumé j'ai donc ceci :

Code :

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

1
2
3
4
5
6
 
<button onclick="show()"> My button
</button>
 
<div id="list"> My list
</div>

CSS:

Code :

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

1
2
3
#list{
	display : none;
}

Javascript :

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
 
button = document.getElementsByTagName('button');
para = document.getElementsByID('list');
 
function show(x) {
    para[x].style.display = 'block';
    button[x].onclick = function() {
        hide(x);
    }
}
 
function hide(x) {
    para[x].style.display = 'none';
    button[x].onclick = function() {
        show(x);
    }
}
 
button[0].onclick = function() {
    show(0);
}

Je sais que mon code Javascript est faux, mais au moins j'ai essayé de pondre quelque chose qui me semblait +- cohérent. Est-ce que quelqu'un pourrait m'aider à y voir plus clair dans ceci ?

[SylvainPV]

getElementsByID n'existe pas. Un ID doit être unique dans le document. Le nom correct est donc getElementById, et il renvoie un seul élément et non une liste d'éléments.

[Eric5031]

Pardon j'ai oublié de préciser ceci. 'list' est une variable. Pour simplifier mon code afin de le présenter je n'ai pas voulu le compliquer et j'ai oublié de mentionner cela.

Mon code :

Code :

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

1
2
3
4
5
<button onclick="show()"> My button
</button>
 
<div id="list"> My list
</div>

est placé dans un foreach() comme ceci (et donc list = $id_case) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
foreach($currentCases as $data)
            {
                $id_case = $data->getCaseID();
                //Set title
                      ?>           
                    <fieldset>     
                    <legend>
                    <button id='<?php echo $id_case;?> ' onclick="show()"> 
                    ...
                    <?php
            }

$id_case est donc unique et différent pour chaque bouton.

[sekaijin]

tu fais du php je suppose que tu connais donc le B.A.BA. de la programmation

Code :

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

onclick="show()"

Code :

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

function show(x)

Il n'y a pas un truc qui te choque là ?
A+JYT

[Eric5031]

Il n'y a pas un truc qui te choque là ?
A+JYT

Effectivement ...

J'ai essayé de corriger le coup..

My button

Code :

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

1
2
3
4
5
6
 
foreach($currentCases as $data)
			{
				$id_case = $data->getCaseID();
	?>			<button onclick=" show(' <?php echo $id_case; ?> '); ">
                                ...

My div to hide

Code :

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

<div id='<?php echo $id_case; ?> '> Test </div>

Javascript

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
 
<script type="text/javascript">
 
	function show(id) 
	{
		var div = document.getElementById(id);
 
		if (div.style.display !== 'block') 
		{
			div.style.display = 'none';
		}
		else 
		{
			div.style.display = 'block';
		}
	}
 
</script>

Mais rien ne fonctionne, une idée ? Je ne suis pas sur de mon coup concernant le javascript

[SylvainPV]

Tu étais bien parti en ne postant pas ton code PHP. PHP et JavaScript travaillent séparément et on veut éviter de mélanger les sujets, c'est pourquoi il est demandé dans les règles de la section de poster uniquement le code généré côté navigateur.

Allez, il n'y a pas autre chose qui te choque là dedans :

Code :

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

1
2
3
4
5
if (div.style.display !== 'block'){
	div.style.display = 'none';
} else {
	div.style.display = 'block';
}

[Eric5031]

Merci à toi, désolé je crois que j'étais vraiment fatigué pour commettre des erreurs pareils ...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
	function show(id) 
	{
		var div = document.getElementById(id);
 
		if (div.style.display == 'none') 
		{
			div.style.display = 'block';
		}
		else 
		{
			div.style.display = 'none';
		}
	}

Cela fonction tip top, merci