Affichage d'une div avec une fonction Javascript

[maxime-mb]

Bonjour,

Voilà j'ai une page qui affiche une liste de messages.
Devant chaque message, une icône (lien) doit permettre d'éditer le message.
Pour cela j'ai mis, dans chaque message une <div> avec les attributs visibility:hidden;display:none; qui contient un mini formulaire capable de traiter la modification.

Avec un onClick j'appelle une petite fonction js qui rend visible et sous forme de block la <div> correspondant au message à modifier.

Tout marche bien, sauf que l'effet de la fonction js ne dure qu'une fraction de seconde et la <div> disparait à nouveau...

Voici mon code :

Code :

1
2
3
4
5
6
function afficheForm(id) {   
 
 document.getElementById(id).style.visibility = 'visible';   
 document.getElementById(id).style.display = 'block';    
 
}

Puis

Code html :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class='message'>    
 <div id='<?php echo $donnees['postId']?>' style="visibility:hidden;display:none;">   
  <form method="post" name='form1' action="modifierPost.php?id=<?php echo $donnees['postId']?>" onsubmit="javascript:return validation1();">   
   <table>   
                                <tr>   
                                   <td><textarea name='titre' id='titre' rows="5" cols="70"><?php echo $donnees['postText'];?></textarea></td>   
                                   <td style='vertical-align: bottom;'><input type="submit" class="bouton" width="30" value="Modifier"/></td>   
                                   <td id='alert_titre'></td>   
                                 </tr>   
   </table>   
  </form>   
 </div>   
 <p><?php echo $donnees['postText'];?></p>   
</div>

[rotrevrep]

tu ne détailles pas assez ton code html, donc comment savoir sur quel élément cliquer et qui utilise la fonction afficheForm() ?
alors sans voir cela, j'ai testé en appliquant la fonction au clique de la div de classe message, et ton formulaire reste affiché.