Où est le problème ?
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Envoyer un email aux inscrits</title>
<script language="JavaScript" src="options-html.js"</script>
<object name="CommonDialog"
id="CommonDialog"
classid="CLSID:F9043C85-F6F2-101A-A3C9-08002B2F49FB">
<param name="_ExtentX" value="847">
<param name="_ExtentY" value="847">
<param name="_Version" value="393216">
<param name="CancelError" value="0">
<param name="Color" value="0">
<param name="Copies" value="1">
<param name="DefaultExt" value="">
<param name="DialogTitle" value="">
<param name="FileName" value="">
<param name="Filter" value="">
<param name="FilterIndex" value="0">
<param name="Flags" value="3">
<param name="FontBold" value="1">
<param name="FontItalic" value="0">
<param name="FontName" value="Verdana">
<param name="FontSize" value="12">
<param name="FontStrikeThru" value="0">
<param name="FontUnderLine" value="0">
<param name="FromPage" value="0">
<param name="HelpCommand" value="0">
<param name="HelpContext" value="0">
<param name="HelpFile" value="">
<param name="HelpKey" value="">
<param name="InitDir" value="">
<param name="Max" value="0">
<param name="Min" value="0">
<param name="MaxFileSize" value="260">
<param name="PrinterDefault" value="1">
<param name="ToPage" value="0">
<param name="Orientation" value="1"></object>
<script type="Text/JavaScript"><!--------------------
function btn1(bou)
{ saisie.focus();
document.execCommand(bou.src.substring(bou.src.lastIndexOf("img")+3,
bou.src.lastIndexOf(".")));
if (bou.border.length>0) // font caractères ?
{ if (document.selection.createRange().text.length==0) // rien de sélectionné ?
{ if (bou.border=="2") bou.border="0"; // marquer "type caractères"
else bou.border="2"; } } }
function btn2(bou,p2,p3) //—— bouton avec paramètres ——
{ saisie.focus();
document.execCommand(bou.src.substring(bou.src.lastIndexOf("img")+3,
bou.src.lastIndexOf(".")),p2,p3); }
</script>
</head>
<body>
<center> Créez un message pour tous les inscrits, possibilité de le faire au format
HTML et de recevoir une copie conforme du message avant de lenvoyer aux inscrits... </center>
<center>
<form name="mail_collectif" action="valid_mail_collectif.php" method="POST" onsubmit="SubmitForm(this)">
<input type="hidden" name="img_fond" value="">
<br> <div align="left">
</form>
</center>
<table bgcolor="beige" align="center">
<tr>
<td>
<img src="imgBold.gif"
class="btn"
alt="Gras"
border="0";
onclick="btn1(this);"
name=imgBold>
</td>
<td>
<img src="imgItalic.gif"
class="btn"
alt="Italique"
border="0";
onclick="btn1(this);"
name=imgItalic>
</td>
<td>
<img src="imgUnderline.gif"
class="btn"
alt="Souligné"
onclick="btn1(this);"
border="0";
name=imgUnderline>
</td>
<td>
<img src="imgStrikeThrough.gif"
class="btn"
alt="Rayé"
onclick="btn1(this);"
border="0";
name=imgStrikeThrough>
</td>
<td>
<img src="imgJustifyLeft.gif"
class="btn"
alt="Justifié à Gauche"
onclick="btn1(this);">
</td>
<td>
<img src="imgJustifyCenter.gif"
class="btn"
alt="Centré"
onclick="btn1(this);">
</td>
<td>
<img src="imgJustifyRight.gif"
class="btn"
alt="Justifié à Droite"
onclick="btn1(this)";>
</td>
<td>
<img src="imgCopy.gif"
class="btn"
alt="Copier"
onclick="btn1(this);">
</td>
<td>
<img src="imgCut.gif"
alt="Couper"
class="btn"
onclick="btn1(this);">
</td>
<td>
<img src="imgPaste.gif"
class="btn"
alt="Coller"
onclick="btn1(this);">
</td>
<td>
<img src="imgDelete.gif"
class="btn"
alt="Effacer"
onclick="btn1(this);">
</td>
<td>
<img src="imgUndo.gif"
class="btn"
alt="Annule actions"
onclick="btn1(this);">
</td>
<td>
<img src="imgRedo.gif"
class="btn"
alt="refaire l'action"
onclick="btn1(this);">
</td>
<td>
<img src="imgSelectAll.gif"
alt="tout sélectionner"
class="btn"
onclick="btn1(this);"
name=imgSelectAll>
</center>
</td>
</td>
<tr>
<td width="219" height="8" colspan = 3>
<p align="center"><a href="javascript:inserer_img();">Insérer une image</a></td>
</tr>
<tr>
</tr>
<tr>
<td width=750 height=500 align="center" colspan="15">
<span ContentEditable
style="font-family:'Verdana';
font-size:'12px';
position:'center';
top:90;
border-color:'#000000';
border:'1px inset gray';
overflow:'auto';
width:'100%';
height:'100%';
color:'#400040';
background-color:'#FFFFFF';"
name="saisie"
id="saisie"></span>
<textarea name="txt"
style=" font-family:'Verdana';
display:'none';
position:'center';
top:90;
font-size:'12px';
border-color:'#000000';
border:'1px inset gray';
overflow:'auto';
width:'100%';
height:'76%';
color:'#400040';
background-color:'#C0C0C0';"></textarea>
<tr>
<td rawspan = 25>
<p align="center"> <br><a href="
[ Lien ]" title="Objectif Line"><img src=" [ Lien ]" width="90" height="60" border="0" alt="objectif line"></a></p>
</td>
<td>
<p align="center"> <input type="checkbox" name="archiver" value="ON" checked>Archiver
ce message<p align="center"> <input type="button" name="ok" value="Envoyer !" onclick="direction()"><p align="center">
</td>
</tr>
</td>
</tr>
</table>
</body></html>
Ceci doit être un formulaire destiné à remplir une newsletter avec insertion d'image. Mais malheureusement la ligne 8 (<script language="JavaScript" src="options-html.js"</script>) semble générer un conflit entre 2 scripts java.
Je souhaiterai réaliser un newsletter editable basée sur ce principe :
http://www.phpcs.com/code.aspx?ID=13411
Cette newsletter étant quasiment parfaite, nous devons cependant modifier l'interface de mise en forme de la newsletter afin que l'on puisse modifier la taille, la police, les caractères gras, italique etc ... (un peu comme sous word) sans passer par une nouvelle fenêtre de commande.
Nous souhaiterions obtenir quelque chose de similaire à l'interface pour écrire ce message (mais plus épurée) avec un fond statique, sans les smiley etc ... et également l'insertion d'images ...
Si quelqu'un à une solution, nous acceptons toute aide (niveau code = novice)
Merci d'avance