Bonjour, je souhaite mettre en place, sur une page d'annonces immobilières un toggle permettant de masquer/afficher un formulaire attaché à chaque annonce.

J'ai un script php qui affiche les annonces à partir d'une base MySql.

Ca se présente comme ça:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<?php while ($donnees = mysql_fetch_array($resultat) ){
<table>
  <tr>
    <td>.......</td>
    <td>.......</td>
  </tr>
</table>
?>
La page contient 10 tables une fois chargée.

J'ai trouvé un petit script JS permettant de faire cela, mais il s'appuie sur "getElementById", le voici:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
function toggle(obj) {
	var el = document.getElementById(obj);
	if ( el.style.display != 'none' ) {
		el.style.display = 'none';
	}
	else {
		el.style.display = '';
	}
}
Le soucis, c'est qu'ainsi, je ne peux pas agir sur chaque annonce(table) tant donné qu'elles sont générées dynamiquement.

On m'a conseillé d'utiliser "getElementsByClassName", mais je ne m'en sors pas.

J'espère avoir été clair

Merci par avance pour votre aide.

Vous pouvez voir la page ici