bonjour à tous,
je me retourne vers vous car je patauge la dessus depuis 3 plombes et je sens que j'ai pas le bon angle.
Code PHP :
<?php
// affichage drapeau
$result_flag = mysql_query("SELECT DISTINCT flag, libelle FROM pays, constructeur WHERE (pays.libelle =
constructeur.pays) ORDER BY pays ASC;");
while ($flg = mysql_fetch_array($result_flag))
{
?><div style="background-image: url(images/fondgris.jpg);margin-left : auto;margin-right : auto; padding:10px 10px 10px 10px;" onclick="montrerCacher('voir');">
<img src="./images/<?php echo $flg['flag']; ?>" width="20" border="1" alt="" /> <span class="text12pxbold"><?php echo $flg['libelle']; ?></span><br />
<div id="voir">
<?php
// listes des resultats pour ce pays
$resultat = mysql_query("SELECT nom, numconstructeur FROM constructeur, pays WHERE (pays.libelle = constructeur.pays AND pays.flag = '".$flg['flag']."') ORDER BY pays ASC, numconstructeur ASC;");
while ($ligne = mysql_fetch_array($resultat))
{
?> <a href="./index.php?page=listecons&ncons=<?php echo $ligne['numconstructeur']; ?>" style="font-size: 11px;"><?php echo $ligne['nom']; ?></a><br />
<?php
}
?></div>
</div>
<?php
}
?>il s'agit de faire masquer/afficher la liste en cliquant sur les pays comme ceci
j'ai ce script qui marche tres bien avec une div unique (j'ai testé)
Code PHP :
<script type="text/javascript" src="http://script.aculo.us/prototype.js"></script>
<script type="text/javascript" src="http://script.aculo.us/scriptaculous.js"></script>
<script type="text/javascript">
function montrerCacher(id_element)
{
if($(id_element).style.display == 'none')
{
Effect.BlindDown(id_element);
return false;
}
else
{
Effect.BlindUp(id_element);
return false;
}
}
</script>
</head>
<body>
<img onclick="montrerCacher('article_1');" src="images/afsud.png" alt="cliquez pour voir le détail" />
<div style="display: none" id="article_1" >
Texte caché
</div>
</body>
mais dans mon cas, quelque soit le pays cliqué c'est toujours la liste du premier pays qui s'occulte.
quelqu'un a une idée ?
merci d'avance