Le code se presente comme suit
<!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>Document sans nom</title>
<link href="../css/css_mozz.css" rel="stylesheet" media="screen" />
<script src="../js/fanof_js.js"></script>
</head>
<body>
<form id="formArticle" method="post" action="test.php">
<table class="tabcontnu">
<tr>
<td align="right" id="titre01">Titre</td>
<td><input name="titre" type="text" id="titre" /></td>
</tr>
<tr>
<td align="right" valign="top" id="descript">Description</td>
<td><textarea name="description" rows="5" id="description" >Max 255 caractéres</textarea></td>
</tr>
<tr>
<td align="right" valign="top" id="article01">Article</td>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#DAD7D0">
<tr>
<td><a href="#" ><img src="../img/psd_menu_02.gif" alt="Enrégistrer" name="Image20" width="22" height="24" border="0" onClick="format_text('saveAs')"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image20','','../img/psd_menu_01_over.gif',1)"></a></td>
<td><a href="#" ><img src="../img/psd_menu_03.gif" alt="Envoyer article" name="Image21" width="24" height="24" border="0" ></a></td>
<td><a href="preview.php" target="preview" ><img src="../img/psd_menu_05.gif" alt="Imprimer" name="Image22" width="26" height="24" border="0" onClick="javascript: window.frames['article'].print();"></a></td>
<td><a href="#" ><img src="../img/psd_menu_06.gif" alt="Apérçu" name="Image23" width="25" height="24" border="0" onClick="previewer()"></a></td>
<td><a href="#" ><img src="../img/psd_menu_08.gif" alt="Couper" name="Image26" width="22" height="24" border="0" onClick="format_text('Cut')"></a></td>
<td><a href="#" ><img src="../img/psd_menu_09.gif" alt="Copier" name="Image27" width="26" height="24" border="0" onClick="format_text('Copy')"></a></td>
<td><a href="#" ><img src="../img/psd_menu_10.gif" alt="Coller" name="Image28" width="27" height="24" border="0" onClick="format_text('Paste')"></a></td>
<td><a href="#" ><img src="../img/psd_menu_11.gif" alt="Annuler frappe" name="Image29" width="23" height="24" border="0" onClick="format_text('Undo')" ></a> </td>
<td>
<select name="police" id="selectfont" onChange="format_text('FontName', false, this.value)">
<option value="Font">Police du text</option>
<option value="arial">Arial</option>
<option value="arial narrow">Arial narrow</option>
<option value="georgia">Georgia</option>
<option value="helvetica">Helvetica</option>
<option value="times New Roman">Times New Roman</option>
<option value="verdana">Verdana</option>
</select></td>
<td>
<select name="taille" id="taille" onChange="format_text('FontSize', false, this.value )" >
<option>Taille</option>
<option value="1">9</option>
<option value="2">10</option>
<option value="3">12</option>
<option value="4">14</option>
<option value="5">16</option>
<option value="6">18</option>
</select></td>
<td><a href="#" ><img src="../img/psd_menu_13.gif" alt="Ajouter un lien Hypertext" name="Image30" width="30" height="24" border="0" onClick="getLink('createlink', '', links); "></a></td>
<td><a href="#" ><img src="../img/psd_menu_19.gif" alt="Gras" name="Image31" width="25" height="24" border="0" onClick="format_text('Bold')"></a></td>
<td><a href="#" ><img src="../img/psd_menu_20.gif" alt="Italic" name="Image32" width="24" height="24" border="0" onClick="format_text('Italic')"></a></td>
<td><a href="#"><img src="../img/psd_menu_21.gif" alt="Souligner" name="Image33" width="27" height="24" border="0" onClick="format_text('Underline')"></a></td>
<td><a href="#" ><img src="../img/menu_psd_003.gif" alt="Aligner à gauche" name="Image34" width="24" height="25" border="0" onClick="format_text('justifyLeft')"></a></td>
<td><a href="#" ><img src="../img/psd_menu_23.gif" alt="Centrer" name="Image35" width="20" height="24" border="0" onClick="format_text('justifyCenter')"></a></td>
<td><a href="#" ><img src="../img/psd_menu_24.gif" alt="Aligner à droite" name="Image36" width="22" height="24" border="0" onClick="format_text('justifyRight')"></a></td>
<td><a href="#" ><img src="../img/psd_menu_25.gif" alt="Justifier" name="Image37" width="26" height="24" border="0" onClick="format_text('justifyFull')"></a></td>
<td><a href="#" ><img src="../img/psd_menu_31.gif" alt="Retrait" name="Image38" width="22" height="24" border="0" onClick="format_text('outdent')"></a></td>
<td><a href="#" ><img src="../img/psd_menu_32.gif" alt="Indenter" name="Image39" width="27" height="24" border="0" onClick="format_text('indent')"></a></td>
<td><a href="#" ><img src="../img/psd_menu_34.gif" alt="colorier le text" name="Image25" width="25" height="24" border="0" onClick="format_text('ForeColor', '', '#CC0000')"></a></td>
<td><a href="#" ><img src="../img/psd_menu_37.gif" alt="Revenir au noir" name="Image40" width="25" height="24" border="0" onClick="format_text('ForeColor', '', '#000000')"></a> </td>
<td><a href="#" ><img src="../img/psd_menu_36.gif" alt="Souligner arrier plan" name="Image24" width="23" height="24" border="0" onClick="format_text('backColor', '', '#D1EE5F')"></a></td>
</tr>
</table></td>
</tr>
<tr>
<td><iframe name="article" id="article" frameborder="0"></iframe></td>
</tr>
</table></td>
</tr>
<tr>
<td align="right" id="categ">Catégorie</td>
<td>
<select name="id_categorie" id="co">
<option value="" selected >Choisissez</option>
<option value="" >test</option>
</select>
<input type="hidden" name="htmlCode"></td>
</tr>
<tr>
<td align="right"> </td>
<td>
<input type="hidden" name="formated_text" id="formated_text" />
<input type="button" name="cancel" value="Annuler" id="cancel" />
<input type="button" name="submit" value="Envoyer" id="submit" onClick="submitForm()"/></td>
</tr>
</table>
</form>
</body>
</html>
le Fichie JS relatif est comme suit:
function submitForm(){
document.getElementById('formArticle').submit();
}
