[HTML] aperçu formulaire et mise en page

**zabuze** · 16/08/2008, 17h26

Bonjour à vous.
je suis en train de me prendre le choux pour ce problème. Je vogue sur la toile depuis un bout de temps pour prévisualiser le contenu d'un textaera. J'y ai trouvé quelques codes que j'essaye d'assimiler. Mais le contenu de la prévisualisation ne prendre pas en compte la mise en page. J'essaye pour le moment le retour à la ligne. J'pige pas tout là et las !
Je crois deviner qu'il manque quelquechose dans la page preview ! aidez moi !

Voici donc des 2 scripts :
page mot_responsable_site.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
 
<?php
session_start();
$_SESSION['nom_identifiant'] = $_SERVER['PHP_AUTH_USER'] ;
$_SESSION['nom_mot_de_passe'] = $_SERVER['PHP_AUTH_PW'] ;
?>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>page_mot_responsable_site</title>
 
<style type="text/css">
<!--
.style1 {
        font-size: 16px;
        font-style:normal;
        font-weight:bolder;
}
.Style4 {
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
}
.Style8 {
        font-size: 10px;
        font-style: italic;
        font-weight: lighter;
}
-->
</style>
 
<SCRIPT LANGUAGE="JavaScript">
function apercu()
{
valeur=this.form1.mot_du_responsable_site_saisie.value;
window.open('preview.php?cont='+valeur,'Aperçu','width=400,height=400,scrollbars=yes');
}
</SCRIPT>
 
 
<script language="javascript">
function inserer(chaine) {
document.form1.mot_du_responsable_site_saisie.value = document.form1.mot_du_responsable_site_saisie.value + chaine;
}
</script>
 
</head>
 
<body>
 
  <!--titre de la page -->
 
<p align="center">le mot de l'ADMINISTRATEUR DU SITE</p>
 
<form name="form1" id="form1"  action="mot_responsable_site_add.php" method="post" >
 
  <p class="Style4">Ton titre<span class="Style8">(20 caract&egrave;res) </span></p>
  <p><input name="titre" type="text" value="nouveau" size="30" maxlength="20" />
 
  <p class="Style4">Ton texte<span class="Style8">(1000 caract&egrave;res)</span></p>
 
  <p>
<a href="javascript:inserer('\n');"><img src="../images/bt_mip/mip_nouvelleLigne.gif" border="0" alt="nouvelle ligne"/></a>  </p>
 
  <p><textarea name="mot_du_responsable_site_saisie" cols="50" rows="10" id="mot_du_responsable_site_saisie"><?php
$date_du_jour = date("d-m-Y");
echo "Le " . $date_du_jour . ", " . "Bonjour à tous ! " ;
?></textarea>
  </p>
 
  <p>
	<input type="button" name="previsu" value="Prévisualiser" Onclick="javascript:apercu();">
    <input name="Submit" type= "submit" value="ENVOYER" />
    <input name="R&eacute;initialiser" type="reset" value="REFAIRE" />
  </p>
 
</form>
 
 
<p>
  <?php
echo '<br>', "<font color='red'>Ton précédent titre et mot étaient : </font>" ,'<br>';
 
//connection_serveur
include ($_SERVER['DOCUMENT_ROOT'].'/licencie/connection_serveur.php'); 
//fin_connection_serveur
 
$sql = "SELECT `index`, `titre`, `mot` FROM `mot_responsable_site`";
$requete = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error()); 
while($data = mysql_fetch_assoc($requete))
    {
        echo $data['titre'] ;
        echo '<br>', $data['mot'] ;
    }
mysql_close(); 
 
echo '<br>', "<font color='red'>Une fois ton texte validé, l'ancien mémo n'existera plus ! </font>" ,'<br>';
?>
 
<form action="/agenda_3.5/agenda.php" method="POST">
<input name="envoyer" type="submit" value="AGENDA" id="envoyer" />
</form>  
 
</body>
</html>

et page preview.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
29
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>pg_mep</title>
 
</head>
 
<body>
 
<div align='center'><strong>Mise en page du flash</strong></div>
 
<?php
 
if(isset($_GET['cont']) AND !empty($_GET['cont']) AND $_GET['cont']!="" )
{
$contenu=$_GET['cont'];
}
else
die ("contenu inexistant" );
 
//$contenu=str_replace("\n","</br>",$contenu);
echo $contenu;
?>
 
 
</body>
</html>

**htr999** · 16/08/2008, 18h25

t'aurais pas un exemple du contenu d'entrée et de sortie ?.?

**zabuze** · 16/08/2008, 19h07

Bonjour.

je saisis ceci :
Le 16-08-2008, Bonjour à tous !
a
b
c

La prévisualisation est comme cela : Le 16-08-2008, Bonjour à tous ! abc

et lorque je soumets mon formulaire, ma base mysql a bien enregistré les retours à la ligne !

sorry si je n'ai pas tout à fait répondu à ta question !
mais merci de t'intéresser à ce mom impasse !

**htr999** · 16/08/2008, 19h34

ajoute la fonction nl2br() dans le echo de ton contenu

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

echo nl2br($contenu);

**zabuze** · 16/08/2008, 21h34

j'ai toujours le texte brut dans la prévisualisation.

Par contre, j'ai mis ceci à la place :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<a href="javascript:inserer('</br>');"><img src="../images/bt_mip/mip_nouvelleLigne.gif" border="0" alt="nouvelle ligne"/></a>

Dans mon formulaire, je pose cette balise et tapes mon texte :
Le 16-08-2008, Bonjour à tous ! </br>kenavo

Dans ma fenètre de prévisualisation il s'affiche :Le 16-08-2008, Bonjour à tous !
kenavo

Je valide mon formulaire et dans ma table de données, la balise html est enregistrée dans le champs :
Le 16-08-2008, Bonjour à tous ! </br>kenavo

Lorsque je rappelle mon formulaire pour créer un nouveau message, le texte enregistré dans ma table est appelé et affiché. Mon texte ainsi affiché garde la mise en page, ma balise ne s'affiche pas (je croyais qu'elle serait interprétée en texte !)

[HTML] aperçu formulaire et mise en page

HTML

Vue hybride

Discussions similaires

Partager

Partager