Affichage d'une div avec une fonction Javascript

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:

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>