[newpage=home] ------------------------------------------------------------------------- help with html coding
[frame=1] ---------------------------------------------------------------------------
$   var colcode="blue"; var coltext="grey"; var colopt="green"; var coloptwb="purple";
$ function ShowCode(t) { 
$   t=replace("<","&lt;",replace(">","&gt;",t));
$   t=replace("#B","<b>",t); t=replace("#/B","</b>",t);
$   t=replace("#I","<i>",t); t=replace("#/I","</i>",t);
$   t=replace("&lt;br&gt;","<br>",t);
$   t=replace("#C","<font color="+colcode+">",t);
$   t=replace("#W","<font color="+coloptwb+">",t);
$   t=replace("#O","<font color="+colopt+">",t);
$   t=replace("#T","<font color="+coltext+">",t);
$   t=replace("#N","<font color=black>",t);
$   t=replace("#E","<font size=-2 color="+colcode+">",t);
$   t=replace("#[","<i style='background-color: #DDD'>",t);
$   t=replace("#]","</i>",t);
$   t=replace("#align_code1", "<span style='color:"+coloptwb+";' "+Bulle("Align codes are:<br><font color="+colopt+">left</font> to align text to the left<br><font color="+colopt+">center</font> to center the text<br><font color="+colopt+">right</font> to align text to the right<br><font color="+colopt+">justify</font> to justify the text",10,20)+">[align code]</span>",t);
$   t=replace("#align_code2", "<span style='color:"+coloptwb+";' "+Bulle("Align codes are:<br><font color="+colopt+">left</font> to align text to the left<br><font color="+colopt+">center</font> to center the text<br><font color="+colopt+">right</font> to align text to the right",10,20)+">[align code]</span>",t);
$   t=replace("#valign_code", "<span style='color:"+coloptwb+";' "+Bulle("Vertical align codes are:<br><font color="+colopt+">top</font>, <font color="+colopt+">middle</font> or <font color="+colopt+">bottom</font>",10,20)+">[align code]</span>",t);
$   t=replace("#width", "<span style='color:"+coloptwb+";' "+Bulle("Width in % (0 to 100) or in pixels",10,20)+">[width]</span>",t);
$   t=replace("#height", "<span style='color:"+coloptwb+";' "+Bulle("Height in % (0 to 100) or in pixels",10,20)+">[height]</span>",t);
$   t=replace("#padding", "<span style='color:"+coloptwb+";' "+Bulle("in pixels",10,20)+">[inside margin]</span>",t);
$   t=replace("#margin", "<span style='color:"+coloptwb+";' "+Bulle("in pixels",10,20)+">[outside margin]</span>",t);
$   t=replace("#border", "<span style='color:"+coloptwb+";' "+Bulle("in pixels",10,20)+">[thickness]</span>",t);
$   t=replace("#line_style", "<span style='color:"+coloptwb+";' "+Bulle("Line style codes are:<br><font color="+colopt+">solid</font>, <font color="+colopt+">dashed</font>, <font color="+colopt+">dotted</font>, <font color="+colopt+">double</font>, <font color="+colopt+">groove</font>, <font color="+colopt+">ridge</font>, <font color="+colopt+">inset</font> or <font color="+colopt+">outset</font><br>Adding <font color="+coloptwb+">-left</font>, <font color="+colopt+">-right</font>, <font color="+colopt+">-top</font> or <font color="+colopt+">-bottom</font> after <font color="+colcode+">border</font> will apply style only to the specified border",10,20)+">[line style]</span>",t);
$   t=replace("#radius", "<span style='color:"+coloptwb+";' "+Bulle("in pixels",10,20)+">[radius]</span>",t);
$   t=replace("#color", "<span style='color:"+coloptwb+";' "+Bulle("name or #000000 to #FFFFFF",10,20)+">[color]</span>",t);
$   t=replace("#filetype", "<span style='color:"+coloptwb+";' "+Bulle("Authorized types are:<br><font color="+colopt+">pdf</font> for PDF files, <font color="+colopt+">img</font> for images or <font color="+colopt+">url</font> for links",10,20)+">[file type]</span>",t);
$   t=replace("#language", "<span style='color:"+coloptwb+";' "+Bulle("Flags are:<br><font color="+colopt+">FR</font> for french, <font color="+colopt+">UK</font> for english or <font color="+colopt+">SP</font> for spanish",10,20)+">[language]</span>",t);
$   return "<font>"+t+"</font>";
$ }

