Bonjour,
Je suis étudiant en BTS informatique de gestion donc mes connaissances sont assez limités. Je suis actuellement en stage et j'ai pour projet de créer un site intranet avec gestion d'ajout de rubriques.
Afin de personnaliser ces dernières, j'ai dans l'idée d'inclure une gestion de mise en forme du texte pour améliorer l'esthétique des rubriques.
J'ai réussi a enregistrer le texte sélectionné dans la variable "texte" mais quand je clique sur le bouton gras ou italic ca m'envoi sur un page blanche avec le bon texte avec la bonne mise en forme.Dans les cas de centrage et de soulignement j'ai essayé une autre facon mais ca saplique a tout le textarea. Il y aurait donc juste le fait que ca m'envoi le texte avec la mise en forme correcte sur un nouvelle page...Je n'y comprends plus rien je vous mets le code associé au javascript et au textarea ci dessous :
code :
<?php
session_start();
include ("connect.php");
?>
<html>
<head>
<title>Ajout d'une rubrique</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="styles/design.css"/>
<script type="text/javascript">
function mise_en_forme(form, choix)
{
if (document.selection)
{
var texte = document.selection.createRange().text;
var style = choix //Récupère le choix de l'utilisateur (gras italic...)
var doc = document.form.textarea;
switch (style)
{
case "b" : {document.write(texte.bold()); break}
case "u" : {doc.style.textDecoration = "underline"; break}
case "i" : {document.write(texte.italics()); break}
case "center" : {doc.style.textAlign= "center"; break}
default:
break;
}
}
else
{
alert( "Aucun texte n'a été sélectionné" );
}
}
</script>
</head>
<body>
.....
<form action="#" method="post" name="form">
<center>
<table bgcolor="#e0e0e0" width="500" id="style_rubrique">
<tr>
</tr>
<tr>
<td id="entete_rubrique">
<img src="img/ecrire_rubrique.png" align="left" id="image_rubrique"/><br/>Création d'une nouvelle rubrique
</td>
</tr>
<tr>
<td class="titre_rubrique"><br/><br/><br/><br/>Titre de votre rubrique : <br/>
<input type="text" name="titre_rubrique" size="70" class="case"/>
</td>
</tr>
<br/>
<tr>
<td class="titre_rubrique"><br/><br/><br/>Votre texte :<br/>
<textarea rows="20" cols="60" name="textarea" id="area" onfocus="if ( !this.cliquer )
{ this.value=''; this.cliquer=true; }"/> Tapez le contenu de votre rubrique ici...
</textarea>
<input type="button" name="bouton" value="Gras" onClick="mise_en_forme(form, 'b')">
<input type="button" name="bouton" value="Souligné" onClick="mise_en_forme(form, 'u' )">
<input type="button" name="bouton" value="Italique" onClick="mise_en_forme(form, 'i' )">
<input type="button" name="bouton" value="Centrer" onClick="mise_en_forme(form, 'center' )">
</td>
</tr>
....
Svp aidez moi je sens que je ne suis plus très loin et le temps m'est compté
Merci d'avance
Merci pour ta réponse.J'avais dans l'idée de stocké le texte dans une variable et l'écraser avec un texte en gras... En gros c'est ce que je voulais faire ce n'est pas possible???
Je vais essayé de regarder du coté de la propriété innerHTML mais si j'ai bien compris l'utilsateur lors de la saisie verrais quelque chose du style: <b>blablablabal</b> à l'écran? Ce n'est pas possible qu'il voit le texte en gras directement sans les balises?
Merci encore
Cordialement
Alors que dans un textarea <b>blablablabla</b> s'afficherait tel quel, donc au mieux tu ne pourrais changer que le style d'ensemble
merci beaucoup pour ton aide