Bonjour à tous !
Je me présente (je ne m'appelle pas henry... je sais elle été facile), je suis étudiant en programmation web et je suis actuellement dans une entreprise qui souhaite développer un systeme d'e-mailing. Les seules critéres étaient un belle mise en page (entête et pieds de page) et la possibilité de la changer lors de la saisie du texte la mise en page du contenu.
C'est tout naturellement (je pense) que j'ai pensé aux WYSWYG ! J'ai donc téléchargé HTMLarea2 tout content en me disant chouette un script tout fait quel gain de temps !!
Mais en fait pas du tout, j'ai passé plus de temps à essayer de comprendre ce qui ne fonctionnait pas...
LE PROBLEME
:
1- Le wyswyg s'affiche mais je n'arrive pas à changer le style de mon wyswyg qui me met par défaut un fond bleu trés foncé et une police jaune...
2- Je n'arrive pas à récupérer la valeur de mon textarea (alors que des essais précédents sans le wyswyg étaient trés concluant...)
Pour que ce soit plus facile pour vous de tester ce programme, je vous donne un lien direct : htmlarea2
Ma page php :
<?php
session_start(); // On relaye la session
if(session_is_registered("authentification")) {
// Si la session est enregistrée, on affiche la page
?>
<!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>
<script type="text/javascript">
_editor_url = "htmlarea2/";
_editor_lang = "en";
</script>
<script type="text/javascript" src="htmlarea2/htmlarea.js"></script>
<script type="text/javascript">
HTMLArea.loadPlugin("CSS");
function initDocument() {
var editor = new HTMLArea("editor");
editor.config.pageStyle = "@import url(custom.css);";
editor.registerPlugin(CSS, {
combos : [
{ label: "Syntax",
// menu text // CSS class
options: { "None" : "",
"Code" : "code",
"String" : "string",
"Comment" : "comment",
"Variable name" : "variable-name",
"Type" : "type",
"Reference" : "reference",
"Preprocessor" : "preprocessor",
"Keyword" : "keyword",
"Function name" : "function-name",
"Html tag" : "html-tag",
"Html italic" : "html-helper-italic",
"Warning" : "warning",
"Html bold" : "html-helper-bold"
},
context: "pre"
},
{ label: "Info",
options: { "None" : "",
"Quote" : "quote",
"Highlight" : "highlight",
"Deprecated" : "deprecated"
}
}
]
});
editor.generate();
}
</script>
<?php include("../head.html"); ?>
</head>
<body onload="initDocument()">
<?php include("../entete.html"); ?>
<div id="navig">
<p>
<a href="../menu.php">Revenir à la liste des pages modifiables</a> ::
[<b><?php echo $_SESSION['Login']; ?></b> - <a href="../profil.php">Profil</a> - <a href="../deconnexion.php">Déconnexion</a>]
</p>
</div>
<div id="contenu">
<h3>Accueil -> Mailing -> Envoi d'un nouveau mailing</h3>
<p><a href="../menu.php">Retour au menu d'administration</a></p>
<form name="couriel" action="trait_form.php" method="post" id="envoi">
<fieldset>
<legend>Formulaire d'envoi : </legend>
<table border="0" cellspacing="0" cellpadding="4">
<tr valign="top">
<td><b>Type d'envoi : </b></td>
<td><input type="radio" name="envoi" value="1">Envoi simple</td>
<td><input type="radio" name="envoi" value="2">Envoi multiple</td>
</tr>
<tr valign="top">
<td><b>Expéditeur : </b></td>
<td>
<select type="Option" name="exp">
<option value="1">Nom1</option>
<option value="2">Nom1</option>
<option value="3">Nom1</option>
<option value="4">Nom1</option>
<option value="5">Nom1</option>
</select>
</td>
</tr>
<tr valign="top">
<td><b>Destinataires : </b></td>
<td>
<input type="text" name="dest" value="Veuillez saisir l'adresse du destinataires"size="40">
</td>
<td>
<select type="Option" name="grp">
<option value="essai">Essai</option>
<option value="essai">Essai</option>
<option value="essai">Essai</option>
</select>
</td>
</tr>
<tr valign="top">
<td><b>Gros titre du mail : </b></td>
<td><input type="text" name="grs_titre" value="Lettre d'information" size="40"></td>
</tr>
<td><b>Sujet du mail : </b></td>
<td><input type="text" name="sujet" value="Saisissez votre sujet ici" size="40"></td>
</tr>
<tr valign="top">
<td><b>Contenu du couriel à envoyer : </b></td>
<td>
<textarea name="contenu" id="editor" style="height: 30em; width: 100%;" cols="100" rows="25">Ici mon texte <b>TEXTE EN GRAS</b></textarea>
</td>
</tr>
</table>
<div align="center">
<input type="button", value="Valider l'envoi" onclick="if (confirm('Veuillez valider votre envoi ou cliquer sur annuler')) { document.forms.envoi.submit(); } else { exit; }" />
<input type="reset" value="Effacer votre saisie">
</div>
</form>
</div>
</body>
</html>
<?php
// Sinon on redirige l'uilisateur vers la page de login
} else {
header("Location:../index.php?erreur=intru");
}
?>
Merci d'avance à toutes personne qui prendrait le temps de se pencher sur mon code !
Bonne journée à tous
!