$ function FormatLine(t1,t2,t3,t4) {
$   if (t1=="") { var addt1=""; } else { var addt1=":"; }
$   document.write("<tr><td rowspan=2 width=15% valign=top><b>"+t1+"</b>"+addt1+"</td><td colspan=3 width=85% valign=top>"+ShowCode(t2)+"</td></tr><tr><td width=5%></td><td width=40%>"+ShowCode(t3)+"<p></td><td width=40%>");
$   document.write(t4+"<p></td></tr>");
$ }
$ var exemple="";


<div id='content' name='content' width:100%; text-align:justify;' style='padding:10px;'>
<table width=100% border=0><tr>
<td width=40% valign=top><h2><b>Help with coding<b></h2><br></td><td width=50% valign=top>Color codes:
$ document.write(' '+ShowCode('#C'+colcode+'#N for code&nbsp;&nbsp;&nbsp;#O'+colopt+'#N for parameters&nbsp;&nbsp;&nbsp;#W'+coloptwb+'#N for options (details when mouse over)&nbsp;&nbsp;&nbsp;'));
</td></tr>
</table>


<table width=100%  border=0><tr>
$ FormatLine("Special characters","#C&amp;#171;#T = &#171; &nbsp;&nbsp; #C&amp;#187;#T = &#187;","","");

$ FormatLine("Text styles","#C<b>#Tyour text#C</b>#N for bold, #C<i>#Tyour text#C</i>#N for italics, #C<h1>#Tyour text#C</h1>#N for titles (style defined in configuration option), #C<h2>#Tyour text#C</h2>#N for subtitles (style defined in configuration option)","","");

$ FormatLine("Align the text","#C<div align=#align_code1>#Tyour text#C</div>#N","","");

$ FormatLine("Paragraph position","#C<div width=#width style='text-align:#align_code1; #[padding:#paddingpx;#] #[margin:#marginpx;#] #[border:#borderpx #line_style #color;#] #C#[border-radius:#radiuspx;#]'>", "","");

$ FormatLine("Inserting an image","#C<img src='#O[image url]#C' #[width=#width#] #[height=#height#] #[align=#align_code2#] #[valign=#valign_code#] #[style='border:#borderpx #line_style #color;'#]>", "","");

$ exemple="<table border=1><tr><td width=100>1.1</td><td width=100>1.2</td><td width=100>1.3</td></tr><tr><td colspan=2>2.1 & 2.2</td><td rowspan=2>2.3&3.3</td></tr><tr><td align=center>3.1</td><td align=right>3.2</td></tr></table>";
$ FormatLine("Creating table","#C<table #[width=#width#] #[align=#align_code2#] border:#borderpx #line_style #color; #[padding:#paddingpx;#] #[margin:#marginpx;#]'><tr><td #[align=#align_code1#] #[valign=#valign_code#] #[width=#width#]>#Tfirst cell of row 1#C</td>#[<td>#Ta cell of the line#C</td>#]#N(repeat)#C</tr><tr><td>#Tfirst cell of row 2#C</td>#N(...)#C</tr></table>","#C<td colspan=#Ox#C>#N will extend the cell over x columns<br>#C<td rowspan=#Oy#C>#N will extend the cell over y lines<br>Exemple: #E"+exemple,exemple);

$ FormatLine("Functions","","","");
$ exemple="[$iconlink(contenu/docs/doc.pdf,my doc,doc1,pdf,20)"; var seeex=iconlink ('contenu/image.jpg','my image','img1','img',20);
$ FormatLine("","#B$iconlink#/B: write a link to a document with an icon indicating the type of file<br>#C[$iconlink(#O[document url]#C,#O[text displayed]#C,#O[unique id]#C,#filetype,#O[icons size (in px)]#C]", "Exemple: #E"+exemple,seeex);
$ exemple="[$iconflaglink(contenu/docs/doc.pdf,my doc,doc2,pdf,20,UK)"; var seeex=iconflaglink ('contenu/docs/doc.pdf','my doc','doc2','pdf',20,'UK');
$ FormatLine("","#B$iconflaglink#/B: write a link to a document with an icon indicating the type of file a flag indicating the language<br>#C[$iconflaglink(#O[document url]#C,#O[text displayed]#C,#O[unique id]#C,#filetype,#O[icons size (in px)]#C,#language]", "Exemple: #E"+exemple,seeex);

</table><p><br>

</div>


$ center_page_end();