système de prévualisation

Bonjour je suis en train de créer un système de création de news mais je n'arrive pas à géréer la prévualisation.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
 
<div id="gauche"></div>
   <div id="droite"><br />
      <center>
         <div id="news">
            <div id="titre_news"><?php echo $_POST['titre_news']; ?></div>
            <div id="nom">écrite par <?php echo $_SESSION['login']; ?> le <?php echo date(' d/m/Y  '); ?></div>
            <div id="texte_news"><?php echo $_POST['texte']; ?></div>
         </div>
      </center>
   </div>

Ceci est la partie du code qui permet de voir la news que l'utilisateur a entré précedement et la suivante et celle qui lui permet de la changer si il le souhaite ou de la valider.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<form name="formulaire_valider" id="formulaire_valider" action="valider_news.php" method="post" >
 
<div id="gauche"></div>
<div id="droite"><br />
   <center>
      <div id="news">
      <div id="titre_news">Changement</div>
      <div id="nom"></div>
      <div id="texte_news">
         Titre:<input type="texte" name="titre_news" size="15" maxlength="25" value="<?php echo $_POST['titre_news']; ?>"/>
         <center><textarea name="texte" id="texte_creer_news" cols="60" rows="10" ><?php echo $_POST['texte']; ?></textarea></center>
      </div>
      <table id="modifier_annuler">
         <tr>
            <td width="110px"><dt><a href="javascript:document.getElementById('formulaire_prevualiser').submit();">Prévualisation</a></dt></td>
            <td width="110px"><dt><a href="javascript:document.getElementById('formulaire_valider').submit();">Valider</a></dt></td>
         </tr>
      </table>
      </div>
      </center>
</div>
   </form>
 
<form name="formulaire_prevualiser" id="formulaire_prevualiser" action="prevualisation_news.php" method="post" >
   <input type="hidden" name="titre_news" id="titre_news" size="15" maxlength="25" value="javascript:document.forms['formulaire_valider'].elements['titre_news'].value;"/>
   <input type="hidden" name="texte" id="texte" value="javascript:document.forms['formulaire_valider'].elements['texte'].value;" />
</form>

Je voudrais que lorsque l'utilisateur clique sur le lien de prévualisation la page se recharge et que la partie supérieur prenne en compte les valeur des champs.

Mais avec ce code le titre affiche "javascript:document.forms['formulaire_valider'].elements['titre_news'].value" de même pour les autres.

Pourquoi ???