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 :
Puis
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 function afficheForm(id) { document.getElementById(id).style.visibility = 'visible'; document.getElementById(id).style.display = 'block'; }
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
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>
Partager